body,input,button,textarea,select{
	font-size: 16px; line-height: 1.75;border: none;background: none;
}
body,html{
	height: 100%;
}
body{
	position: relative;-webkit-tap-highlight-color:rgba(0,0,0,0);color: #515c7a;background: #fff;
}
ul{
	overflow: hidden;
}
 
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#b1b1b1;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#b1b1b1;

}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#b1b1b1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#b1b1b1;
}
.wrapper{
	width: 1200px;
	margin: 0 auto;
}
.g-btn{
	display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	background: #00b8b3;
	color: #fff;
}
.g-btn:hover{
	background: #02918d;
}
/*公用过度效果*/
.hnums ul li,
.hfeature .body li,
.hpay .body li,
.login-right .foot input,
.reg-wrap .foot input,
.odlist .row .left a,
.contact-hd li{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
}
/*公用标题*/
.h-head{
	text-align: center;
}
.h-head h2{
	font-size: 30px;
	line-height: 1;
	color: #515c7a;
}
.h-head p{
	margin-top: 20px;
	font-size: 14px;
	line-height: 28px;
	color: #919aa4;
}
/*首页*/
.hbanner{
	position: relative;
	text-align: center;
}
.hbanner .logo{
	margin: 69px auto 0;
	width: 210px;
}
 
.hbanner > .wrapper > .txt{
	margin-top: 40px;
	font-size: 18px;
	line-height: 30px;
}
.hbanner .txt h2{
	font-size: 50px;
	line-height: 1;
	color: #fff;
}
.hbanner .txt  p{
	margin-top: 40px;
	color: rgba(255,255,255,.75);
	letter-spacing: 2px;
}
/*搜索*/
.hsrch{
	position: relative;
	margin: 40px auto 0;
	width: 788px;
	height: 57px;
}

.hsrch-type,
.odsrch-type{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 130px;
 	height: 57px;
 	line-height: 57px;
 	cursor: pointer;
}
.hsrch-type{
	background: url(../img/ico_18.png) no-repeat center right;
}
.hsrch-type  h3,
.odsrch-type h3{
 
	color: #fff;
}
.hsrch-type ul,
.odsrch-type ul{
	display: none;
	position: absolute;
	top: 65px;
	left: 0;
	/*display: none;*/
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.hsrch-type ul li,
.odsrch-type ul li{
	padding: 15px 0 14px;
	width: 124px;
	line-height: 1;
	border-bottom: 1px solid #3ed6d6;
	color: #28c8b1;
}
.hsrch-type ul li:last-child,
.odsrch-type ul li:last-child{
	border-bottom: none;
}
.hsrch-txt input,
.odsrch-txt input{
	padding: 0 125px;
	width: 100%;
	height: 57px;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,.2);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.hsrch-txt input{
	padding: 0 125px 0 135px;
}
 
.hsrch-btn,
.odsrch-btn{
	position: absolute;
	top: 0;
	right: 0;
}
.hsrch-btn input,
.odsrch-btn input{
	display: block;
	width: 125px;
	line-height: 57px;
	background: #fff;
	color: #28c8b1;
	border: none;
	border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	cursor: pointer;
}
/*~~~~~~~~~搜索End~~~~~~~~~~~*/

/*登录*/
.hreg{
	position: absolute;
	top:25px;
	right: 110px;
	padding: 0 60px;
	width: 260px;
	height: 460px;
	background: url(../img/img_01.png) no-repeat center;
	background-size: cover;
	box-shadow: 0px 0px 30px 0px rgba(121, 127, 149, 0.2);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(121, 127, 149, 0.2);
}
.hreg-hd{
	margin-top: 49px;
	font-size: 12px;
	color: #b1b1b1;
}
.hreg-hd h3{
	font-size: 24px;
	color: #009e96;
}
.hreg-hd p{
	margin-top: 10px;
}
.hreg-bd{
	margin-top: 40px;
}
.hreg-bd ul{
	
	
}
.hreg-bd li{
	margin-bottom: 20px;
	padding-bottom: 5px;
	line-height: 1;
	font-size: 14px;
	border-bottom: 1px solid #eeeeee;
}
.hreg-bd li:last-child{
	margin-bottom: 0;
}
.hreg-bd li input{
	border: none;
	background: none;
}
.hreg-bd .txt-right{
	text-align: right;
	font-size: 12px;
	color: #b1b1b1;
}
.hreg-bd .txt-right a{
	color: #b1b1b1;
}
.hreg-ft{
	margin-top: 35px;
}
.hreg-ft .btn{
	display: block;
	padding: 12px 0;
	width: 257px;
 	line-height: 1;
 	border-radius: 3px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
}
.hreg-ft p{
	margin-top: 10px;
	font-size: 14px;
	color: #b1b1b1;
	text-align: center;
}
.hreg-ft p a{
	color: #19bfba;
}

.hbanner .fico{
	margin-top: 88px;
	display: inline-block;
	text-align: center;
	font-size: 0;
	animation: moveUp 2s ease-in-out infinite;
	-webkit-animation: moveUp 2s ease-in-out infinite;
	-moz-animation: moveUp 2s ease-in-out infinite;
}
@keyframes moveUp{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
	}
	100%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
@-webkit-keyframes moveUp{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
	}
	100%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}
@-moz-keyframes moveUp{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
	}
	100%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

.hnums{
	margin-top: 60px;
	display: none;
}
.hnums ul{
	overflow: visible;
}
.hnums ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.hnums ul li .txt{
	margin-top: 10px;
}

.hnums ul li .txt h2{
	font-size: 36px;
	color: #28c8b1;
}
.hnums ul li .txt p{
	margin-top: 10px;
	font-size: 14px;
	color: #4d5d6e;
}
.hnotice{
	margin-top: 130px;
}
.hnotice .body{
	margin-top: 70px;
}
.hnotice ul{
	margin: 0 -25px -15px 0;
}
.hnotice li{
	position: relative;
	margin: 0 25px 15px 0;
	padding-left: 34px;
	float: left;
	width: 45%;
	font-size: 16px;
	color: #4d5d6e;
	overflow: hidden;
}
.hnotice li:hover a{
	color: #00b8b3;
}
.hnotice li:hover span{
	color: #00b8b3;
}
.hnotice li i{
	position: absolute;
	top: 1px;
	left: 0;
}
.hnotice li span{
	float: right;
	color: #919aa4;
}

