@media only screen and (min-width: 950px) and (max-width: 1920px) {
.log-pic{position: absolute;left: 13.17vw;top 0;width: 38.54vw;}
}
@media only screen and (max-width: 1700px) {
	
	/*.g-box1{max-width: 1500px;}*/
	.row-login .hd{left: 80px;right: 80px;}
	.m-form3{margin-right: 80px;}
 
}
.so2 .btn2{
    display: none;
}
@media only screen and (max-width: 1600px) {
	/*.g-box1{max-width: 1400px;width: auto;}*/
	.wp{max-width: 1280px;}
	.m-form1 .left{width: 200px;}
	.m-form1 .right{padding-right: 30px;}
	.m-form1 .bot{padding-left: 200px;}
	.m-form2 .t1{width: 280px;}
	.m-form2 .bot{margin-left: 280px;}
	.row-login .hd{left: 60px;right: 60px;}
	.m-form3{margin-right: 60px;}
	.m-form3-reg{margin-top: 100px;padding: 25px 60px 30px;width: 580px;}
	.m-form3-reg .tit{font-size: 28px;margin-bottom: 15px;}
	.m-form3-reg .inp{height: 45px;border-radius: 8px;font-size: 16px;}
	.m-form3-reg .code-pic{height: 45px;}
	.m-form3-reg .item{margin-bottom: 10px;}
	.m-form3-reg .tong{font-size: 16px;}


}

@media only screen and (max-width: 1399px) {
	/*.g-box1{max-width: 1280px;width: auto;}*/
	.wp{max-width: 1200px;}
	.row-login .hd{left: 40px;right: 40px;}
	.m-form3{margin-right: 40px;}
	.m-form3-reg .tit{font-size: 24px;margin-bottom: 12px;}
	.m-form3-reg .btn{height: 45px;font-size: 18px;border-radius: 10px;line-height: 45px;}
	.m-form3-reg{padding: 15px 50px 20px;margin-top: 80px;}
	.m-form3-reg .inp{height: 40px;font-size: 14px;
		border-radius: 8px;
	}
	.m-form3-reg .tong{margin-bottom: 15px;}
	.row-login .hd{top: 10px;}
	.m-form3-1{width: 580px;padding: 30px 60px;margin-top: 110px;}
	.m-form3 .tit{font-size: 24px;margin-bottom: 20px;}
	.m-form3-1 .item{margin-bottom: 15px;}
	.m-form3-1 .inp{height: 45px;font-size: 16px;
		border-radius: 8px;
	}
	.m-form3-1 .tong{font-size: 16px;margin-bottom: 25px;}
	.m-form3-1 .btn{height: 45px;font-size: 18px;border-radius: 8px;line-height: 45px;}
	.m-form3-1 .bot{padding-top: 25px;}
}



@media only screen and (max-width: 1200px) {
    .wp{padding: 0 15px;}
    .nav li{margin-right: 30px;}
}

