@import url(base.css);

/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;color: #fff;box-shadow: 0.03rem 0.02rem 0.16rem 0rem rgba(0, 0, 0, 0.12);background-color:#0073aa;}
.header .auto-inner{height:0.9rem;transition: all 0.3s;position: static;}
.header .logo{font-size: 0.26rem;color: #ffffff;font-weight: 700;}
.header .logo img{height: 0.44rem;}
.header .logo span{margin-left: 0.19rem;padding-left: 0.18rem;border-left: 1px solid rgba(255,255,255,0.3);}
.header .logo span img{height: 0.31rem;}

.header .ver{position: relative;}
.header .ver dt{cursor: pointer;font-size: var(--font-size16);}
.header .ver dt:before{width: 0.18rem;height: 0.18rem;background: url(../images/ico_ver.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;}
.header .ver dt:after{width: 11px;height: 6px;background: url(../images/arr_b_white.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.02rem 0 0 0.17rem;}
.header .ver dd{position: absolute;left: 50%;top: 150%;width: 115%;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background-color:#fff;text-align: center;transform: translateX(-50%);border-radius: 5px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s ease;pointer-events: none;}
.header .ver dd a{display: block;color: rgba(var(--rgb-555));}.header .ver dd a:hover{color: rgba(var(--main-color))}
.header .ver.on dd{opacity: 1;z-index: 999;top: 100%;visibility: visible;padding: 0.1rem 0;pointer-events: auto;}
.header .loginbtn a{display: inline-block;margin-left: 0.4rem; width: auto;padding: 0 0.2rem; text-align: center;color: #fff;line-height: 0.42rem;height: 0.42rem;background-color: #169bd4;	border-radius: 0.21rem;	border: solid 0.01rem #169bd4;}
.header .loginbtn a img{margin-top: -5px;}
.header .loginout a{display: inline-block;margin-left: 0.2rem; width: auto;padding: 0 0.2rem; text-align: center;color: #fff;line-height: 0.42rem;height: 0.42rem;background-color: #ccc;	border-radius: 0.21rem;	border: solid 0.01rem #ccc;}
.mainNav{position: relative;font-size: var(--font-size16);}
.mainNav li{padding:0 0.2rem;position: relative;}
.mainNav li img{margin-top: -0.05rem;}
.mainNav li:first-child{padding-left: 0;}
.mainNav span a{ position:relative; z-index:100;display:block;line-height: 0.9rem;color: #fff;transition: all 0.3s;font-weight: 100;}
.mainNav .arr{ display:none;}
.mainNav li.aon span a{color: #fff;}

.open-menu{width: 0.3rem;height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0; cursor: pointer; margin-left: 0.3rem;}
.open-menu i{display: block;width: 100%;background-color: #fff;height: 2px;transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 8px) rotate(45deg) !important;
	-moz-transform: translate(0, 8px) rotate(45deg) !important;
	-ms-transform: translate(0, 8px) rotate(45deg) !important;
	-o-transform: translate(0, 8px) rotate(45deg) !important;
	transform: translate(0, 8px) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}

/* 头部滑过 */
.header.reon:After{height: 0;}
.header.fix:after,
.header.on:after,
.detailBox .header:after{height: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

@media(min-width:1921px){
	.mainNav li{padding: 0 0.35rem;}
}
@media(max-width:1440px){
	.mainNav li{padding: 0 1.5vw;}
}
@media (min-width:1025px) {

	.open-menu{display: none;}
		/* 下拉 */
		.mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;width: 3rem;text-align: center;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;}
		.mainNav .sub dl{display: inline-block;box-shadow: 0 0 15px rgba(0,0,0,0.09);background:#f8f9fb;min-width: 2.2rem;border-radius: 0 0 0.2rem 0.2rem;}
		.mainNav .sub dd{position: relative;margin: 0 0.3rem;text-align: left;}
		.mainNav .sub a{display: block;padding: 0.5vw 0;position: relative;z-index: 1;color: #333333;border-bottom: 1px solid #e6e6e6;transition: all 0.5s;}
		.mainNav .sub a:after{position: absolute;right: 0.15rem;top: 50%;transform: translateY(-50%);content: "";width: 0.08rem;height: 0.12rem;background: url(../images/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: all 0.5s;}
		.mainNav .sub dd:last-child a{border-bottom: 0 !important;}
		.mainNav .sub dd:hover a{border-bottom: 1px solid rgba(var(--main-color));}
		.mainNav .sub dd:hover a{color: rgba(var(--main-color));}
		.mainNav .sub dd:hover a:after{right: 0;opacity: 1;}
		.mainNav .active .sub{display: block;z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;}
}
	
@media(max-width:1024px){
	.header .auto-inner{justify-content: space-between;}
	.header .logo span{display: none;}
	.header .ver dt{font-size: 0.24rem}
	.header .ver dt:before{width: 0.24rem;height: 0.24rem}
	.mainNav{position: fixed;left: 0;top:0.9rem;background: rgba(var(--main-color),0.9); padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);}
	.menu-show{position: fixed;left: 0;top: 0;height: 100%;overflow: hidden;width: 100%;}
	.menu-show .mainNav{visibility: visible; opacity: 1; transform: translateX(0);}
	.mainNav ul{height: 100%; overflow: auto;line-height: 2;}
	.mainNav li{padding: 0;}
	.header.on .mainNav span a:after, .header.fix .mainNav span a:after{display: none;}
	.mainNav .sub dd a,
	.mainNav span a{color:#fff !important;line-height: 3;padding: 0 0.3rem;}
	.mainNav li.aon span a{color: #ffcc00 !important;}
	.mainNav .sub dd a{font-size: 0.2rem;}
	.mainNav li span{display: block;position: relative;font-size: 0.24rem;line-height: 2;}

	.wap-dd-op,
	.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../images/arr_xjt_white.svg) no-repeat center center; background-size: 20% auto; top: 0;z-index: 101; transition: 0.3s;}
	.mainNav .sub dd.wap-active .wap-dd-op,
	span.on .wap-op{transform: rotate(180deg);}
	.mainNav .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;}
	.mainNav .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;}
	.mainNav .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;}
	.mainNav .sub dd.wap-active dl{display: block;}Nav{position: fixed;right: 0;top: 0.9rem;width: 80%;height: calc(100% - 0.9rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;text-align: center;margin-right: 0;}
}
/*Top end*/

/*Bottom s*/
.waterline{position: absolute;top: 0;left: 5.938vw;}
.waterline span{background: url(../images/footer_water.png) no-repeat center bottom/cover;display: inline-block;height: 1.42rem;width: 0.08rem;vertical-align: top;z-index: 10;}
.waterline span:nth-child(1){height: 1.32rem;}
.waterline span:nth-child(3){height: 1.24rem;}
.footer{ position:relative;background:#f8f8f8;z-index: 2;padding: 3.646vw 0 0.34rem;}
.footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}
.footer .logo {width: 25.25%;}
.footer .logo img{width: 2.14rem;}
.footer .sitemap{width: 24.68%;position: relative;}
.footer .sitemap:after{position: absolute;right: 0;top: 0.06rem;height: calc(100% - 0.06rem);content: "";background-color: #e9e9e9;width: 1px;}
.footer .sitemap li{width: 50%;font-size: var(--font-size20);margin-bottom: 0.26rem;}
.footer .sitemap li:before{content: "";display: inline-block;vertical-align: middle;width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: rgba(var(--main-color));margin: -0.05rem 0.1rem 0 0;transition: all 0.5s;}
.footer .sitemap li:hover:before{transform: scale(1.3);}
.footer .contact{flex: 1;padding: 0.02rem 1.86rem 0 4.063vw;position: relative;color: rgba(var(--rgb-555));min-height: 2rem;}
.footer .contact dd{margin-bottom: 0.03rem;position: relative;padding-left: 0.31rem;}
.footer .contact dd img{position: absolute;left: 0;height: 0.22rem;}
.footer .contact dd:nth-child(2n+2){margin-bottom: 0.33rem;}
.footer .contact dd:nth-child(2n+2):after{position: absolute;left: 0;width: 100%;height: 1px;content: "";bottom: -0.17rem;background-color: #ededed;}
.footer .contact .ewm{position: absolute;right: 0;text-align: center;top: 0.06rem;}
.footer .contact .ewm img{display: block;padding: 0.12rem;width: 1.6rem;background-color: #fff;margin: 0px auto 0.08rem;border: 1px solid #dfdfdf;}
.footer .copyright{padding-top: 0.14rem;border-top: 1px solid #e5e5e5;color: var(--rgb-555);font-weight: 100;width: 100%;margin-top: 0.38rem;}
.footer .copyright a{color: rgba(var(--rgb-555));}.footer .copyright a:hover{color:rgba(var(--main-color));}

.home-footer.active .waterline{animation:fadeInDown 0.3s .4s ease both;-webkit-animation:fadeInDown 0.3s .4s ease both;-moz-animation:fadeInDown 0.3s .4s ease both;}
.home-footer.active .waterline span:nth-child(1){animation:bounce 0.45s .5s ease both;-webkit-animation:bounce 0.45s .5s ease both;-moz-animation:bounce 0.45s .5s ease both;}
.home-footer.active .waterline span:nth-child(2){animation:bounce 0.45s .6s ease both;-webkit-animation:bounce 0.45s .6s ease both;-moz-animation:bounce 0.45s .6s ease both;}
.home-footer.active .waterline span:nth-child(3){animation:bounce 0.45s .7s ease both;-webkit-animation:bounce 0.45s .7s ease both;-moz-animation:bounce 0.45s .7s ease both;}

.totop{position: fixed;right: 2.5vw;bottom: 0;width: 0.45rem;height: 0.45rem;border-radius: 50%;color: #fff !important;text-align: center;cursor: pointer;z-index: 100;display: flex;align-items: center;justify-content: center;background: rgba(var(--main-color)) url(../images/top.svg) no-repeat center center/ 0.16rem 0.16rem; visibility: hidden; opacity: 0; transition: 0.3s;cursor:pointer;}
.totop.cd-is-visible {visibility: visible;opacity: 1;bottom: 5%;}
.totop:hover{opacity: 0.8 !important;}
.totop.fix{position: absolute;top: -0.22rem;bottom: auto;border-radius: 50%;}
@media(max-width:1600px){
	.footer .waterline{left: 2vw;}
}
@media(max-width:1024px){
	.home-footer{overflow: visible !important;}
	.footer .logo,.footer .sitemap{display: none;}
}
@media(max-width:480px){
	.footer .contact{padding-right: 1.6rem;}
	.footer .contact .ewm img{width: 1.4rem;}
}
/*Bottom end*/

/*登录*/
.login{background: url(../images/loginbg.png) no-repeat center/cover;width: 100vw;min-height: 100vh;}
.loginbox{width: 90%;height: 4.48rem;;max-width: 10.7rem;position: absolute;left: 50%;top: 50%;margin-top: 0.45rem;transform: translate(-50%,-50%);background-color: #ffffff;border-radius: 0.1rem;overflow: hidden;}
.loginbox .left{height: 4.48rem;width:51.5%;float: left;background: url(../images/loginbg2.png) no-repeat bottom center/cover;text-align: center; }
.loginbox .left .ti1{font-size: 0.28rem;color: #ffffff;font-weight: 500;line-height: 1;margin-top: 0.4rem;}
.loginbox .left .ti2{font-size: 0.24rem;color: #ffffff;font-weight: 500;line-height: 1;margin-top: 0.25rem;}
.loginbox .right{width: 48.5%;padding: 0.2rem 0;float: left;}
.loginbox .right .tabNav{height: 0.6rem;line-height: 0.6rem;border-bottom: 1px solid #E5E5E5;}
.loginbox .right .tabNav li{display: inline-block;font-size: 0.18rem;color: #666666;margin: 0 0.3rem;position: relative;}
.loginbox .right .tabNav ul{font-size: 0;text-align: center;}
.loginbox .right .tabNav li.on{color: #3d85d7;}
.loginbox .right .tabNav li.on:after{width: 100%}
.loginbox .right .tabNav li:after{position: absolute;left: 50%;bottom: 0;transition: all 0.3s;width: 0;height: 2px;background: #3d85d7;content: "";transform: translateX(-50%);}
.loginbox .right .tabCon{padding: 0.4rem 0.6rem 0}
.loginbox .right .tabCon .inputbox{position: relative; height: 0.5rem;background-color: #ffffff;border-radius: 0.06rem;margin-bottom: 0.24rem; border: solid 0.01rem #e6e7eb;display: flex;align-items: center;justify-content: center}
.loginbox .right .tabCon .inputbox input{width: calc(100% - 0.5rem);height: 0.5rem;border:none;background: none}
.loginbox .right .tabCon .inputbox .icon{text-align: center;width: 0.5rem}
.loginbox .right .tabCon .inputbox .look{position: absolute;right: 0;top: 0;height: 0.5rem;line-height: 0.5rem;width: 0.5rem;text-align: center;background: url(../images/icon3.png) no-repeat center;}
.loginbox .right .tabCon .inputbox .look.on{background: url(../images/icon4.png) no-repeat center;}
.loginbox .right .tabCon .password {font-weight: 100;color: #999999;display: inline-block;width: 100%;margin-bottom: 0.2rem;}
.loginbox .right .tabCon .password a{color: #3d85d7;}
.loginbox .right .tabCon .loginbtn button{cursor: pointer; display: inline-block;width: 100%; height: 0.5rem;border: none;text-align: center;font-size: 0.18rem;color: #ffffff;line-height: 0.5rem;background-color: #3d85d7;border-radius: 0.04rem;}
.loginbox .right .tabCon .loginbtn{margin-bottom: 0.2rem;}
.loginbox .right .tabCon .zc{text-align: center;font-size: 0.14rem;color: #666666;font-weight: lighter;}
.loginbox .right .tabCon .zc a{color: #3d85d7;}
.loginbox .right .tabCon .inputbox .hzyzm{position: absolute;right: 0.2rem;top: 0;height: 0.5rem;line-height: 0.5rem;text-align: center;cursor: pointer;color: #3d85d7;font-weight: 100;}
.loginbox .right .tabCon .inputbox .hzyzm.disabled {cursor: not-allowed;color: #999}


/*注册*/
.Registration{display: flex;align-items: center;justify-content: center;min-height: calc(100vh - 0.63rem);width: 100vw;padding-bottom: 1rem;}
.Registration .auto-inner{background-color: #ffffff;border-radius: 0.1rem;padding: 0.8rem 0;margin-top: 1.5rem;}
.Registration .ti{text-align: center;font-size: 0.3rem;color: #0073aa;font-weight: 500;line-height: 1;}
.Registration .ti2{text-align: center;font-size: 0.2rem;color: #333333;line-height: 1;margin-top: 0.2rem;}
.Registration .steps{position: relative;display: flex;align-items: center;justify-content: space-between;width: 90%;max-width: 8.9rem;margin: 0.4rem auto}
.Registration .steps .step:before{position: absolute;right: 100%;top: 50%;height: 1px;background-color: #dddddd;content: "";z-index: -1;width: 2rem;;}
.Registration .steps .step{background: #fff;padding: 0 0.2rem;font-size: 0.2rem;color: #000000;font-weight: 500;position: relative;}
.Registration .steps .step span{display: inline-block;margin-right: 0.1rem; width: 0.4rem;height: 0.4rem;background-color: #d1d1d1;text-align: center;line-height: 0.4rem;border-radius: 50%;font-size: 0.2rem;color: #ffffff;font-weight: 500;}
.Registration .steps .step.on span{background-color: #0073aa;}
.Registration .steps .step.on{color: #0073aa}
.Registration .steps .step1:before{display: none}
.Registration .RegistrationBox{width: 90%;max-width: 8rem;margin: 0.4rem auto 0}
.Registration .RegistrationBox .inputbox span{float: left;width: 1.5rem;text-align: right;font-size: 0.16rem;color: #333333;font-weight: 100;}
.Registration .RegistrationBox .inputbox{margin-bottom: 0.2rem;position: relative;min-height: 0.5rem;line-height: 0.5rem;display: inline-block;width: 100%;}
.Registration .RegistrationBox .inputbox .text{float: right; width: calc(100% - 1.5rem);height: 0.5rem;background-color: #ffffff;border-radius: 0.06rem;border: solid 0.01rem #e6e7eb;text-indent: 0.15rem;}
.Registration .RegistrationBox .inputbox .hzyzm{cursor: pointer; width: 1.09rem;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.2rem;	height: 0.4rem;font-size: 0.14rem;color: #ffffff;font-weight: 100;	background-color: #3d85d7;	border-radius: 0.06rem;text-align: center;line-height: 0.4rem;}
.Registration .RegistrationBox .inputbox .hzyzm.disabled {cursor: not-allowed;color: #999;background: #ccc}
.Registration .RegistrationBox .inputbox .code{cursor: pointer; width: 1.09rem;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.2rem;	height: 0.4rem;font-size: 0.14rem;color: #ffffff;font-weight: 100;	border-radius: 0.06rem;text-align: center;line-height: 0.4rem;}
.Registration .RegistrationBox .loginbtn button{cursor: pointer; display: inline-block;width: 60%;max-width: 4rem; height: 0.5rem;border: none;text-align: center;font-size: 0.18rem;color: #ffffff;line-height: 0.5rem;background-color: #3d85d7;border-radius: 0.04rem;}
.Registration .RegistrationBox .loginbtn{text-align: center;}
.Registration .RegistrationBox .inputbox.lh40{line-height: 20px;height: 20px;}

.Registration .steps .step.on+.on:before{background-color: #0073aa;}
.Registration .RegistrationBox .inputbox i{position: absolute;left: calc(100% + 0.15rem);font-size: 0.16rem;color: #e40000;}
.Registration .RegistrationBox .loginbtn.mt50{margin-top: 0.5rem;}


/*注册完成*/
.Completed{display: flex;align-items: center;justify-content: center;text-align: center;padding: 0.4rem 0}
.Completed p{font-size: 0.2rem;color: #333333;line-height: 0.4rem;margin-top: 0.3rem;}
.Completed p a{color: #0073aa;}


.Invoice_t{padding:  0 0.8rem;display: flex;align-items: center;justify-content: space-between;width: 100%;border-bottom: 2px solid #eefaff;padding-bottom: 0.5rem;}
.Invoice_t .Information{display: flex;align-items: center;justify-content: center}
.Invoice_t .Information .photo{width: 1rem;border-radius: 50%;overflow: hidden;margin-right: 0.25rem;	height: 1rem;}
.Invoice_t .Information .photo img{width: 100%;height: 100%;object-fit: cover}
.Invoice_t .Information .txt h3{font-size: 0.32rem;color: #111827;line-height: 1;font-weight: 400;}
.Invoice_t .Information .txt p{font-size: 0.2rem;color: #666666;line-height: 1;margin-top: 0.15rem;}
.Invoice_t .Links a{display: inline-block;margin-left: 1rem;font-weight: 400;}
.Invoice_t .Links{text-align: right;}
.Invoice_t .Links a.on{font-weight: 700;}
.Invoice_t .Links img{margin-right: 0.1rem;margin-top: -3px;}

.Registration .RegistrationBox .inputbox .text.bn{border: none;display: flex;align-items: center}
.Registration .RegistrationBox .inputbox .text.bn select{text-indent: 0.15rem; color: #999999;float: left;width: 21.5%;margin-right: 2%;font-size: 0.16rem;	height: 0.5rem;	background-color: #ffffff;	border-radius: 0.06rem;	border: solid 0.01rem #e6e7eb;}
.Registration .RegistrationBox .inputbox .text.bn input{width: 53%;float: right;text-indent: 0.15rem; height: 0.5rem;	background-color: #ffffff;	border-radius: 0.06rem;	border: solid 0.01rem #e6e7eb;}
.Registration .RegistrationBox .inputbox .text.bn .red{color: #ff0000;}
.Registration .RegistrationBox .inputbox .text.bn p{color: #333333;font-weight: normal;line-height: 0.24rem;text-indent: 0;}

.Invoice_b{padding: 0 0.8rem}
.Invoice_b .tabNav ul{font-size: 0;text-align: center;margin: 0.3rem auto}
.Invoice_b .tabNav ul li{display: inline-block;margin: 0 0.15rem;cursor: pointer; width: 45%;max-width: 3rem;height: 0.5rem;background-color: #e8e8e8;border-radius: 0.25rem;font-size: 0.18rem;	color: #999999;text-align: center;line-height: 0.5rem;}
.Invoice_b .tabNav ul li.on,.Invoice_b .tabNav ul li:hover{background-color: #3d85d7;color: #ffffff;}
.Invoice_b table{width: 100%;text-align: center;border:1px solid #AFD6E1}
.Invoice_b table th{height: 0.6rem;	background-color: #0073aa;font-size: 0.18rem;color: #ffffff;}
.Invoice_b table td{padding: 0.13rem 0;border-bottom:1px solid #AFD6E1 ;}
.Invoice_b table tr:nth-child(2n){background-color: #f7fcff;}

.Registration .RegistrationBox .inputbox .text.bn.ha{height: auto;display: inline-block;padding-top: 0.08rem;}
.Registration .RegistrationBox .inputbox .text.bn.ha p{line-height: 0.35rem;}
.Registration .RegistrationBox .inputbox.selectbox select{width: 2.9rem;height: 0.5rem;color: #999999;background-color: #ffffff;border-radius: 0.06rem;border: solid 0.01rem #e6e7eb;text-indent: 0.15rem;}

.Invoice_b2  table th{font-weight: lighter;font-size: 0.14rem;color: #ffffff;line-height: 0.18rem;border-right: 1px solid #afd6e1;;}
.Invoice_b2  table td{font-size: 0.14rem;line-height: 0.16rem;border-right: 1px solid #afd6e1;padding: 0.2rem 0.13rem;}
.Invoice_b2  table td .kpz{display: inline-block;color: #7eb04a;font-size: 0.12rem;height: 0.25rem;line-height: 0.23rem; background-color: #f6ffed;padding: 0 0.12rem;border-radius: 0.13rem;border: solid 0.01rem #76b643;}
.Invoice_b2  table td .zp1{display: inline-block;color: #7eb04a;font-size: 0.12rem;height: 0.25rem;line-height: 0.23rem; background-color: #f6ffed;padding: 0 0.12rem;border-radius: 0.13rem;border: solid 0.01rem #76b643;}
.Invoice_b2  table td .ckfp{display: inline-block;color: #dd1e1e;font-size: 0.12rem;height: 0.25rem;line-height: 0.23rem; background-color: #ffdbdb;padding: 0 0.12rem;border-radius: 0.13rem;border: solid 0.01rem #e24242;}
.Invoice_b2  table td .ckfpbh{display: inline-block;color: #8457b1;font-size: 0.12rem;height: 0.25rem;line-height: 0.23rem; background-color: #ffd7fa;padding: 0 0.12rem;border-radius: 0.13rem;border: solid 0.01rem #ba6be7;}
.Invoice_b2  table td .zp2,.Invoice_b2  table td .ykp{display: inline-block;color: #3d85d7;font-size: 0.12rem;height: 0.25rem;line-height: 0.23rem; background-color: #e6f7ff;padding: 0 0.12rem;border-radius: 0.13rem;border: solid 0.01rem #3d85d7;}
.Invoice_b2  table td .bhyy{display: block;color: #a055d1;text-decoration: underline;font-size: 0.12rem;line-height: 0.2rem;}

.modal {display: none; position: fixed;z-index: 999999; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); }
.modal-content{background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 10.7rem;padding: 0 0rem 0.4rem;box-shadow: 0rem 0rem 0.68rem 0rem rgba(131, 131, 131, 0.3);border-radius: 0.1rem;}
.modal .close {color: #c9c9c9;font-size: 0.32rem;line-height: 1;font-weight: normal;position: absolute;top: 0.2rem;right: 0.3rem;cursor: pointer;z-index: 999;}
.modal .close:hover,
.modal .close:focus {color: #3d85d7;text-decoration: none;cursor: pointer;}
.modal-content .content{padding: 0 0.4rem;max-height: 70vh;overflow-y: auto;}
.modal-content .content .scroll{width: 100%;overflow-x: auto;position: relative;}
.modal-content .content table{width: 16rem;margin-bottom: 0.2rem;margin-right: 0.5rem;}
.modal-content h2{height: 0.87rem;line-height: 0.87rem;padding: 0 0.4rem;font-size: 0.24rem;font-weight: 500;color: #000000;text-align: left;border-bottom: 1px solid #eefaff;;}
.modal-content .Invoice_b{padding: 0 0.4rem}
.modal-content .btns{margin-top: 0.47rem;text-align: center;font-size: 0}
.modal-content .btns a{display: inline-block;color: #999999;font-size: 0.16rem;height: 0.4rem;line-height: 0.4rem;min-width: 1.4rem;text-align: center;border-radius: 0.2rem;background: #F1F1F1;margin: 0 0.1rem;padding: 0 0.2rem}
.modal-content .btns a.qrbtn,.modal-content .btns a:hover{background-color: #3d85d7;color: #fff}

.modal2 .modal-content{max-width:34vw;text-align: left;width: 90%}
.modal2 .modal-content .content{margin-top: 0.3rem;}
.modal2 .modal-content .content .ti{font-size: 0.18rem;color: #000000;}
.modal2 .modal-content .content textarea{height: 2rem;padding: 0.18rem;font-size: 0.16rem;line-height: 0.3rem;color: #cecece;width: 100%;margin-top: 0.2rem;background-color: #ffffff;border-radius: 0.05rem;border: solid 0.01rem #d7d7d7;}
.modal2 .modal-content .content .ti2{font-size: 0.18rem;color: #000000;line-height: 1;margin-top: 0.3rem;}
.modal2 .modal-content .content p{font-weight: 100;font-size: 0.16rem;	color: #000000;margin-top: 0.2rem;}
.Invoice_b2 table td input[type="checkbox"]{margin-right: 0;}
.modal2 .modal-content .content p label{margin-right: 0.6rem;}
.modal1 .modal-content .content:after{position: absolute;right: 0.4rem;top: 0 ;background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);width: 1rem;height: 100%;content: ""}

.Registration .RegistrationBox.w50{max-width:4rem}
.Registration .RegistrationBox.w50 .inputbox span{width: 1rem}
.Registration .RegistrationBox.w50 .inputbox .text.bn{width: calc(100% - 1rem)}
.Registration .RegistrationBox.w50  .loginbtn button{width: 100%;}

.modal .ym {margin-top: 0.25rem;}
.modal .ym .ymts{width: 2.1rem;margin: 0 0.1rem;	height: 1.2rem;	background-color: #f6fcff;	border-radius: 0.08rem;	border: solid 0.01rem #f7f7f7;}
.modal .modal-content .content .ym .num{font-family: kuaikanshijieti;font-size: 0.24rem;line-height: 0.3rem;color: #ff0000;}
.modal .modal-content .content .ym .num.xy{color: #3d85d7;}
.modal3 .fwxy .ti2{font-size: 0.2rem;color: #0073aa;font-weight: 700;margin-top: 0.25rem;}
.modal3 .fwxy p{font-size: 0.16rem;line-height: 0.3rem;color: #999999;}
.modal3 .modal-content .content:after{display: none}
.modal3 .modal-content {max-width: 9.9rem}
.modal3 .fwxy p+.ti2{margin-top: 0.2rem;}

.modal4 .modal-content .content:after{display: none}
.modal4 .modal-content .content table{width: 100%;margin-right: 0;}
.modal4 .modal-content .content table td{padding: 0.15rem 0.13rem;border-right: none;}
.modal4 .modal-content .content table th{border-right: none;}
.modal4 .modal-content .content table .nocheck input{display: none}
.modal4 .modal-content .content table .nocheck{opacity: 0.5;}

.modal5 .Invoice_b .tabNav ul li{width: 1.2rem;height: 0.4rem;line-height: 0.4rem;margin: 0 0.15rem}
.modal5 .Invoice_b .tabCon {font-size: 0}
.modal5 .Invoice_b .tabCon .radio{position: relative;float: left;margin-right: 0.3rem;cursor: pointer;height: 0.4rem;line-height: 0.4rem;}
.modal5 .Invoice_b .tabCon .radio input{width: 1.2rem;height: 0.4rem;background-color: #f8f8f8;margin-right: 0;	border-radius: 0.2rem;line-height: 0.4rem;	border: solid 0.01rem #ececec;}
.modal5 .Invoice_b .tabCon .radio label{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;font-size: 0.16rem;color: #000000;line-height: 0.34rem;cursor: pointer;}
.modal5 .Invoice_b .tabCon .inputbox > span{float: left;width: 1rem;font-size: 0.18rem;color: #000000;}
.modal5 .Invoice_b .tabCon .radio input:checked:after{display: none}
.modal5 .Invoice_b .tabCon .radio input:checked{background-color: #dfeeff;border: solid 0.01rem #3d85d7;}
.modal5 .Invoice_b .tabCon .radio input:checked +label{color: #3d85d7;}
.modal5 .Invoice_b .tabCon .inputbox{display: inline-block;width: 100%;margin-bottom: 0.25rem;height: 0.4rem;line-height: 0.4rem;}
.modal5 .modal-content h2{border-bottom: none;}
.modal5 .modal-content .content{margin-top: 0;}
.modal5 .Invoice_b .tabNav ul{margin: 0 auto;}
.modal5 .Invoice_b .tabNav{padding-bottom: 0.22rem;border-bottom: 1px solid #eeeeee;margin-bottom: 0.4rem;}
.modal5 .Invoice_b .tabCon .inputbox .input{width: calc(100% - 1rem);float: left;}
.modal5 .Invoice_b .tabCon .inputbox .input input{width: 100%;border: none;border-bottom: 1px solid #dcdcdc;height: 0.4rem;line-height: 0.4rem;text-indent: 0.1rem;}
.modal5 .Invoice_b .tabCon .mr{font-size: 0.18rem;line-height: 0.3rem;color: #000000;margin-top: 0.3rem;padding-top: 0.3rem;border-top: 2px solid  #eeeeee;;}
.modal5 .Invoice_b .tabCon .mr span{float: left;}
.modal5 .Invoice_b .tabCon .mr .checkbox{float: left;}
.modal5 .Invoice_b .tabCon .mr .checkbox input{width: 0.2rem;border-radius: 50%;	height: 0.2rem;margin-left: 0.12rem;}
.modal5 .Invoice_b .tabCon .mr .checkbox input:checked{background:#fff url(../images/gou3.png) no-repeat center center/cover}
.modal5 .Invoice_b .tabCon .mr p{text-align: left;display: inline-block;width: 100%;margin-top: 0;}
.modal5 .modal-content .btns{margin-top: 0.4rem;}
.modal5 .modal-content{max-height: 90vh;overflow-y: auto;}
.modal5 .Invoice_b .tabCon .ty{font-size: 0.18rem;line-height: 0.3rem;color: #000000;margin-top: 0.1rem;padding-top: 0.1rem;border-top: 1px dashed #eeeeee;}
.modal5 .Invoice_b .tabCon .ty input{width: 0.2rem;border-radius: 50%;	height: 0.2rem;margin-left: 0.12rem;margin-left: 0;}
.modal5 .Invoice_b .tabCon .ty input:checked{background:#fff url(../images/gou3.png) no-repeat center center/cover}
.modal5 .Invoice_b .tabCon .ty  label a{color: #3d85d7;}

.modal.zpqrs{z-index: 100000000;}


/**/
.Recharge{background: #F9FAFB}
.Recharge .Registration .auto-inner{padding: 0;min-height: 100vh;background: none}
.Recharge .Registration .Invoice_t{padding: 0.3rem 0.5rem 0.7rem;margin-bottom: 0.5rem;background: #fff;border-bottom: none; box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(136, 136, 136, 0.05);border-radius: 0.1rem;}
.Recharge .Registration .Invoice_t .sy{font-size: 0.2rem;color: #333333;}
.Recharge .Registration .Invoice_t .sy span{color: #d30000;}
.Recharge .Registration .Invoice_t .sy img{margin-right: 0.1rem;}

.Recharge .Registration .Setmeal{text-align: center;padding: 0.4rem;box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(136, 136, 136, 0.05);border-radius: 0.1rem;background-color: #ffffff;}
.Recharge .Registration .ti{text-align: left;font-size: 0.36rem;color: #000000;font-weight: 500;}
.Recharge .Registration .box{background-color: #f9f9f9;border-radius: 0.1rem;margin-top: 0.2rem;padding: 0.45rem 0;line-height: 1;}
.Recharge .Registration .box .p1{font-size: 0.22rem;color: #0073aa;font-weight: 500;margin-bottom: 0.1rem;}
.Recharge .Registration .box .p2{font-size: 0.2rem;color: #333333;font-weight: 500;margin-bottom: 0.1rem;}
.Recharge .Registration .box .p2 span{font-size: 0.3rem;	color: #dd0301;font-weight: 700;}
.Recharge .Registration .box .p3{font-size: 0.18rem;color: #000000;font-weight: 100;}
.Recharge .Amount{margin-top: 0.6rem;}
.Recharge .Amount .ti{color: #000000;font-size: 0.36rem;font-weight: 500;margin-bottom: 0.35rem;}
.Recharge .Amount .ti span{font-size: 0.2rem;font-weight: 100;}
.Recharge .Amount li{float: left;width: 23.5%;height: 4rem;position: relative; margin-right: 2%;position: relative;background-color: #ffffff;border-radius: 0.1rem;border: solid 0.02rem #eeeeee;padding: 0.8rem 0.45rem 0;text-align: center;}
.Recharge .Amount li:nth-child(4n){margin-right: 0;}
.Recharge .Amount li .tag{width: 1.1rem;text-align: center;font-family: YouSheBiaoTiHei;font-size: 0.18rem;position: absolute;left: -0.02rem;top: -0.02rem; color: #ffffff;line-height: 0.4rem;height: 0.41rem;background-color: #ff413d;border-radius: 0.1rem 0rem 0.1rem 0rem;}
.Recharge .Amount li .tag img{vertical-align: middle;margin-right: 0.1rem;margin-top: -5px;}

.Recharge .Amount li .money{font-size: 0.44rem;color: #dd0301;font-weight: 700;margin-bottom: 0.4rem;line-height: 1;}
.Recharge .Amount li .money span{font-size: 0.2rem;font-weight: 400;}
.Recharge .Amount li .money i{font-size: 0.2rem;color: #cccccc;font-weight: normal;text-decoration: line-through;margin-left: 0.1rem;}
.Recharge .Amount li .p1{font-size: 0.18rem;color: #333333;line-height: 2;}
.Recharge .Amount li .p1 span{color: #ff413d;}
.Recharge .Amount li .p2{font-size: 0.18rem;color: #666;line-height: 2;}
.Recharge .Amount li .p3 button{display: inline-block;cursor: pointer;font-weight: 500;font-size: 0.16rem; height: 0.47rem;line-height: 0.47rem;text-align: center;;border: none;width: 100%;margin-top: 0.2rem;color: #fff;background-image: linear-gradient(70deg, 	#ff6620 0%, #ff413d 100%);border-radius: 0.12rem;}

.Recharge .Amount li.on{border-color: #DD0200}
.Recharge .Customized{margin-top: 0.4rem;}
.Recharge .Customized .CustomizedBox{padding: 0.4rem;background-color: #ffffff;box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(136, 136, 136, 0.05);margin-top: 0.2rem;}
.Recharge .Customized .CustomizedBox .inputbox{height: 0.46rem;background-color: #ffffff;border-radius: 0.06rem;border: solid 0.01rem #e6e7eb;line-height: 0.46rem;padding-left: 0.17rem;}
.Recharge .Customized .CustomizedBox .inputbox input{margin-left: 0.1rem; border: none;background: none;height: 0.46rem;line-height: 0.46rem;width: 3.5rem}
.Recharge .Customized .CustomizedBox .cz{width: 1.5rem; border: none;margin-left: 0.1rem; text-align: center;line-height: 0.47rem;color: #ffffff;font-weight: 500;height: 0.47rem;background-image: linear-gradient(70deg, #ff6620 0%, 	#ff413d 100%);border-radius: 0.12rem;} 
.Recharge .Customized .CustomizedBox .inputbox span{font-size: 0.2rem;color: #dd0301;font-weight: 500;}
.Recharge .Customized .CustomizedBox .tips{display: inline-block;margin-left: 0.6rem;font-size: 0.2rem}
.Recharge .Customized .CustomizedBox .tips span{color: #ff413d;}
.Recharge .Payment{margin-top: 0.4rem;}
.Recharge .Payment ul{margin-top: 0.4rem;}
.Recharge .Payment ul li{width: 2.5rem;line-height: 0.71rem;margin-right: 0.2rem;margin-bottom: 0.2rem;position: relative; float: left;display: flex;align-items: center;justify-content: center;height: 0.71rem;background-color: #f5f5f5;border: solid 0.01rem #cccccc;}
.Recharge .Payment ul li img{max-height: 0.68rem}
.Recharge .Payment ul li.on{border-color: transparent;}
.Recharge .Payment ul li.on:after{border:  solid 0.01rem #dd0200;background: url(../images/dui.png) no-repeat right bottom;position: absolute;left: 0;top: 0;width: 100%;;height: 100%;z-index: 5;content: ""}
.Recharge .Payment .Pay{height: 1.21rem;background-color: #ffffff;box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(136, 136, 136, 0.05);margin-top: 0.3rem;padding: 0 0.4rem}
.Recharge .Payment .Pay .p1{color: #333333;}
.Recharge .Payment .Pay .p2{color: #666;}
.Recharge .Payment .Pay .right{ font-size: 0.24rem;color: #333333;line-height: 0.46rem;height: 0.46rem; }
.Recharge .Payment .Pay .right i{color: #e00f0f}
.Recharge .Payment .Pay .right .zf{width: 1.5rem;cursor: pointer; border: none;margin-left: 0.1rem; text-align: center;line-height: 0.46rem;color: #ffffff;font-weight: 500;height: 0.46rem;background-image: linear-gradient(70deg, #ff6620 0%, 	#ff413d 100%);border-radius: 0.23rem;}

.Recharge .Corporate{margin-top: 0.5rem;}
.Recharge .Corporate .Corporatebox{padding: 0.3rem;background-color: #ffffff;border-radius: 0.1rem;margin-top: 0.3rem;}
.Recharge .Corporate .Corporatebox .ti2{font-size: 0.2rem;color: #0073aa;text-align: left;font-weight: 500;margin-top: 0;margin-bottom: 0.2rem;}
.Recharge .Corporate .Corporatebox p{color: #666666;margin-bottom: 0.1rem;}
.Recharge .Corporate .Corporatebox p span{color: #000000;display: inline-block;width: 0.7rem}
.Recharge .Corporate .Corporatebox p.tips{height: 0.46rem;border-radius: 0.06rem;background: #E5F2FF;line-height: 0.46rem;padding: 0 0.2rem;margin-top: 0.2rem;}
.Recharge .Registration{padding-bottom: 0.64rem;margin-top:90px;}

.modalzf .zfxx .tit{font-size: 0.36rem;line-height: 0.36rem;color: #333333;font-weight: 500;}
.modalzf .zfxx{margin-top: 1rem;margin-bottom: 0.6rem;}
.modalzf .zfxx .code{margin:0.2rem auto;text-align: center; }
.modalzf .zfxx .code img{width: 2.4rem}
.modalzf .zfxx p{text-align: center;font-size: 0.18rem;color: #333333;}
.modalzf .zfxx p a{color: #e24700;text-decoration: underline;}
.Registration .info{padding: 0 3%}
.Registration .tit.tc{font-size: 0.32rem;margin-bottom: 0.2rem;margin-top: -0.4rem;}
.Registration .info p{font-size: 0.18rem;line-height: 2;text-indent: 2em;}
@media(max-width:1024px){
.Invoice_t .Links a{margin-left: 0.3rem;}
.Registration .auto-inner{padding: 0.4rem 0}
.modal2 .modal-content{max-width: 90%;}
.Recharge .Payment ul li{width: 2rem}
.Recharge .Amount li{padding: 0.6rem 0.2rem 0}
.Recharge,html, body{overflow-x: hidden;}
.Recharge .Amount{display: inline-block;width: 100%;}
.Recharge .Registration .ti{font-size: 0.24rem}
}

@media(max-width:768px){
	.Recharge .Registration .Invoice_t{padding: 0.2rem}
.Invoice_t{padding: 0 0.2rem;flex-wrap: wrap;}
.Invoice_t .Information{margin-bottom: 0.4rem;}
.Invoice_t .Links{margin-bottom: 0.3rem;}
.Registration .RegistrationBox .inputbox{margin-bottom: 0;}
.Invoice_b .tabNav ul li{width: auto;padding: 0 0.3rem}
.Invoice_b{padding: 0 0.4rem}
.modal5 .Invoice_b .tabNav ul li{width: auto;}
.Recharge .Amount li{width: 48%;margin-right: 0;margin-bottom: 2%;}
.Recharge .Amount li:nth-child(2n){float: right;}
}


@media(max-width:480px){
.loginbox .left{width: 100%;height: auto;padding: 0.2rem 0 ; background-image: linear-gradient(0deg, #c6ddf9 0%, rgba(198, 221, 249, 0.5) 0%, #c6ddf9 0%, #8db8eb 42%, #3d85d7 100%);}
.loginbox .left .ti1{margin-top: 0;}
.loginbox .left .ti2{margin-top: 0.05rem;}
.loginbox .right{width: 100%;}
.loginbox .right .tabCon{padding: 0.2rem}
.loginbox{height: auto;}
.header .logo{line-height: 0.3rem;font-size: 0.2rem}
.header .ver dd{width: 100%;}
.Registration .auto-inner{padding: 0.4rem 0}
.Registration .steps .step span{display: block;margin: 0 auto}
.Registration .steps .step:before{width: 0.3rem}
.Registration .RegistrationBox .inputbox span{width: 1rem;}
.Registration .RegistrationBox .inputbox .text{width:calc(100% - 1rem) }
.Registration .RegistrationBox .inputbox .hzyzm{width: auto;padding: 0 0.1rem;right: 0.1rem}
.Registration .RegistrationBox .inputbox .text{text-indent: 0.1rem;font-size: 0.14rem}
.Registration .RegistrationBox .inputbox .code{width: 0.8rem}
.login{overflow-x: hidden;}
.modal-content .btns a{min-width: unset;}
.Registration .RegistrationBox .inputbox i{left: calc(100% + 0.05rem)}
.Invoice_t .Links{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Invoice_t .Links a{margin-left: 0;}
.Invoice_t .Links a img{margin-right: 0.05rem;}
.Invoice_t .Links a{display: flex;justify-content: center;width: 100%;align-items: center;padding: 0 0.15rem;line-height: 1.15;}
.Invoice_b{padding: 0 0.1rem}
.Invoice_b .tabNav ul li{padding: 0 0.2rem;margin: 0 0.1rem}
.Invoice_t .Links a{width: 50%;margin-bottom: 0.2rem;}
.modal5 .Invoice_b .tabCon .inputbox > span{width: 100%;}
.modal5 .Invoice_b .tabCon .inputbox{height: auto;margin-bottom: 0.1rem;}
.modal5 .Invoice_b .tabNav ul li{min-width: unset;padding: 0 0.1rem;margin: 0 0.05rem;margin-bottom: 0.1rem;}
.modal5 .Invoice_b .tabCon .inputbox .input{width: 100%;}
.Invoice_b .tabCon{max-width: 100%;overflow-x: auto;}
.modal4 .modal-content .content table,.Invoice_b table{width: 600px}
.Registration .RegistrationBox .inputbox span{width: 100%;text-align: left;}
.Registration .RegistrationBox .inputbox .text.bn.ha{width: 100%;}
.Registration .RegistrationBox .inputbox .text{width: 100%;}
.Registration .RegistrationBox .inputbox i{bottom: 0}
.Registration .RegistrationBox .inputbox.selectbox select{width: 100%;}
.Recharge .Customized .CustomizedBox .inputbox input{width: 90%;}
.Recharge .Customized .CustomizedBox{padding: 0.2rem;display: inline-block;width: 100%;}
.Recharge .Customized .CustomizedBox .inputbox{width: 100%;}
.Recharge .Customized .CustomizedBox .cz{float: right;margin-top: 0.1rem;}
.Recharge .Payment ul li{width: 30%;margin-right: 2%;margin-bottom: 2%;}
.Recharge .Payment ul li{height: 0.5rem;line-height: 0.5rem;}
.Recharge .Payment ul li img{max-height: 0.4rem}
.Recharge .Payment .Pay{flex-wrap: wrap;padding: 0.2rem;float: left;width: 100%;height: auto;}
.Recharge .Payment .Pay .right .zf{display: block;margin-top: 0.1rem;margin-left: 0;}
.Recharge .Payment .Pay .right{height: auto;}
.Recharge .Amount li .money{font-size: 0.32rem;margin-bottom: 0.2rem;}
.Recharge .Amount li {width: 100%;height: auto;padding-bottom: 0.3rem;}
.Recharge .Amount ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Recharge .Corporate .Corporatebox p.tips{height: auto;line-height: 0.26rem;padding: 0.1rem}
.Recharge .Registration .Setmeal{padding: 0.2rem}
.Registration .steps .step{padding: 0 0.1rem}
.Registration .RegistrationBox .inputbox .hzyzm,.Registration .RegistrationBox .inputbox .code{bottom: 0.05rem;top: auto;right: 0.1rem}
}
.mainbox{min-height: calc(100vh - 0.63rem);}

footer{text-align: center;padding: 0.25rem;border-top: 1px solid rgba(0,0,0,0.05);}
footer span{display: inline-block;vertical-align: middle;}
footer span:not(:last-child){margin-right:0.3rem;position: relative;}
footer span:not(:last-child):after{width: 1px;height: 0.15rem;background-color: rgba(0,0,0,0.25);content: "";position: absolute;right: -0.15rem;top: 50%;margin-top: -0.075rem;}
footer span img{width: 12px;height: 12px;vertical-align: middle;margin: -2px 5px 0 0;}