/*首页，区部门头部banner区域*/
.banner-top{
	width:100%;
	height:480px;
	background:url(../img/iphone.jpg) no-repeat center;
	position:relative;
}
.banner-content {
	border-top: 1px solid transparent;
}
.banner-top-main{
	height: 404px;
	margin-top: 74px;
	text-align: right;
}
.selectDepartment{
	border:1px solid #fff;
	line-height: 30px;
	height:34px;
	display: inline-block;
	border-radius: 17px;
	padding:0 15px;
	color:#fff;
	cursor:pointer;
}
.selectDepartment span,.selectDepartment i{
	vertical-align: middle;
}
.selectDepartment i{
	font-size:12px;
	margin-left:10px;
}
.banner-title {
	text-align: center;
	padding-top: 16px;
}
.banner-title>div{
	margin-top:10px;
}
.banner-title i{
	display:inline-block;
	width:49px;
	height:51px;
	background:url(../img/ga.png) no-repeat 0 0;
	vertical-align: middle;
	margin-right:10px;
}
.banner-title .title-text{
	font-size:36px;
	color:#fff;
	/*font-weight:bold;*/
	vertical-align: middle;
}
.banner-title .index-title-text{
	font-size:36px;
	line-height: 1;
	color:#fff;
	letter-spacing: 5px;
	vertical-align: middle;
	margin: 10px 0 0;
	font-weight:bold;
	position:relative;
}
.banner-title .index-title-desc {
	color: rgba(255,255,255,.5);
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
	cursor: default;
}
.banner-title .title-label{
	font-size:14px;
	color:#fff;
	padding:3px 10px;
	background:rgba(255,255,255,0.2);
	border-radius: 20px;
	vertical-align: middle;
	letter-spacing:0px;
	font-weight:normal;
	position: absolute;
	top: 10px;
}
.banner-title .gwandpj{
	display:inline-block;
	vertical-align:middle;
	text-align: left;
	margin-top: 15px;
}
.banner-title .gwandpj .xssmallstarGrade{
	margin:0;
	height: 11px;
	vertical-align: middle;
}
.banner-title .gwandpj .xssmallstarGrade .set_image_all .set_image_top{
	top:-4px
}
.banner-title .gwandpj .xssmallstarGrade img{
	vertical-align:top;
}
.banner-title .gwandpj .pjbox{
	display:inline-block;
}
.banner-title .gwandpj .pjbox span{
	color:rgba(255,255,255,0.5);
	vertical-align: middle;
}
.inputGroup{
	background:rgba(255,255,255,0.3);
	border-radius: 5px;
	height:54px;
	margin:40px auto 0;
	position:relative;
	text-align: left;
}
.inputGroup button{
	float:right;
	font-size:16px;
	border:none;
	outline:none;
	height: 54px;
	line-height: 56px;
	width: 96px;
	text-align: center;
	border-radius: 5px;
}
.inputGroup .input{
	background:transparent;
	height:54px;
	line-height: 54px;
	width: calc(100% - 96px);
	outline:none;
	border:none;
	color:#fff;
	font-size:16px;
	padding: 0 10px 0 84px;
}
.inputGroup .input::placeholder {
	color: #fff !important;
}
.inputGroup .picker {
    width: 73px;
    padding-right: 20px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 54px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    text-align: center;
    user-select: none;
    background-position: 50px center;
}
.inputGroup .picker:before {
    content: '';
    width: 2px;
    height: 24px;
    background-color: rgba(181,157,149,.6);
    position: absolute;
    right: 10px;
    top: 15px;
}
.picker input {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    font-size: 16px;
	color: #fff;
    cursor: pointer;
    border: none;
    text-align: center;
    outline: none;
}
.picker .upDown {
    position: absolute;
    display: block;
    width: 16px;
    height: 100%;
    right: 10px;
    top: 0;
    cursor: pointer;
	background: url(../img/caret.png) no-repeat scroll center !important;
    background-size: 50%!important;
}
.inputGroup .input::-webkit-input-placeholder{
  color:#fff;
}
.inputGroup .input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#fff;
}
.inputGroup .input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#fff;
}
.inputGroup .input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#fff;
}
.inputGroup>span{
	font-size:20px;
	color:#fff;
	padding:0 20px;
	cursor:pointer;
}
.inputGroup>span span{
	vertical-align: middle;
}
.inputGroup span i{
	display:inline-block;
	font-size:12px;
	margin-left:10px;
	margin-top:-2px;
}
.inputGroup b{
	display:inline-block;
	width:1px;
	height:30px;
	background:#fff;
	vertical-align: middle;
}
/*选择站点模态框*/
.filterModal .dl-horizontal{margin:0 0 0 -50px;}
.filterModal .dl-horizontal dt{font-weight:normal;}
.filterModal .dl-horizontal dt,
.filterModal .dl-horizontal dd{line-height:36px;font-size:16px;}
.filter-list a{display:inline-block;margin-bottom:5px;margin-left:10px;padding:0 10px;}
.filter-list a:hover,
.filter-list a.active{background:#cbb486;color:#fff;}
/*切换部门、区、管委会*/
.Popupselect{
	top:110px;
	border-radius:5px;
	text-align: left;
}
.Popupselect>div.left ul li.active{
	border-left:5px solid #cbb486;
}
.qucontent .queren button{
	background:#cbb486;
}

/*  历史记录  */
.search-log,.key-log {
	display: none;
	position: absolute;
	top:55px;
	left: 0;
	width: 100%;
	padding: 23px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,.3);
	z-index: 99;
	border-radius: 5px;
}
.search-log .clear {
	position: absolute;
	top: 20px;
	right: 23px;
	font-size: 16px;
	color: #8e8e8e;
	cursor: pointer;
}
.search-log .log-title {
	font-size: 16px;
	color: #333333;
}
.search-log .log-detail,
.search-log .hot-search {
	padding: 13px 0;
}
.search-log .log-detail>span{
	color: #999999;
	display: inline-block;
	font-size: 14px;
	text-decoration: underline;
	margin-right: 35px;
	margin-bottom: 8px;
	cursor: pointer;
}
.search-log .log-detail>span:hover,
.search-log .log-detail>span.active {
	color: #cbb486;
}
.search-log .log-detail>span.noMargin,
.search-log .hot-search>span.noMargin {
	margin-right: 0;
}
.search-log .hot-search>span {
	display: inline-block;
	font-size: 12px;
	color: #cbb486;
	padding: 6px 13px;
	background-color: #f5f0e7;
	border-radius: 50px;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 8px;
}
.search-log .hot-search>span:hover {
	text-decoration: underline;
}
.search-log .department>li {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 24px;
	color: #999999;
	cursor: pointer;
	font-size: 14px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.search-log .department>li:hover {
	color: #cbb486;
	/* 
	text-decoration: underline;
	 */
}
.search-log .department>li::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #d2d2d2;
	left: 6px;
	top: 11px;
}
.search-log .department>li.hot-1::before,
.search-log .department>li.hot-2::before,
.search-log .department>li.hot-3::before{
	position: absolute;
	content: '';
	width: 16px;
	height: 18px;
	background: url('../img/hot-1.png');
	left: 2px;
	top: 6px;
}
.search-log .department>li.hot-2::before {
	background: url('../img/hot-2.png');
}
.search-log .department>li.hot-3::before {
	background: url('../img/hot-3.png');
}
.search-log .department>li.hot-1::after{
	background: transparent;
}
.search-log .department>li.hot-2::after{
	background-color: transparent;
}
.search-log .department>li.hot-3::after{
	background-color: transparent;
}
.key-log {
	padding: 8px 0;
}
.key-log p {
	margin: 0;
	font-size: 16px;
	line-height: 32px;
	padding: 0 20px;
	color: #555;
	cursor: pointer;
}
.key-log p>em {
	font-style: normal;
	color: #cbb486;
}
.key-log p:hover {
	background-color: #f7f7f7;
}
.activity51 {
	display: none;
}
/* 金色搜索框 */
.picker input, .inputGroup .input, .inputGroup .input::placeholder{
	color:#8b614d !important;
}
.inputGroup .picker:before{
	background-color:#8b614d;
}
.picker .upDown{
	background: url(../img/caret-gray.png) no-repeat scroll center !important;
	background-size: 50%!important;
}
.inputGroup{
	background: rgba(255,255,255,0.8);
}