@media only screen and (max-width: 800px) {
	.wp{width: auto;padding: 0 15px;}
	.banner .tit{font-size: 24px;margin-bottom: 5px;}
	.banner .tips{font-size: 18px;margin-bottom: 15px;}
	.banner .txt {position: static;
	    -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
	}
	.banner .txt .wp{padding: 0 30px;}
	.so{width: auto;box-shadow: 0px 0px 6px 3px rgba(163, 163, 163, .35);border-radius: 7px;}
	.so .sel dt span{font-size: 14px;line-height: 45px;}
	.so .sel{width: 100px;height: 45px;}
	.so .inp{height: 45px;padding-left: 20px;padding-right: 70px;font-size: 14px;box-shadow:none;}
	.so .btn{width: 60px;height: 45px;}
	
	.banner{height: auto;background-position: right -16rem center;background-image: none !important;padding: 40px 0}
	.header{height: 50px;}
	.logo{line-height: 50px;}
	.logo img{height: 40px;}
	.header .name{display: none;}
	.menuBtn{}
	/*.hdr{position: absolute;left: 0;right: 0;top: 100%;padding: 15px 0 30px;*/
	/*	background-color: #fff;border-top: 1px solid #17227A;text-align: center;*/
	/*	box-shadow: 0px 0px 15px rgba(0,0,0,.1);*/
	/*}*/
	.nav{float: none;padding-right: 0;display: none;}
	.nav li{float: none;margin: 0;}
	.nav li .v1{padding: 0 15px;line-height: 50px;font-size: 16px;text-align: center;}
	.nav li .v1:after{display: none;}
	.header .btn{float: none;display: inline-block;margin-left: 0;margin-top: 9px;display: none;}
	.m-list1 .pic{width: 80px;height: 60px;}
	.m-list1 .num{margin-right: 12px;font-size: 12px;padding-left: 20px;
		-o-background-size: 15px auto;
		-ms-background-size: 15px auto;
		-moz-background-size: 15px auto;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}
	.m-list1 .zan{margin-right: 12px;font-size: 11px;padding-left: 20px;
		-o-background-size: 15px auto;
		-ms-background-size: 15px auto;
		-moz-background-size: 15px auto;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}
	.m-list1 .xin{margin-right: 3px;width: 24px;
		-o-background-size: 15px auto;
		-ms-background-size: 15px auto;
		-moz-background-size: 15px auto;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}
	.m-list1 .share{width: 24px;
		-o-background-size: 15px auto;
		-ms-background-size: 15px auto;
		-moz-background-size: 15px auto;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}
	.m-list1 .bot{line-height: 26px;}
	.m-list1 .info{display: none;}
	.m-list1 .btn-wen{width: 50px;}
	.m-list1 .con{padding: 15px 0 10px;}
	.g-t1 .tab .ico{width: 18px;height: 18px;margin-right: 5px;}
	.g-t1 .tit{font-size: 20px;float: none;line-height: 33px;}
	.g-t1 .tab{float: none;margin-left: 0;padding-top: 5px;}
	.g-t1{padding-bottom: 15px;}
	.g-t1 .more{top: 0;}
	.g-box1{padding: 20px;}
	.row-a1{margin-bottom: 30px;}
	.g-t2{font-size: 20px;}
	.m-list2 li{}
	.m-list2{padding-top: 20px;padding-bottom: 0;margin: 0;}
	.m-list2 .con{margin: 0;}
	.m-list2 .t1{font-size: 20px;left: 20px;bottom: 20px;}
	.m-list2 .mask{padding: 20px;}
	.m-list2 .t2{font-size: 20px;}
	.m-list2 .slick-dots{font-size: 0;text-align: center;padding-top: 15px;}
	.m-list2 .slick-dots li{width: auto;float: none;display: inline-block;margin: 0 10px;}
	.m-list2 .slick-dots li button{width: 20px;height: 3px;border: 0px;font-size: 0;text-indent: 9999px;
	    background-color: #999;border-radius: 2px;
	}
	.m-list2 .slick-dots li.slick-active button{background-color: #17227A;}
	
	.row-a2{margin-bottom: 30px;}
	.fd-top{padding: 25px 0;}
	.fd-logo img{height: 38px;margin: 0 auto;}
	.fd-l{float: none;margin-bottom: 15px;}
	.fd-qr{float: none;font-size: 0;text-align: center;}
	.fd-qr .item{display: inline-block;vertical-align: top;float: none;margin: 0 15px;}
	.fd-bot{line-height: 1.5;padding: 15px 0;}
	.fd-txt{text-align: center;}
	.ban .cur{display: none;}
	.ban .txt .tit{font-size: 24px;}
	.ban .txt .tips{font-size: 18px;margin-bottom: 15px;}
	.ban .txt{position: static;}
	.ban{height: auto;padding: 40px 0;background-image: none !important;}
	.m-sel{padding-bottom: 0;}
	.m-sel .item dt{font-size: 16px;padding-right: 18px;
		-o-background-size: 10px auto;
		-ms-background-size: 10px auto;
		-moz-background-size: 10px auto;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;
	}
	.m-sel .item{margin-right: 20px;}
	.m-sel dd{width: 320px;padding: 15px 5px 5px 15px;}
	.m-sel dd span{margin-right: 8px;margin-bottom: 8px;font-size: 13px;padding: 0 15px;line-height: 30px;}
	.m-sel .t-r{float: none;clear: both;}
	.fix-right{right: 10px;}
	.row-a1-1 .g-box1{padding-top: 20px;}
	.m-sel .i-t{margin-left: 0;margin-right: 10px;height: 28px;line-height: 26px;font-size: 13px;
		margin-bottom: 10px;padding-right: 24px;padding-left: 10px;
	}
	.m-sel .i-t .close{height: 26px;width: 22px;}
	.m-list1 .t-c{padding-top: 0;margin-left: 92px;}
	.m-list1 .tit a{font-size: 13px;
	    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
	}
	.fenxiang_box1{left: 75px;}
	.m-list1 .date{font-size: 13px;}
	.m-list1 .desc{font-size: 14px;margin-bottom: 12px;display: none;}
	.row-a1 .g-t1 .more,.g-t1 .tab li.on .more{display: none;}
	.row-a1 .g-t1{padding-bottom: 10px;}
	.row-a1 .g-t1 .tab{overflow: hidden;}
	.m-list1 li:last-child{border-bottom: 1px solid #A1A2A4;}
	.m-more{display: block;margin-top: 20px;}
	
	.row-login{background: #f2f5fa;}
	.pages .num{font-size: 13px;}
	.pages li{margin: 0 3px;}
	.pages{padding: 30px 0;}
	.row-a1-1 .g-box1{padding-bottom: 0;}
	.cur{display: none;}
	.m-details h1{font-size: 20px;}
	.m-details .txt{padding: 20px 0;font-size: 14px;line-height: 1.8;}
	.m-details .bot .ico{margin-left: 8px;padding-right: 8px;line-height: 27px;padding-left: 8px;}
	.m-details .bot .ico:before{margin-right: 6px;}
	.m-details .bot .wen:before{margin-right: 6px;}
	.m-details .tips{font-size: 13px;margin-bottom: 30px;word-break:break-all;}
	.m-details .back{font-size: 14px;}
	.ban2 .txt{position: static;}
	.ban2 .tit{font-size: 24px;}
	.ban2 .desc{font-size: 18px;}
	.ban2{height: 208px;padding: 40px 15px 40px;background-position: right -13rem center;background-image: none !important;}
	.row-c1 .col-l{width: auto;float: none;margin-right: 0;margin-bottom: 20px;}
	.m-user{padding: 20px 0;}
	.row-c1 .col-r{padding: 0 15px;}
	.m-t1{padding-bottom: 15px;}
	.m-form1 .left{width: auto;float: none;border-right: 0;border-bottom: 1px solid #D8DEE9;
		padding-top: 0;height: auto;padding-bottom: 30px;
	}
	.m-form1 .right{padding-top: 0;padding-top: 25px;padding-right: 0;}
	.m-form1 .t1{display: block;float: none;text-align: left;line-height: 24px;
		margin-bottom: 5px;
	}
	.m-form1 .inp{padding: 0 15px;border-radius: 5px;}
	.m-form1 .item{margin-bottom: 15px;}
	.m-form1 .bot{padding-left: 0;}
	.m-form1{padding-bottom: 35px;}
	.m-form2 .t1{display: block;float: none;text-align: left;line-height: 24px;
		margin-bottom: 5px;
	}
	.m-form2 .inp{padding: 0 15px;border-radius: 5px;width: 100%;}
	.m-form2 .item{margin-bottom: 15px;}
	.m-form2 .bot{padding-left: 0;margin-left: 0;}
	.m-form2{padding-bottom: 35px;}

	.row-login .hd{left: 15px;right: 15px;top: 0;}
	.row-login .btn-home{height: 40px;border-width: 1px;font-size: 14px;}
	.m-form3{width: auto;margin: 80px 15px 30px;float: none;
		padding: 25px 15px 30px;
	}
	.m-form3 .tit{font-size: 22px;margin-bottom: 20px;}
	.m-form3 .inp{height: 45px;font-size: 14px;padding: 0 15px;border-radius: 5px;}
	.m-form3 .item{margin-bottom: 15px;}
	.m-form3 .code-pic{width: 130px;height: 45px;border-radius: 5px;}
	.m-form3 .code{padding-right: 140px;}
	.m-form3 .tong{font-size: 14px;margin-bottom: 20px;}
	.m-form1 .btn,.m-form2 .btn,.m-form3 .btn{font-size: 16px;font-weight: normal;}
	.m-form3-1 .bot{font-size: 14px;padding-top: 20px;}
	.m-form3-1 .bot a{margin: 0 20px;}
	.m-form3-1{margin-top: 120px;}
	.row-c2 .col-l{width: auto;float: none;margin-right: 0;
		background-color: transparent;box-shadow: none;
	}
	.snv2 li{margin-bottom: 10px;}
	.snv2 li .s1:after{display: none;}
	.snv2 li .s1{border-bottom: 0;background: #ddd;line-height: 45px;height: 45px;}
	.snv2 .ico{margin-right: 6px;width: 24px;height: 24px;}
	.snv2 dl{display: block !important;font-size: 0;text-align: center;
		background-color: #fff;
	}
	.snv2 dd{display: inline-block;}
	.snv2 dd a{padding-left: 0;margin: 0 10px;}
	.snv2 dd a:before{display: none;}
	.row-c2 .col-r{padding: 0 15px;}
	.so2 .inp{height: 45px;padding: 0 65px 0 15px;font-size: 14px;}
	.so2 .btn{width: 60px;height: 45px;}
	.m-t2{padding-bottom: 15px;}
	.so-tips{padding-bottom: 10px;}
	.so-city .t1{float: none;}
	.so-city .t-c a{margin-right: 12px;}
	.m-kong{margin: 30px 0 50px;}
	.m-kong .t1{font-size: 18px;}
	.m-kong .pic{width: 130px;}
	.m-tips{font-size: 14px;}
	.m-table{overflow-x: auto;}
	.m-table table{width: 960px;}
	.m-table td{font-size: 13px;}
	.row-c2-1 .col-r{padding-bottom: 30px;}
	.m-details .info .item{width: auto !important;float: none;padding: 8px 0;}
	.m-details .info{line-height: 1.5;padding: 8px 15px;}
	.g-t1 .tab li{margin-right: 15px;}
	.pop-wen .cont{width: 95%;}
	.pop-wen .form{padding: 15px 20px 30px;}
	.pop-wen .tit{margin-bottom: 15px;}
	.pop-wen textarea.inp{height: 120px;}
	.pop-wen .inp{margin-bottom: 12px;}
	.m-sel{position: relative;}
	.m-sel .item{position: static;}

	.m-sel .city dd:before{left: 77px;}
	.m-sel .date dd:before{left: 162px;}

	.m-table{display: none;}
	.mo-table{display: block;}
	.mo-table table{width: 100%;}
	.mo-table th{border-top: 2px solid #3e80cd;border-bottom: 2px solid #3e80cd;
		font-size: 14px;text-align: center;line-height: 40px;color: #000;
	}
	.mo-table td{font-size: 14px;color: #000;text-align: center;line-height: 40px;
		border-bottom: 1px solid #ddd;
	}
	.mo-table .tips{padding-top: 15px;font-size: 13px;}
	.row-c1 .m-list1 .con{overflow: hidden;}
	.hd-face{display: block;float: right;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-top: 5px;}
	.hd-face img{width: 100%;height: 100%;display: block;}
	.fix-nav{display: block;}
	.log-pic{display: none;}
	.ban .wp{padding: 0 30px;}
	.so2{display: none;}
	.so2-mo{display: block;}
	.ban2 .wp{padding: 0 15px;}
	.row-c2 .col-l-mo{display: none;}
.so2 .btn2 {
		width: 100%;
		height: 50px;
		border-radius: 25px;
		background: #3864E2;
		border: none;
		color: #fff;
		margin-top: 20px;
		font-size: 15px;
		display: block;
	}
	.so-tips {
		display: none;
	}

	.so-city {
		display: none;
	}

	.m-kong {
		display: none;
	}
	.sjcx {
		display: none;
	}
}

.subtitle {
	color: rgba(255, 255, 255, 0.85);
	font-size: 1.1rem;
	margin-bottom: 40px;
	font-weight: 300;
}

.open-btn {
	background: white;
	color: #2575fc;
	border: none;
	padding: 18px 40px;
	font-size: 1.2rem;
	font-weight: 600;
	border-radius: 50px;
	cursor: pointer;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto;
}

.open-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

.city-picker {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 85vh;
	background: white;
	border-radius: 30px 30px 0 0;
	transform: translateY(100%);
	transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.1);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.city-picker.active {
	transform: translateY(0);
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
}

#cityPicker .header {
	padding: 15px 20px 5px;
}

.header {
	/* padding: 25px 20px 15px; */
	border-bottom: 1px solid #eee;
	position: relative;
}

.header h2 {
	color: #333;
	font-size: 18px;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #f5f7fa;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #666;
	font-size: 1.2rem;
	transition: all 0.3s ease;
}

.close-btn:hover {
	background: #eef2f7;
	transform: rotate(90deg);
}

.hot-cities {
	padding: 5px 20px 8px 20px;
	border-bottom: 1px solid #eee;
}

.hot-cities h3 {
	text-align: left;
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
	font-weight: 500;
}

.hot-cities-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hot-city {
	background: #f5f5f5;
	color: #333;
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	width: 22%;
	transition: all 0.2s ease;
}

.hot-city:hover {
	background: #2575fc;
	color: white;
	transform: scale(1.05);
}

.content {
	flex: 1;
	display: flex;
	overflow: hidden;
	position: relative;
}

.city-list {
	flex: 1;
	overflow-y: auto;
	padding: 0 20px;
	scroll-behavior: smooth;
}

.city-group {
	margin: 10px 0;
}

.group-title {
	text-align: left;
	font-size: 14px;
	color: #9a9a9a;
	margin-bottom: 5px;
	padding-left: 5px;
	font-weight: 600;
	position: sticky;
	top: 0;
	background: white;
	padding-top: 5px;
	z-index: 10;
}

.city-item {
	text-align: left;
	padding: 10px 10px;
	font-size: 12px;
	border-bottom: 1px solid #f0f4f9;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	color: #333;
	align-items: center;
}

.city-item:hover {
	background: #f8fbff;
	padding-left: 15px;
	color: #2575fc;
}

.city-item i {
	margin-right: 10px;
	color: #a0c4ff;
	display: none;
}

.index-bar {
	width: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	background: #f8fbff;
}

.index-letter {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #7a9ed8;
	font-weight: 600;
	margin: 2px 0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease;
}

.index-letter:hover,
.index-letter.active {
	background: #2575fc;
	color: white;
}

.current-letter {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	background: rgba(37, 117, 252, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: bold;
	color: white;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 2000;
}

.current-letter.show {
	opacity: 1;
}

.selected-city {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3rem;
	color: #2575fc;
	font-weight: bold;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

.selected-city.show {
	opacity: 1;
	transform: translateY(0);
}
#cityPicker .header .so{margin-top: 10px;}
#cityPicker .header .so .inp{height: 36px;font-size: 12px;padding-left: 15px;}
#cityPicker .header .so .btn{margin-top: 0;width: 50px;height: 36px;}

#cityPicker .header {
	border-bottom: 0;height: auto;
}

@media (max-width: 480px) {
	h1 {
		font-size: 2rem;
	}

	.header h2 {
		font-size: 16px;
	}

	.city-picker {
		height: 90vh;
	}
}