.hfeature{
	margin-top: 120px;
}
.hfeature .body{
	margin-top: 55px;
}
.hfeature .body ul{
	margin-bottom: -70px;
	overflow: visible;
}
.hfeature .body li{
	float: left;
	margin-bottom: 70px;
	width: 25%;
	text-align: center;
}
.hfeature .body li:hover{
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
}
.hfeature .body li .ico{
	margin: 0 auto;
	width: 88px;
	line-height: 1;
	padding: 13px 0;
	background-image: linear-gradient(#00b8b3, #244362), linear-gradient(173deg, #2ad7cf 0%, #2ab2e6 100%);
	background-blend-mode: normal, normal;
	border-radius: 20px;
}
.hfeature .body li .txt{
	margin-top: 30px;
}
.hfeature .body li h3{
	font-size: 20px;
	color: #4d5d6e;
	letter-spacing: 2px;
}

.hfeature .body li p{
	font-size: 14px;
	color: #919aa4;
	line-height: 30px;
}

/*轮播*/
.htab{
	position: relative;
	margin-top:  70px;
	height: 720px;
	background: url(../img/banner_2.jpg) no-repeat center;
	background-size: cover;
	box-shadow: 0px 20px 30px 0px rgba(121, 127, 149, 0.1);
	-webkit-box-shadow: 0px 20px 30px 0px rgba(121, 127, 149, 0.1);
	overflow: hidden;
}
.htab-list-wp{
	
}
.htab .ban_r_btn,
.htab .ban_l_btn{
	position: absolute;
	top: 50%;
	width: 100px;
	height: 100px;
	transform: scaleY(-50%);
	-webkit-transform: scaleY(-50%);
	-moz-transform: scaleY(-50%);
	-ms-transform: scaleY(-50%);
	background-size: cover;
}
.htab .ban_r_btn{
	right: 6%;
	background: url(../img/ico_17.png) no-repeat center;
}
.htab .ban_l_btn{
	left: 6%;
	background: url(../img/ico_16.png) no-repeat center;
}
.htab ul{
	padding: 0;
	margin-left: 52px;
	overflow: visible;
 	width: 75%;
	height: 720px;
}
.htab li{
	position: relative;
	display: inline-block;
	margin-top:30px;
	padding: 70px 80px 85px 115px;
	background: #fff;
	/*box-sizing: border-box;*/
	height: 416px!important;
 	width: 515px;
	box-shadow: 0px 0px 30px 0px rgba(121, 127, 149, 0.1);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(121, 127, 149, 0.1);
	border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
}
.htab li .htab-hd{
 	
}
.htab li .htab-hd i{
	position: absolute;
	top: 30px;
	left: 55px;
}
.htab li .htab-hd h3{
	padding-left: 55px;
	font-size:24px;
	color: #4d5d6e;
}
.htab li .htab-hd p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 36px;
	color: #818992;
}
.htab li .htab-bd{
	margin-top: 30px;
	font-size: 16px;
	line-height: 36px;
	color: #818992;
}
.htab li .htab-bd dd{
	padding-left: 44px;
	background: url(../img/ico_01.png) no-repeat center left;
}
.htab li .htab-ft{
	margin-top: 30px;
}
.htab li .htab-ft a{
	display: inline-block;
	padding: 12px 0;
	width: 165px;
	line-height: 1;
	border: 1px solid #00b8b3;
	color: #00b8b3;
	font-size: 18px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.htab li .htab-ft a.add-btn{
	margin-right: 20px;
}

.hpay{
	margin: 80px 0 90px;
}
.hpay .body{
	margin-top: 65px;
	font-size: 20px;
	color: #515c7a;
}
.hpay .body ul{
	margin-bottom: -45px;
	overflow: visible;
}
.hpay .body li{
	text-align: center;
	float: left;
	margin-bottom: 45px;
	width: 25%;
}
.hpay .body li:hover{
	transform: translateY(-15px);
 	-webkit-transform: translateY(-15px);
 	-moz-transform: translateY(-15px);
 	-ms-transform: translateY(-15px);
}
.hpay .body li .txt{
 	
}

.hnews{
	padding: 60px 0 90px;
	background: #fafcff;
}

.hnews .body{
	margin-top: 60px;
	margin-right: -30px;
}
.hnews .body-c{
	margin-right: 30px;
	float: left;
 	width: 360px;
 	box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
 	-webkit-box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.hnews .body-c .hd{
	position: relative;
	font-size: 0;
	font-weight: bold;
	height: 174px;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	background: url(../img/img_23.png) no-repeat center;
	background-size: cover;
}
.hnews .body-c:nth-child(2) .hd{
	background: url(../img/img_24.png) no-repeat center;
}
.hnews .body-c:nth-child(3) .hd{
	background: url(../img/img_25.png) no-repeat center;
}
.hnews .body-c .hd h2{
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	margin: 0;
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}
.hnews .body-c .bd{
	padding: 0 30px;
}
.hnews .body-c .bd dt{
	margin: 10px 0 15px;
	font-size: 17px;
}
.hnews .body-c .bd dt a{
	color: #515c7a;
}
.hnews .body-c .bd dd{
	font-size: 14px;
	color: #818992;
	line-height: 38px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.hnews .body-c .bd dd:hover a{
	color: #00b8b3;
}
.hnews .body-c .ft{
	margin-top: 20px;
	padding: 0 13px;
	text-align: center;
 	font-size: 14px;
}
.hnews .body-c .ft a{
	display: block;
	border-top:1px solid #e5e5e5;
	padding: 16px 0;
	color: #818992;
}

.hfaq{
	position: relative;
	padding-bottom: 80px;
	background: url(../img/banner_3.png) no-repeat center #fafcff;
	background-size: cover;
}
.hfaq .head{

	text-align: center;
	font-size: 30px;
	color: #515c7a;
}
.hfaq .body{
	margin-top: 120px;
	width: 1126px;
	padding: 58px 60px 85px 60px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: solid 1px #eeeeee;

}
.hfaq .body ul{
/*	margin: 0 -50px 0 0;*/	
	margin-top: -30px;
}
.hfaq .body li{
	margin-top: 30px!important;
	float: left;
 	width: 50%;
	color: #515c7a;
	line-height: 30px;
	font-size: 16px;
}
.hfaq .body li:nth-child(2n){
 	width: 38%;
}
.hfaq .body li h3{
}
.hfaq .body li p{
	margin-top: 5px;
	color: #919aa4;
}
.hfaq .body li h3,
.hfaq .body li p{
	position: relative;
	padding-left: 30px;
}
.hfaq .body li h3 span,
.hfaq .body li p span{
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-button-prev,
.swiper-button-next{
	margin-top: 20px;
}
.swiper-button-prev{
	left: 17%;
	background: url(../img/ico_16.png) no-repeat center;
	background-size: cover;
}
.swiper-button-next{
	right: 16%;
	background: url(../img/ico_17.png) no-repeat center;
	background-size: cover;
}
.hfaq .foot{
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 999;
}
.hfaq .foot a{
	position: relative;
	display: inline-block;
	width: 288px;
	font-size: 20px;
	line-height: 1;
	padding: 22px 0;
	text-align: center;
	/*background: url(../img/img_27.png) no-repeat center;
	background-size: cover;*/
	background: #00b8b3;
	box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	color: #fff;
}
.hfaq .foot a:before,
.hfaq .foot a:after{
	content: '';
	position: absolute;
	top: 0;
	
	border-style: solid;
	
}
.hfaq .foot a:before{
	left: -60px;
	border-width:33px 30px 30px;
	border-color: transparent #00b8b3 transparent transparent ;
}
.hfaq .foot a:after{
	right: -60px;
	border-width:33px 30px 30px ;
	border-color: transparent  transparent transparent #00b8b3;
}
.hcontact{
	padding: 105px 0 80px;
	overflow: hidden;
}
.hcontact-l{
	margin-left: 68px;
	float: left;
	width: 33%;
	visibility: visible;
	animation-name: fadeInLeft;
}
.hcontact-l .hd{
	position: relative;
	padding-bottom: 30px;
	font-size: 18px;
	color: #515c7a;
}
.hcontact-l .hd:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 68px;
	height: 2px;
	background: #00b8b3;
}
.hcontact-l .hd h3{
	font-size: 28px;
}
.hcontact-l .hd h3 i{
	margin-right: 34px;
}
.hcontact-l .hd p{
	margin-top: 30px;
	font-size: 18px;
}
.hcontact-l .bd{
 	margin-top: 20px;
 	color: #515c7a;
 	line-height: 42px;
}
.hcontact-r{
	margin: 75px 0 0 174px;
	float: left;
	color: #515c7a;
}
.hcontact-r li{
	margin-right: 70px;
	display: inline-block;
}
.hcontact-r li .img{
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 1px #eeeeee;
}
.hcontact-r li .txt{
	margin-top: 15px;
	text-align: center;
}
.hcontact-r li .txt i{
	margin-right: 14px;
	vertical-align: -6px;
}

.hfoot{
	padding-top: 95px;
	background: url(../img/banner_4.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
} 
.hfoot .txt{
	margin-top: 15px;
	font-size: 36px;
}
.hfoot .txt h2{
	font-family: PingFang-SC-ExtraLight;
	
	letter-spacing: 2px;
	color: #6e7790;
}
.hfoot .txt p{
	margin-top: 10px;
	font-size: 16px;
}
.hfoot .btn{
	padding: 45px 0 90px;
	font-size: 26px;
}
.hfoot .btn a{
	display: inline-block;
	padding: 12px 0;
	width: 263px;
	color: #fff;
	background: #00b8b3;
	box-shadow: 0px 10px 20px 0px rgba(0, 184, 179, 0.5);
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 184, 179, 0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.hfoot .btn a:hover{
	background: #00a7a2;
}

/*常见问题*/
.tabnav{
	margin-top: 12px;
	font-size: 16px;
}
.tabnav li{
	margin-right: 20px;
	float: left;
	width: 23.6%;
	text-align: center;
}
.tabnav li a{
	display: block;
	padding: 25px 0;
	line-height: 1;
	background: #f5f6fa;
	color: #0d2a48;
	letter-spacing: 2px;
}
.tabnav li:last-child{
	margin-right: 0;
}
.tabnav li.on a{
	color: #00b8b3;
}

.faqlist{
	
}
.faqlist li{
	margin-top: 25px;
	padding: 45px 48px 45px 30px;
	background: #fff;
	border: solid 1px #eeeeee;
	cursor: pointer;
	background: url(../img/ico_03.png) no-repeat 95% 55px;
}
.faqlist li h3{
	font-size: 18px;
	
}
.faqlist li p{
	display: none;
	margin-top: 25px;
	font-size: 14px;
	color: #919aa4;
}

.faqlist li.open{
	background: url(../img/ico_02.png) no-repeat 95% 55px;
}
 
.faqlist .foot,
.newslist-ft{
	margin: 65px 0 45px;
	font-size: 18px;
	text-align: center;
}
.faqlist .foot a,
.newslist-ft a{
	width: 209px;
	line-height: 60px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*登录*/
.loginpage-bg{
	background: url(../img/banner_5.jpg) no-repeat center;
	background-size: cover;
}
.loginpage{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.loginpage .logo{
	position: absolute;
	top: 40px;
	left: 40px;
	width: 210px;
	height: 53px;
}
.login-wrap,
.reg-wrap{
	 position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);	
	width: 982px;
	height: 522px;
	background: #fff;
	box-shadow: 0px 10px 30px 0px rgba(28, 103, 106, 0.2);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(28, 103, 106, 0.2);
}
.login-left{
	float: left;
}
.login-right{
	padding: 0 96px;
	float: left;
	width: 30.2%;
}
.login-right .head{
	margin-top: 60px;
	text-align: center;
}
.login-right .head h3,
.reg-wrap .head h3{
	font-size: 24px;
	color: #009e96;
}
.login-right .head p,
.reg-wrap .head p{
	font-size: 12px;
	color: #b1b1b1;
	letter-spacing: 6px;
	line-height: 30px;
}

.login-right .body{
	margin-top: 70px;
}
.login-mtop .body{
	margin-top: 20px;
}
.login-right .body li,
.reg-wrap .body li{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.login-right .body li:last-child,
.reg-wrap .body li:last-child{
	margin-bottom: 0;
}
.login-right .body li i,
.reg-wrap .body li i{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px;
	font-size: 19px;
	color: #19bfba;
}
.login-right .body li input,
.reg-wrap .body li input{
	padding-left: 33px;
	float: left;
	width:89%;
	height: 40px;
	font-size: 14px;
	border-bottom: 1px solid #eeeeee;
}
.login-right .body li.ver-btn,
.reg-wrap .body li.ver-btn{
	position: relative;
}
.login-right .body li.ver-btn input,
.reg-wrap .body li.ver-btn input{
	width: 43%;
}
.login-right .body li.ver-btn .btn-code,
.reg-wrap .body li.ver-btn .btn-code{
	position: absolute;
	top: 0;
	right: 0;
	width: 110px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #00b8b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.login-right .body .txt-right{
	margin-top: 10px;
	text-align: right;
	font-size: 12px;
}
.login-right .body .txt-right a{
	color: #b1b1b1;
}
.login-right .foot{
	margin-top: 35px;
}
.login-right .foot input,
.reg-wrap .foot input{
	display: block;
	width: 297px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	background: #00b8b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
.login-right .foot p,
.reg-wrap .foot p{
	margin-top: 30px;
	font-size: 14px;
	color: #b1b1b1;
	text-align: center;
}
.login-right .foot p a,
.reg-wrap .foot p a{
	color: #19bfba;
}
.login-right .foot input:hover,
.reg-wrap .foot input:hover{
	background: #009692;
}

/*注册*/
.reg-wrap{
	padding: 35px 70px;
	width: 352px;
	height: 675px;
	text-align: center;
}
.reg-wrap .body{
	margin-top: 30px;
}
.reg-wrap .body li.ver-btn .txt-code{
	width: 55%;
}
.reg-wrap .body .rule{
	margin-top: 20px;
	font-size: 14px;
	color: #b1b1b1;
	text-align: left;
}
.reg-wrap .body .rule > label{
	position: relative;
	padding-left: 30px;
}
.reg-wrap .body .rule #rule{
	opacity: 0;
}
.reg-wrap .body #rule,
.reg-wrap .body #rule + label{
	position: absolute;
	top: 2px;
	left: 0;
	width: 15px;
	height: 15px;
}
.reg-wrap .body #rule + label i{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 15px;
	height: 15px;
 	font-size: 15px;
 	line-height: 1;
}
.reg-wrap .body #rule:checked + label i{
	font-size: 0;
	background: url(../img/ico_04.png) no-repeat center;
	color: #19bfba;
}
.reg-wrap .body .rule a{	
	color: #b1b1b1;
}
.reg-wrap .foot{
	margin-top: 35px;
}
.reg-wrap .foot input{
	width: 100%;
}
 

/*订单查询-查询结果*/
.odsrch{
 
}
.odsrch-bd{
	position: relative;
	margin: 39px auto 0;
	width: 1116px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}
.odsrch-type{
  padding: 0 30px;
  background: url(../img/ico_05.png) no-repeat center right;
  text-align: center;
}
.odsrch-type h3{
 	padding-left: 0;
	color: #515c7a;
}
.odsrch-type ul{
	left: 27px;
	box-shadow: 0px 0px 40px 0px rgba(36, 67, 98, 0.1);
	-webkit-box-shadow: 0px 0px 40px 0px rgba(36, 67, 98, 0.1);
}
.odsrch-txt input{
	padding: 0 155px 0 248px;
	color: #515c7a;
	border: solid 1px #eeeeee;
	height: 58px;
}
.odsrch-txt{
	width: 100%;
}
.odsrch-btn{
	
}
.odsrch-btn input{
	background: #19bfba;
	width: 153px;
	color: #fff;
	font-size: 20px;
	border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
}

.odtips{
	margin: 35px 0 25px;
	text-align: center;
	font-size: 14px;
	color: #919aa4;
}

.q-result{
	margin-bottom: 116px;
	font-size: 14px;
}

.q-result-bd{
	margin: 0 auto;
	padding: 35px 0 30px 55px;
	width: 1057px;
	line-height: 40px;
	border-radius: 5px;
	border: solid 1px #eeeeee;
}
.q-result-bd  ul{
	width: 795px;
	overflow: hidden;
}
.q-result-bd li{
	float: left;
  width: 50%;
}
.q-result-bd li.q-result-card{
	width: 100%;
} 
.q-result-bd li.q-result-btn a{
	display: inline-block;
	width: 76px;
	line-height: 24px;
	background-color: #00b8b3;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	text-align: center;
}
.q-result-bd li font{
	color: #244362;
}
.q-result-bd li span{
	color: #00b8b3;
} 
.q-result-bd li a{
	color: #00b8b3;
}

.odlist .wrapper{
	width: 1114px;
}
.cardinfo0 p:nth-child(2n+1) {
 float: left;
    margin-right: 10px;
}
.odlist .row{
	margin-bottom: 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #eeeeee;
	background: #fff;
}
.odlist .row .left{
	padding: 0 50px 0 39px;
	float: left;
	font-size: 12px;
	text-align: center;
}
.odlist .row .left a{
	display: block;
	margin-bottom: 13px;
	width: 162px;
	line-height: 30px;
	color: #fff;
	background-color: #7dd7be;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.odlist .row .left a:hover{
	background: #28c8b1;
}
.odlist .row .left a:last-child{
	margin-bottom: 0;
 
}
.odlist .row .center{
 	float: left;
 	font-size: 18px;
 	width: 52%;
 	text-align: left;
}
.odlist .row .center h3{
	font-size: 18px;
	color: #244362;
}
.odlist .row .center ul{
	margin-right: -25px;
	font-size: 12px;
}
.odlist .row .center li{
	float: left;
	margin-right: 25px;
	line-height: 25px;
	color: #738293;
}
.odlist .row .center li span{
	color: #00b8b3;
}
.odlist .row .right{
	padding: 10px 64px 19px 36px;
	float: right;
	font-size: 14px;
	line-height: 26px;
	color: #738293;
	border-left: 1px solid #e5e5e5;
}
.odlist .row .row-bd{
	padding: 38px 0 16px 0 ;
	background: #fff;
	overflow: hidden;
}
.odlist .row .row-ft{
	padding: 18px 36px;
	background: #f5f5f5;
	font-size: 12px;
	color: #919aa4;
}

/*无效信息*/
.oderr{
	margin: 0 auto 70px;
	padding: 65px 0;
	width: 1114px;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #eeeeee;
	text-align: center;
	color: #a7a7a7;
}

/*提示信息*/
.odnotice{
	width: 1114px;
	margin: 0 auto 170px;
	padding: 25px 170px 45px 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #eeeeee;
	color: #919aa4;
	font-size: 12px;
	line-height: 36px;
}
.odnotice span{

}

/*关于我们*/
.about{
	position: relative;
	margin-bottom: 80px;
}
.about-bd{
	margin-top: 70px;
	overflow: hidden;
}
.about-bd .left{
	width: 50%;
}
.about-bd .left-hd{
	position: relative;
	padding-top: 36px;
	font-size: 30px;
	color: #244362;
}
.about-bd .left-hd:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 116px;
	height: 2px;
	background: #28c8b1;
}
.about-bd .left-bd{
	font-size: 14px;
	color: #738293;
	line-height: 30px;
}
.about-bd .left-bd p{
	margin-top: 45px;
}
.about-ft{
	position: absolute;
	left: 0;
	bottom: -24px;
	width: 1070px;
	z-index: 99;
	padding: 40px 0 30px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
}

.about-ft li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.about-ft li .txt{
	margin-top: 15px;
	font-size: 14px;
	color: #4d5d6e;
}
.about-ft li .txt h3{
	font-size: 36px;
	color: #28c8b1;
}
.about-ft li .txt p{
	margin-top: 8px;
}

/*结算公告*/
.paynotice{
	margin-top: 45px;
}
.paynotice .body{
	overflow: hidden;
}
.paynotice .body ul{
	margin-right: -25px;
	overflow: hidden;
} 
.paynotice .body li{
	position: relative;
	margin-right: 25px;
	float: left;
	width: 44.4%;
	margin-bottom: 10px;
	padding-left: 38px;
	overflow: hidden;
}
.paynotice .body li a{
	color: #4d5d6e;
}

.paynotice .body li i{
	position: absolute;
	top: 2px;
	left: 0;
}
.paynotice .body li span{
	float: right;
	color: #919aa4;
}
.paynotice .foot{
	margin: 50px 0;
	text-align: center;
	font-size: 18px;
}
.paynotice .foot a{
	display: inline-block;
	width: 209px;
	line-height: 60px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	letter-spacing: 1px;
}
.paynotice .body-l li:hover a,
.paynotice .body-r li:hover a,
.paynotice .body-l li:hover span,
.paynotice .body-r li:hover span{
	color: #00b8b3;
}

/*联系方式*/
.contact{
	margin-top: 60px;
}
.contact-hd ul{
	overflow: visible;
}
.contact-hd li{
	margin-right: 50px;
	padding: 55px 0;
	float: left;
	width: 260px;
	height: 145px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(154, 168, 202, 0.2);
	text-align: center;
}
.contact-hd li:last-child{
	margin-right: 0;
}
.contact-hd li .txt{
	margin-top: 10px;
}
.contact-hd li .txt p{
	margin-top: 15px;
	font-size: 16px;
}
.contact-hd li:hover{
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
}

.contact-bd{
	margin: 50px 0;
}

/*企业资质*/
.certs{
	margin: 60px 0 50px;
}
.certs li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.certs li .txt{
	margin-top: 15px;
	color: #244362;
}

/*投诉订单*/
.gbook{
	width: 810px;
	margin: 80px auto 0;
}
.gbook-hd > ul > li{
	width: 100%;
	font-size: 14px;
	color: #4d5d6e;
	height: 50px;
	margin-bottom: 13px;
}
.gbook-hd > ul > li:last-child{
	margin-bottom: 0;
}
.gbook-hd > ul > li .label{
	float: left;
	display: block;
	width: 7%;
 	line-height: 50px;
}
.gbook-hd > ul > li .input{
	float: left;
	margin-left: 14px;
	width: 735px;
}
.gbook-hd > ul > li .input input{
	padding-left: 44px;
	width: 94%;
	height: 50px;
	font-size: 14px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.gbook-hd li .input .dropdown{
	width: 100%;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	background: #fff;
}
.dropdown .selected,.dropdown li{
	padding: 17px 46px 17px;
}
.dropdown .selected{
	color: #b1b1b1;
}

.gbook-ft{
	margin: 40px 0 120px;
	text-align: center;
}
.gbook-ft-margin{
	margin: 30px 0 80px;
}
.gbook-ft input{
	width: 200px;
	line-height: 50px;
	color: #fff;
	background: #00b8b3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor: pointer;
	letter-spacing: 1px;
	border: 1px solid #00b8b3;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.gbook-ft .rst{
	margin-right: 10px;
	background: #fff;
	color: #00b8b3;
}
.gbook-ft input:hover{
	background: #00a4a0;
	color: #fff;
}

/*系统公告*/
.notices{
	margin-top: 25px;
}
.notices-bd li{
	padding: 20px 30px 25px;
	margin-bottom: 15px;
	line-height: 30px;
	border: 1px solid #eeeeee;
}
.notices-bd li .hd{
	font-size: 18px;
	line-height: 30px;
}
.notices-bd li .hd a{
	color: #515c7a;
}
.notices-bd li .bd{
	margin-top: 15px;
	font-size: 14px;
	color: #919aa4;
}
.notices-bd li .ft{
	margin-top: 20px;
	font-size: 14px;
	color: #919aa4;
	overflow: hidden;
}
.notices-bd li .ft-l{
	float: left;
}
.notices-bd li .ft-r{
	float: right;
}
.notices-ft{
	margin: 75px 0 45px;
	text-align: center;
}
.notices-ft a{
	width: 209px;
	line-height: 60px;
	font-size: 18px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*详情*/
.newsd{
	margin-top: 36px;
}
.newsd-hd{
	padding-bottom: 20px;
	border-bottom: 1px solid #d0dbe8;
}
.newsd-hd .left,
.newsd-hd .right{
	background: #f5f5f5;
}
.newsd-hd a{
	display: block;
	width: 54px;
 	height: 54px;
}
.newsd-hd .left a{
	background: url(../img/ico_12.png) no-repeat center;
}
.newsd-hd .right a{
	background: url(../img/ico_13.png) no-repeat center;
}
.newsd-hd .center{
	font-size: 20px;
	color: #244362;
}
.newsd-hd .center p{
	margin-top: 15px;
	font-size: 14px;
	color: #89a1b8;
}
.newsd-bd{
	margin: 30px 0 40px;
	line-height: 36px;
	color: #818992;
}
.newsd-bd p{
	margin-bottom: 30px;
	text-indent: 32px;
}
.newsd-bd p:last-child{
	margin-bottom: 0;
}
.newsd-bd p.img{
	margin-top: 30px;
	text-align: center;
}
.newsd-ft{
	position: absolute;
	top: 350px;
	right: 235px;
}
.newsd-ft .back{
	display: block;
	padding: 14px 0;
	width: 80px;
	line-height: 1;
	text-align: center;
	background: #f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.newsd-ft .back img{
}
.newsd-ft .back p{	
	font-size: 18px;
	color: #c6c6c6;
	line-height: 1;
}

/*新闻资讯*/
.newslist{
	margin-top: 25px;
}
.newslist-bd{
	
}
.newslist-bd li{
	margin-bottom: 20px;
	border: 1px solid #eee;
	overflow: hidden;
}
.newslist-bd li .img{
	float: left;
	padding: 8px;
	font-size: 0;
}
.newslist-bd li .txt{
	padding: 20px 40px 0 30px;
	float: left;
	width: 95%;
	font-size: 14px;
	color: #919aa4;
}
.newslist-bd li .txt-hd{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #515c7a;
}
.newslist-bd li .txt-bd{
	margin-top: 20px;
	
}
.newslist-bd li .txt-ft{
 	margin-top: 30px;
}
.newslist-bd li .txt-ft .left span{
	margin-right: 30px;
}


/*验证码弹窗*/
body .dissolve{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vft-code{
	display: none;
	padding: 35px 46px ;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vft-code .bd{
	overflow: hidden;
}
.vft-code .bd input{
	float: left;
	padding-left: 30px;
	width: 46%;
	height: 42px;
	border: 1px solid #eee;
	font-size: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vft-code .bd a{
	display: block;
	float: right;
}
.vft-code .bd img{
	width: 138px;
	height: 42px;
}
.vft-code .ft{
	margin-top: 30px;
}
.vft-code .ft input{
	padding: 14px 0;
	width: 100%;
	line-height: 1;
	color: #fefeff;
	background: #00b8b3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media (orientation:portrait) and (max-width:800px) {
    .wrapper  { display:block;}
}

.hj-download{
	background:#fff;
	padding:0 0 18px;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.hj-tabs{
	display:flex;
	justify-content:center;
	border-bottom:1px solid #e0e0e0;
	background:#fff;
}
.hj-tab{
	position:relative;
	border:0;
	background:transparent;
	padding:15px 30px;
	font-size:16px;
	line-height:1;
	cursor:pointer;
	color:#666;
}
.hj-tab.active{
	color:#ff4906;
}
.hj-tab.active:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:2px;
	background:#ff4906;
}
.hj-panel{
	display:none;
	padding:50px 20px 0;
}
.hj-panel.active{
	display:block;
}
.hj-panel h2,
.hj-panel > h3{
	width:350px;
	max-width:calc(100% - 30px);
	margin:0 auto 30px;
	text-align:center;
	font-size:24px;
	font-weight:700;
	color:#333;
}
.hj-card{
	display:flex;
	align-items:center;
	gap:18px;
	width:350px;
	max-width:calc(100% - 30px);
	margin:0 auto 16px;
	padding:24px 20px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.hj-card-wide{
	width:430px;
}
.hj-icon{
	position:relative;
	flex:0 0 60px;
	width:60px;
	height:60px;
	border-radius:12px;
	background:#fff1ec;
	font-size:0;
}
.hj-icon:before{
	content:"";
	position:absolute;
	left:17px;
	top:22px;
	width:26px;
	height:18px;
	border-radius:14px 14px 4px 4px;
	background:#ff4906;
}
.hj-icon:after{
	content:"";
	position:absolute;
	left:23px;
	top:28px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#fff;
	box-shadow:10px 0 0 #fff;
}
.hj-ios:before{
	left:19px;
	top:18px;
	width:22px;
	height:27px;
	border-radius:12px 12px 14px 14px;
	background:#ff4906;
}
.hj-ios:after{
	left:34px;
	top:12px;
	width:9px;
	height:9px;
	border-radius:9px 1px 9px 1px;
	background:#ff4906;
	box-shadow:none;
}
.hj-pc:before{
	left:14px;
	top:17px;
	width:32px;
	height:22px;
	border-radius:4px;
	background:#ff4906;
}
.hj-pc:after{
	left:23px;
	top:42px;
	width:14px;
	height:3px;
	border-radius:3px;
	background:#ff4906;
	box-shadow:0 -4px 0 #ff4906;
}
.hj-copy{
	min-width:0;
	flex:1;
}
.hj-copy h3{
	margin:0 0 8px;
	font-size:20px;
	font-weight:700;
	line-height:1.25;
	color:#222;
}
.hj-copy p{
	margin:0;
	font-size:14px;
	line-height:1.45;
	color:#666;
}
.hj-btn{
	flex:0 0 auto;
	display:inline-block;
	padding:12px 20px;
	border-radius:4px;
	background:#ff4906;
	font-size:14px;
	font-weight:700;
	line-height:1;
	color:#fff;
}
.hj-btn:hover{
	color:#fff;
	background:#ed3f00;
}
.hj-download + .hnotice{
	margin-top:80px;
}
@media screen and (max-width:650px){
	.hj-tab{padding:13px 24px;font-size:15px;}
	.hj-panel{padding:38px 12px 0;}
	.hj-panel h2,
	.hj-panel > h3{width:auto;max-width:100%;font-size:22px;margin-bottom:24px;}
	.hj-card{width:auto;align-items:flex-start;padding:20px 16px;gap:14px;}
	.hj-icon{flex-basis:54px;width:54px;height:54px;}
	.hj-copy h3{font-size:18px;}
	.hj-btn{padding:11px 16px;}
}
@media screen and (max-width:480px){
	.hj-card{flex-wrap:wrap;text-align:left;}
	.hj-btn{width:100%;text-align:center;}
}

.yy-tech{
	margin:86px 0 0;
	padding:64px 20px 72px;
	background:#070a0f;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.yy-wrap{
	width:1200px;
	max-width:100%;
	margin:0 auto;
}
.yy-head{
	text-align:center;
}
.yy-head h2{
	margin:0 0 24px;
	font-size:26px;
	font-weight:800;
	line-height:1;
	color:#f5f7fb;
}
.yy-head p{
	margin:0 auto;
	max-width:1080px;
	font-size:17px;
	line-height:1.75;
	color:#aeb5c4;
}
.yy-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	margin-top:42px;
}
.yy-card{
	min-height:270px;
	padding:28px 28px 24px;
	border:1px solid rgba(91,104,132,.45);
	border-radius:10px;
	background:#131722;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
	text-align:center;
}
.yy-card h3{
	margin:0 0 18px;
	font-size:20px;
	font-weight:800;
	line-height:1.35;
	color:#f2f5fb;
}
.yy-card p{
	margin:0;
	font-size:16px;
	line-height:1.65;
	color:#b3bac9;
}
.yy-tech + .hnews{
	padding-top:60px;
}
@media screen and (max-width:1100px){
	.yy-grid{grid-template-columns:repeat(2,1fr);}
	.yy-card{min-height:220px;}
}
@media screen and (max-width:650px){
	.yy-tech{margin-top:60px;padding:46px 16px 54px;}
	.yy-head h2{font-size:24px;}
	.yy-head p{font-size:15px;text-align:left;}
	.yy-grid{grid-template-columns:1fr;gap:16px;margin-top:30px;}
	.yy-card{min-height:0;padding:24px 20px;}
	.yy-card h3{font-size:19px;}
	.yy-card p{font-size:15px;}
}

.hj-review{
	padding:66px 20px 84px;
	background:#fff;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.hj-review-wrap{
	width:1060px;
	max-width:100%;
	margin:0 auto;
}
.hj-review h2{
	margin:0 0 14px;
	text-align:center;
	font-size:28px;
	font-weight:800;
	line-height:1.25;
	color:#111827;
}
.hj-review-desc{
	margin:0 0 42px;
	text-align:center;
	font-size:14px;
	line-height:1.8;
	color:#8791a3;
}
.hj-review-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.hj-review-item{
	min-height:202px;
	padding:24px;
	border:1px solid #edf0f4;
	border-radius:12px;
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,.02);
	transition:box-shadow .25s ease, transform .25s ease;
}
.hj-review-item:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.hj-review-header{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
}
.hj-review-avatar{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	flex:0 0 44px;
	border-radius:50%;
	background:linear-gradient(135deg,#ff4906,#ff7b3a);
	color:#fff;
	font-size:18px;
	font-weight:800;
}
.hj-review-meta h4{
	margin:0 0 2px;
	font-size:15px;
	font-weight:800;
	line-height:1.35;
	color:#333;
}
.hj-review-meta span{
	display:block;
	font-size:12px;
	line-height:1.5;
	color:#a8b0bd;
}
.hj-review-stars{
	margin:0 0 10px;
	color:#ffb400;
	font-size:15px;
	letter-spacing:1px;
	line-height:1;
}
.hj-review-item p{
	margin:0;
	font-size:14px;
	line-height:1.8;
	color:#4d5666;
}
@media screen and (max-width:980px){
	.hj-review-grid{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:650px){
	.hj-review{padding:48px 16px 58px;}
	.hj-review h2{font-size:24px;}
	.hj-review-desc{margin-bottom:30px;}
	.hj-review-grid{grid-template-columns:1fr;gap:16px;}
	.hj-review-item{min-height:0;padding:22px 20px;}
}

/* Codex override: make the core technology section white without touching legacy CSS encoding. */
.yy-tech{
	background:#fff !important;
}
.yy-tech .yy-head h2{
	color:#101828 !important;
}
.yy-tech .yy-head p{
	color:#344054 !important;
}
.yy-tech .yy-card{
	border-color:#e5e7eb !important;
	background:#fff !important;
	box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
.yy-tech .yy-card h3{
	color:#111827 !important;
}
.yy-tech .yy-card p{
	color:#344054 !important;
}


.hj-update{
	padding:18px 20px 20px;
	background:#fff;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.hj-update-card{
	position:relative;
	display:flex;
	gap:28px;
	width:760px;
	max-width:100%;
	margin:0 auto;
	padding:28px 32px 30px;
	border:1px solid rgba(255,78,32,.16);
	border-radius:20px;
	background:linear-gradient(135deg,#fff 0%,#fff8f5 58%,#fff 100%);
	box-shadow:0 20px 48px rgba(255,78,32,.10),0 8px 24px rgba(15,23,42,.06);
	overflow:hidden;
}
.hj-update-card:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg,#ff4b20,#ff9a44,#20b9ae);
}
.hj-update-badge{
	flex:0 0 132px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:126px;
	border-radius:18px;
	background:#ff4b20;
	color:#fff;
	box-shadow:0 14px 28px rgba(255,75,32,.22);
	text-align:center;
}
.hj-update-badge strong{
	font-size:28px;
	line-height:1;
	letter-spacing:.5px;
}
.hj-update-badge span{
	margin-top:10px;
	font-size:13px;
	opacity:.9;
}
.hj-update-body{
	position:relative;
	z-index:1;
	flex:1;
}
.hj-update-kicker{
	margin:0 0 8px;
	font-size:14px;
	font-weight:700;
	letter-spacing:.12em;
	color:#ff4b20;
}
.hj-update-body h2{
	margin:0 0 16px;
	font-size:22px;
	font-weight:800;
	line-height:1.4;
	color:#182033;
}
.hj-update-list{
	display:grid;
	gap:10px;
}
.hj-update-item{
	display:flex;
	gap:12px;
	align-items:flex-start;
	padding:12px 14px;
	border-radius:14px;
	background:rgba(255,255,255,.74);
	border:1px solid rgba(255,78,32,.08);
}
.hj-update-item span{
	flex:0 0 30px;
	height:30px;
	border-radius:50%;
	background:#fff0eb;
	color:#ff4b20;
	font-size:12px;
	font-weight:800;
	line-height:30px;
	text-align:center;
}
.hj-update-item p{
	margin:0;
	font-size:15px;
	line-height:1.75;
	color:#404a5f;
}
.hj-update-item b{
	color:#111827;
}
.hj-update + .hnotice{
	margin-top:64px;
}
@media screen and (max-width:760px){
	.hj-update{padding:12px 16px 18px;}
	.hj-update-card{display:block;padding:24px 20px 24px;border-radius:18px;}
	.hj-update-badge{width:132px;min-height:92px;margin:0 auto 20px;}
	.hj-update-body h2{font-size:20px;text-align:center;}
	.hj-update-kicker{text-align:center;}
	.hj-update-item{padding:11px 12px;}
	.hj-update-item p{font-size:14px;}
}


.verify-box{
	margin:22px 0 4px;
	padding:28px 30px 30px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
	box-shadow:0 18px 40px rgba(0,0,0,.16);
	color:#d8e0ef;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.verify-head{text-align:center;}
.verify-head span{
	display:inline-block;
	margin-bottom:8px;
	padding:5px 12px;
	border-radius:999px;
	background:rgba(255,75,32,.14);
	color:#ff8a64;
	font-size:13px;
	font-weight:800;
	letter-spacing:.08em;
}
.verify-head h2{
	margin:0 0 8px;
	font-size:24px;
	font-weight:800;
	line-height:1.35;
	color:#fff;
}
.verify-head p{
	margin:0;
	font-size:14px;
	line-height:1.7;
	color:#9ba7bb;
}
.verify-query{
	display:flex;
	width:620px;
	max-width:100%;
	margin:22px auto 24px;
	padding:6px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:14px;
	background:rgba(10,14,22,.66);
}
.verify-query input{
	flex:1;
	height:46px;
	padding:0 16px;
	background:transparent;
	color:#fff;
	font-size:15px;
	outline:none;
}
.verify-query input::placeholder{color:#748197;}
.verify-query button{
	height:46px;
	padding:0 24px;
	border-radius:10px;
	background:#ff4b20;
	color:#fff;
	font-size:15px;
	font-weight:800;
	cursor:pointer;
}
.verify-steps{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}
.verify-steps article{
	padding:18px 18px 16px;
	border-radius:15px;
	background:rgba(255,255,255,.045);
	border:1px solid rgba(255,255,255,.07);
}
.verify-steps em{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	margin-bottom:12px;
	border-radius:50%;
	background:rgba(255,75,32,.16);
	color:#ff9a78;
	font-style:normal;
	font-size:12px;
	font-weight:900;
}
.verify-steps h3{
	margin:0 0 8px;
	font-size:17px;
	font-weight:800;
	color:#fff;
}
.verify-steps p{
	margin:0;
	font-size:14px;
	line-height:1.75;
	color:#aeb8c9;
}
.verify-note{
	margin:18px 0 0;
	padding:13px 16px;
	border-radius:12px;
	background:rgba(255,75,32,.10);
	color:#ffc0ad;
	font-size:14px;
	line-height:1.7;
}
@media screen and (max-width:900px){
	.verify-steps{grid-template-columns:1fr;}
	.verify-query{display:block;padding:10px;}
	.verify-query input{width:100%;box-sizing:border-box;}
	.verify-query button{width:100%;margin-top:8px;}
}


.contrib-box{margin:18px 0 4px;font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;}
.contrib-main{position:relative;padding:28px 30px 30px;border-radius:18px;background:linear-gradient(135deg,rgba(20,184,166,.13),rgba(255,255,255,.035));border:1px solid rgba(45,212,191,.14);box-shadow:0 18px 40px rgba(0,0,0,.14);overflow:hidden;}
.contrib-main:before{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(45,212,191,.13);filter:blur(4px);}
.contrib-title{position:relative;z-index:1;text-align:center;}
.contrib-title span{display:inline-block;margin-bottom:8px;padding:5px 12px;border-radius:999px;background:rgba(45,212,191,.14);color:#58dfcf;font-size:13px;font-weight:800;letter-spacing:.08em;}
.contrib-title h2{margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.35;color:#fff;}
.contrib-title p{margin:0;font-size:14px;line-height:1.75;color:#9ba7bb;}
.contrib-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;}
.contrib-grid article{padding:18px 18px 16px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}
.contrib-grid em{display:block;margin-bottom:8px;font-style:normal;font-size:17px;font-weight:800;color:#fff;}
.contrib-grid p{margin:0;font-size:14px;line-height:1.8;color:#aeb8c9;}
.contrib-submit{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px 18px;border-radius:15px;background:rgba(3,7,18,.45);border:1px solid rgba(45,212,191,.12);}
.contrib-submit strong{display:block;margin-bottom:5px;font-size:16px;color:#fff;}
.contrib-submit p{margin:0;font-size:14px;line-height:1.75;color:#aeb8c9;}
.contrib-submit a{color:#5eead4;}
.contrib-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:10px;background:#14b8a6;color:#06121a !important;font-size:14px;font-weight:900;}
@media screen and (max-width:900px){.contrib-main{padding:24px 20px;}.contrib-grid{grid-template-columns:1fr;}.contrib-submit{display:block;}.contrib-btn{width:100%;margin-top:12px;box-sizing:border-box;}}


/* Match content contribution card to the official verification card palette. */
.contrib-main{
	background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
	border-color:rgba(255,255,255,.08) !important;
	box-shadow:0 18px 40px rgba(0,0,0,.16) !important;
}
.contrib-main:before{
	display:none !important;
}
.contrib-title span{
	background:rgba(255,75,32,.14) !important;
	color:#ff8a64 !important;
}
.contrib-submit{
	border-color:rgba(255,255,255,.10) !important;
	background:rgba(10,14,22,.66) !important;
}
.contrib-submit a{
	color:#ffb19a !important;
}
.contrib-btn{
	background:#ff4b20 !important;
	color:#fff !important;
}


/* Tighten footer verification/contribution area and match the main dark background. */
.footer{
	padding-top:28px !important;
}
.footer .wrapper{
	padding-top:0 !important;
}
.verify-box{
	margin-top:0 !important;
	margin-bottom:14px !important;
	background:#242b39 !important;
	border-color:rgba(255,255,255,.10) !important;
	box-shadow:none !important;
}
.verify-steps article,
.contrib-grid article{
	background:#303746 !important;
	border-color:rgba(255,255,255,.09) !important;
}
.verify-query,
.contrib-submit{
	background:#151a24 !important;
}
.contrib-box{
	margin-top:14px !important;
}
.contrib-main{
	background:#242b39 !important;
	border-color:rgba(255,255,255,.10) !important;
	box-shadow:none !important;
}


/* Move verification/contribution blocks into the white main area. */
.verify-main-area{
	width:1200px;
	max-width:calc(100% - 40px);
	margin:18px auto 58px;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.verify-main-area .verify-box,
.verify-main-area .contrib-box{
	width:auto !important;
	margin:0 0 20px !important;
	padding:28px 30px 30px !important;
	border:1px solid #edf0f4 !important;
	border-radius:18px !important;
	background:#fff !important;
	box-shadow:0 18px 42px rgba(15,23,42,.06) !important;
	color:#344054 !important;
}
.verify-main-area .contrib-main{
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-shadow:none !important;
}
.verify-main-area .contrib-main:before{
	display:none !important;
}
.verify-main-area .verify-head h2,
.verify-main-area .contrib-title h2,
.verify-main-area .verify-steps h3,
.verify-main-area .contrib-grid em,
.verify-main-area .contrib-submit strong{
	color:#111827 !important;
}
.verify-main-area .verify-head p,
.verify-main-area .contrib-title p,
.verify-main-area .verify-steps p,
.verify-main-area .contrib-grid p,
.verify-main-area .contrib-submit p{
	color:#5f6b7a !important;
}
.verify-main-area .verify-head span,
.verify-main-area .contrib-title span{
	background:#fff0eb !important;
	color:#ff4b20 !important;
}
.verify-main-area .verify-query,
.verify-main-area .contrib-submit{
	background:#f7f9fc !important;
	border:1px solid #edf0f4 !important;
}
.verify-main-area .verify-query input{
	color:#111827 !important;
}
.verify-main-area .verify-query input::placeholder{
	color:#98a2b3 !important;
}
.verify-main-area .verify-steps article,
.verify-main-area .contrib-grid article{
	background:#f8fafc !important;
	border-color:#edf0f4 !important;
}
.verify-main-area .verify-note{
	background:#fff5f1 !important;
	color:#b5472a !important;
}
.verify-main-area .contrib-submit a{
	color:#ff4b20 !important;
}
.verify-main-area .contrib-btn,
.verify-main-area .verify-query button{
	background:#ff4b20 !important;
	color:#fff !important;
}
@media screen and (max-width:900px){
	.verify-main-area{max-width:calc(100% - 28px);margin:10px auto 42px;}
	.verify-main-area .verify-box,
	.verify-main-area .contrib-box{padding:22px 18px !important;}
}


/* Final white-area polish for moved verification/contribution blocks. */
.verify-main-area{
	background:#fff !important;
	margin:0 auto 64px !important;
	padding:10px 0 0 !important;
}
.verify-main-area .verify-box,
.verify-main-area .contrib-box{
	background:#fff !important;
	border:1px solid #edf0f4 !important;
	box-shadow:0 10px 30px rgba(15,23,42,.045) !important;
}
.verify-main-area .verify-query,
.verify-main-area .contrib-submit,
.verify-main-area .verify-steps article,
.verify-main-area .contrib-grid article{
	background:#f8fafc !important;
}
.verify-main-area .verify-head h2,
.verify-main-area .contrib-title h2{
	color:#111827 !important;
}
.verify-main-area .verify-head p,
.verify-main-area .contrib-title p{
	color:#667085 !important;
}
.footer{
	margin-top:0 !important;
}

/* Final white-match polish: keep the section lifted and make the button text unmistakable. */
.verify-main-area{
	margin:8px auto 72px !important;
	padding:0 !important;
	background:#fff !important;
}
.verify-main-area .verify-box,
.verify-main-area .contrib-box{
	margin:0 0 16px !important;
	padding:24px 26px 26px !important;
	border-color:#e9edf2 !important;
}
.verify-main-area .contrib-submit{
	align-items:center !important;
}
.verify-main-area .contrib-submit > div{
	flex:1 1 auto;
	min-width:0;
}
.verify-main-area .contrib-btn{
	min-width:128px !important;
	padding:0 22px !important;
	font-size:15px !important;
	line-height:42px !important;
	white-space:nowrap !important;
	text-align:center !important;
	text-decoration:none !important;
	color:#fff !important;
}
.verify-main-area .contrib-btn,
.verify-main-area .verify-query button{
	box-shadow:0 10px 20px rgba(255,75,32,.18) !important;
}


/* Make the contribution button text obvious on the white section. */
.verify-main-area .contrib-btn{
	min-width:132px !important;
	height:44px !important;
	padding:0 18px !important;
	border-radius:12px !important;
	background:#ff4b20 !important;
	color:#fff !important;
	font-size:16px !important;
	font-weight:900 !important;
	line-height:44px !important;
	letter-spacing:.04em !important;
	text-indent:0 !important;
	opacity:1 !important;
	visibility:visible !important;
	box-sizing:border-box !important;
}
.verify-main-area .contrib-btn:before,
.verify-main-area .contrib-btn:after{
	content:none !important;
	display:none !important;
}
.verify-main-area .contrib-submit,
.verify-main-area .contrib-submit *{
	text-indent:0 !important;
}


/* Ensure the contribution button text beats the generic link color rule. */
.verify-main-area .contrib-submit a.contrib-btn,
.verify-main-area .contrib-submit .contrib-btn{
	color:#fff !important;
	font-size:16px !important;
	font-weight:900 !important;
	text-decoration:none !important;
}


/* List/content page overhaul */
.page-shell{
	background:#f6f8fb;
	padding:34px 0 72px;
	font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.page-hero,
.article-hero{
	width:1200px;
	max-width:calc(100% - 40px);
	margin:0 auto 18px;
	padding:30px 34px;
	border:1px solid #e8edf3;
	border-radius:20px;
	background:linear-gradient(135deg,#fff,#f9fbff);
	box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.page-hero-inner{
	text-align:center;
}
.page-kicker{
	display:inline-block;
	margin-bottom:10px;
	padding:6px 12px;
	border-radius:999px;
	background:#fff0eb;
	color:#ff4b20;
	font-size:13px;
	font-weight:800;
	letter-spacing:.06em;
}
.page-hero h1,
.article-hero h1{
	margin:0;
	font-size:34px;
	line-height:1.25;
	font-weight:900;
	color:#111827;
}
.page-hero p{
	margin:12px auto 0;
	max-width:760px;
	font-size:15px;
	line-height:1.8;
	color:#667085;
}
.page-meta{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
	margin-top:18px;
}
.page-meta span{
	display:inline-flex;
	align-items:center;
	height:34px;
	padding:0 14px;
	border-radius:999px;
	background:#fff;
	border:1px solid #e8edf3;
	color:#475467;
	font-size:13px;
	font-weight:700;
}
.archive-grid{
	width:1200px;
	max-width:calc(100% - 40px);
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}
.archive-card{
	display:block;
	padding:24px 24px 22px;
	border-radius:18px;
	border:1px solid #e8edf3;
	background:#fff;
	box-shadow:0 10px 28px rgba(15,23,42,.05);
	text-decoration:none;
	color:inherit;
	transition:transform .25s ease, box-shadow .25s ease;
}
.archive-card:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 32px rgba(15,23,42,.08);
}
.archive-date{
	display:inline-block;
	padding:6px 10px;
	border-radius:999px;
	background:#fff0eb;
	color:#ff4b20;
	font-size:12px;
	font-weight:800;
}
.archive-card h2{
	margin:14px 0 8px;
	font-size:20px;
	line-height:1.45;
	font-weight:800;
	color:#101828;
}
.archive-card p{
	margin:0;
	font-size:14px;
	line-height:1.75;
	color:#667085;
}
.archive-card span:last-child{
	display:inline-flex;
	margin-top:16px;
	font-size:14px;
	font-weight:800;
	color:#ff4b20;
}
.article-layout{
	width:1200px;
	max-width:calc(100% - 40px);
	margin:0 auto;
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:20px;
}
.article-card,
.side-card{
	background:#fff;
	border:1px solid #e8edf3;
	border-radius:18px;
	box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.article-card{
	padding:34px 34px 40px;
}
.article-body{
	font-size:16px;
	line-height:1.95;
	color:#4b5563;
}
.article-body p{
	margin:0 0 16px;
}
.article-sidebar{
	display:grid;
	gap:16px;
}
.side-card{
	padding:22px 20px;
}
.side-card h2{
	margin:0 0 14px;
	font-size:18px;
	font-weight:800;
	line-height:1.35;
	color:#111827;
}
.side-card ul{
	margin:0;
	padding:0;
	list-style:none;
}
.side-card li + li{
	margin-top:12px;
}
.side-card a{
	display:block;
	padding:12px 14px;
	border-radius:12px;
	background:#f8fafc;
	border:1px solid #edf2f7;
	text-decoration:none;
	color:#344054;
	font-size:14px;
	line-height:1.65;
}
.side-card a span{
	display:block;
	margin-bottom:4px;
	font-size:12px;
	font-weight:800;
	color:#98a2b3;
}
.side-note p{
	margin:0;
	font-size:14px;
	line-height:1.75;
	color:#667085;
}
@media screen and (max-width: 980px){
	.archive-grid,
	.article-layout{
		grid-template-columns:1fr;
	}
	.page-hero,
	.article-hero,
	.archive-grid,
	.article-layout{
		max-width:calc(100% - 28px);
	}
	.page-hero h1,
	.article-hero h1{
		font-size:28px;
	}
}