/* 多端适配 */
@media (min-width: 480px) {
	.banner-top {
		background: url('../img/common-banner-new-250211.png') no-repeat center center;
	}
	.inputGroup .picker {
	    width: 80px;
	    background-position: 56px center;
	}
}
@media (min-width: 580px) {
	.inputGroup .picker {
	    width: 125px;
	    background-position: inherit;
	}
	.inputGroup .input {
		padding: 0 10px 0 125px;
	}
	.picker .upDown {
		right: 20px;
	}
}
@media (min-width: 660px) {
	.inputGroup .input {
		padding: 0 10px 0 150px;
	}
}
@media (min-width: 768px){	/* 768~992 */
	/* .contain {
	    width: 750px;
	} */
	.banner-title .index-title-desc {
		letter-spacing: 1px;
	}
	.inputGroup {
		width: 720px;
	}

}
@media (min-width: 992px){ /* 992~1196 */
	/* .contain {
	    width: 970px;
	} */
	.banner-title .index-title-desc {
		letter-spacing: 3px;
	}
	.inputGroup {
		width: 770px;
	}
	.inputGroup button {
		font-size: 18px;		
	}
}
@media (min-width: 1196px){ /* >1196 */
	/* .contain {
	    width: 1136px;
	} */
	.banner-top-main {
		padding: 0;
	}
	.banner-title .index-title-desc {
		letter-spacing: 5px;
	}
	.inputGroup {
		width: 770px;
	}
	.inputGroup .input {
		font-size: 18px;
		width: calc(100% - 130px);
		padding: 0 10px 0 140px;
	}
	.picker input {
		font-size: 18px;
	}
	.inputGroup button {
		font-size: 20px;
		width: 130px;
	}
	.search-log .department>li {
		width: 33.33%;
	}	
	/* 5-1活动 
	.banner-top-main  {
		position: relative;
	}
	.activity51 {
		display: block;
		width: 240px;
		height: 80px;
		background: url('../img/5-1-activity.png') no-repeat;
		position: absolute;
		right: -50px;
		bottom: 200px;
		animation: transX 12s linear;
	}
	.activity51:hover {
		background: url('../img/5-1-activity-hover.gif') no-repeat;
	}
	@keyframes transX {
		0% {
			right: -180px;
		}
		100% {
			right: -50px;
		}
	}
	*/
}