/* 下拉 */
.select-con .select-box-div{
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	width: 290px;
	box-sizing: border-box;
	padding: 6px 10px;
}
.select-con .select-box-div:nth-of-type(3){
	width: 340px;
}
.select-box-div>h6{
	font-size: 16px;
	color: #acacac;
	
}
.city-list-div{
	margin-top: 10px;
	position: relative;
}
.city-input-div>input{
	font-size: 18px;
	color: #0066ff;
	/* font-family: "Alibaba_PuHuiTi-SemiBold";font-family: "微软雅黑"; */
	border: none;
	background: #ffffff;
	outline: none;
	
	width: 100%;
}
.city-input-div{
	position: relative;
}
.city-input-div::after{
	position: absolute;
	content: "";
	right: 5px;
	top: 10px;
	background: url(../images/jiao_03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;
	height: 5px;
}
.select-box-div{
	position: relative;
}
.xiala-top{
	position: absolute;
	top: 55px;
	background: #ffffff;
	box-shadow: 0 0 8px #cccccc;
	border-radius: 10px;
	width: 590px;
	left: -10px;
	padding: 15px;
	box-sizing: border-box;
	z-index: 9;
	display: none;
}
.dyh .select-con {
    justify-content: space-between;
    margin-bottom: 30px;
}
.hot-biao{
	margin-bottom: 20px;
}
.hot-biao b{
	color: #ffffff;
	font-size: 16px;
	color: #ffffff;
	padding: 5px 8px;
	border-radius: 5px;
	background: #eb0a07;
	display: inline-block;
	font-weight: normal;
}
.hot-city{
	display: flex;
	flex-wrap: wrap;
	padding-right: 20px;
	box-sizing: border-box;
}
.hot-city a{
	font-size: 14px;
	border-radius: 5px;
	color: #132644;
	border: 1px solid #d2d2d2;
	width: 15%;
	margin-right: 2%;
	margin-bottom: 15px;
	display: block;
	text-align: center;
	padding: 5px 0;
	cursor: pointer;
}
.hot-city a:nth-of-type(6n){
	margin-right: 0;
}
.hot-city a:hover,.hot-city a.active{
	background: #1d9f96;
	color: #ffffff!important;
}
.city-list-box{
	height: 240px;
	overflow-y: overlay;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 15px;
}
.city-item{
	display: flex;
}
.city-item .city-item-left{
	width: 50px;
	text-align: left;
}
.city-item .city-item-left b{
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	/* font-family: "Alibaba_PuHuiTi-Bold";font-family: "微软雅黑"; */
	
}
.city-item-right{
	width: calc(100% - 50px);
	display: flex;
	flex-wrap: wrap;
}
.city-item-right a{
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 7px 0;
	background: #f1f3f5;
	font-size: 14px;
	color: #444444;
	text-align: center;
	cursor: pointer;
}
.city-item-right a:nth-of-type(5n){
	margin-right: 0;
}
.city-item-right a:hover,.city-item-right a.active{
	background: #1d9f96;
	color: #ffffff!important;
}

		
		.aside-right{
			position: fixed;
			right: 5px;
			bottom: 50%;
			z-index: 999999999;
		}
		.aside-right ul{}
		.aside-right ul li{
			width: 55px;
			height: 60px;
			margin-bottom: 5px;
			background: #ffffff;
			position: relative;
			box-shadow: 0 0 20px rgb(0 102 255 / 23%);
			border-radius: 5px;
		}
		a:not([href]):not([class]):hover {
             color: inherit;
            text-decoration: none;
            border-radius: 5px;
        }
		.aside-right ul li a{
			display: block;
			text-align: center;
			transition: 0.6s;
			height: 100%;
		}
		.aside-right ul li:hover a{
			background: #15213b;
			transition: 0.6s;
			border-radius: 5px;
		}
		.aside-right ul li a .img-icon1{
			display: block;
			margin: auto;
		}
		.aside-right ul li a .img-icon2{
			display: none;
			margin: auto;
		}
		.aside-right ul li:hover a .img-icon1{
			display: none;
		}
		.aside-right ul li:hover a .img-icon2{
			display: block;
		}
		.aside-right ul li a span{
			color: #333333;
			font-size: 14px;
			transition: 0.6s;
		}
		.aside-right ul li:hover a span{
			color: #ffffff;
			transition: 0.6s;
		}
		.aside-li-img{
			text-align: center;
			    padding-top: 15px;
				margin-bottom: -2px;
		}
		.aside-right ul li .aside-li-div{
			position: absolute;
			right: -195px;
			width: 165px;
			background: #ffffff;
			top: 15px;
			box-sizing: border-box;
			padding: 10px;
			border-radius: 5px;
			box-shadow: 0 0 20px rgb(0 102 255 / 23%);
			transition: 0.6s;
			text-align: center;
		}
		.aside-right ul li:hover .aside-li-div{
			right: 65px;
			transition: 0.6s;
		}
		.top-li .aside-li-img{
			
			padding-top: 16px;
			
		}
		.top-li{
			cursor: pointer;
		}
		.aside-right ul li h4{
			margin-bottom: 0;
			font-size: 18px;
		}
		
		.nei-title-text p{
			font-size: 18px;
			font-weight: 400;
		}
		
		
	.aside-btn{
			position: absolute;
			transform:translateX(0)  translateY(-50%); 
			visibility: visible;
			top: 50%;
			right: 0;
			width: 30px;
			cursor: pointer;
			height: 150px;
			transition: .6s;
		}
		.aside-right.active .aside-btn p{
			width: 100%;
			overflow: hidden;
		}
		.aside-right.active .aside-btn {
			transform: translateX(60px) translateY(-50%);
			transition: .6s;
			visibility: hidden;
		}
		.aside-btn p{
			line-height: 1.5em;
			color: #fff;
			width: 30px;
			height: 150px;
			background-color: #1fa098;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			border-bottom-left-radius: 8px;
			border-top-left-radius: 8px;
		}
		.aside-btn span{
			border: 15px solid #1fa098;
			border-top-color: transparent;
			border-bottom-color: transparent;
			border-left-color: transparent;
			position: absolute;
			transform: translateY(-50%);
			top: 50%;
			left: -30px;
		}
		.aside-con{
			transform: translateX(100%);
			visibility: hidden;
			transition: .6s;
		}
		.aside-right.active .aside-con{
			transform: translateX(0);
			visibility: visible;
			transition: .6s .6s;
		}
		.aside-right.active .close-aside{
			transform: translateX(0);
			visibility: visible;
			transition: .6s .6s;
		}
		.close-aside{
			transform: translateX(100%);
			visibility: hidden;
			transition: .6s;
			position: absolute;
			bottom: -65px;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			
			cursor: pointer;
		}
		.close-aside span{
			width: 55px;
			height: 55px;
			line-height: 55px;
			background-color: #fff;
			color: #1d9f95;
			display: block;
			font-size: 24px;
			text-align: center;
		}
		.close-aside span:hover {
			background-color: #15213b;
			color: #fff;
			border-radius: 5px;
		}