@charset "utf-8";
*{box-sizing:border-box; padding: 0;margin: 0;}
body{font-size: 100px;}
body.body-px{font-size: 14px;}
li{list-style: none;}
a{text-decoration: none;}
.d-block{display:block;}
#appys strong{font-weight: 800;}
@media only screen and (max-width: 750px) {
	.d-none-xs{display:none;}
}

/*flex盒子*/
.flex-box-center__mei{display: flex; justify-content: center; align-items: center;}
.flex-box-start__mei{display: flex; justify-content:flex-start; align-items: center;}
.flex-box-end__mei{display: flex; justify-content:flex-end; align-items: center;}
.flex-box-between__mei{display: flex; justify-content: space-between; align-items: center;}

.box-xs__lin{width:8px; height:8px; display: flex; justify-content: center; align-items: center;}
.box-sm__lin{width:16px; height:16px; display: flex; justify-content: center; align-items: center;}
.box-md__lin{width:24px; height:24px; display: flex; justify-content: center; align-items: center;}
.box-lg__lin{width:32px; height:32px; display: flex; justify-content: center; align-items: center;}
.box-xl__lin{width:64px; height:64px; display: flex; justify-content: center; align-items: center; margin: auto;}

/* 客服 */
#yd_kefu{display: none}
@media screen and (min-width:800px) {
	#yd_kefu{display: block}
}

/*客服气泡*/
#rshares{border-radius: 8px;}
#rshares a span{font-size: 12px;}
#rshares i {height: 32px;line-height: 32px;}

.fdbox{position: relative; display: flex;}
.fdbox .read{position: absolute;width: 18px;height: 18px;right: -2px;top: -2px;border-radius: 50%;background-color: #EB4B4B;color: #FFFFFF;border: 1px solid #FFFFFF; font-size: 10px; line-height:10px; display: flex;justify-content: center;align-items: center;opacity: 0;}
.qipao{width: 180px;height: 56px;padding-top: 10px;line-height: 16px; background: url(../imgs/qipao.svg) no-repeat;background-size: 100% 100%;position: absolute;right: 0;bottom: -54px;color: #FFFFFF;font-size: 12px;display: flex;justify-content: center;align-items: center;opacity: 0; z-index: 9999;}
.navbounce{animation: navbounce 0.4s ease-out;}
.sx{animation: sx 0.4s ease-out;}

.phone-title h2{color: #282828;text-align: center;font-size:0.24rem;padding:0.4rem 0.53rem 0.51rem 0.53rem;font-weight:800;margin:0;opacity: 0.5;}
.phone-title h2 a{padding: 0.08rem .12rem; font-size: .22rem; }
/*.phone-title h2 a:hover{ border: 1px solid #e4d205; background-color: #e4d205;}*/

/*-- 大于750宽屏-单位统一为px-- */
@media only screen and (min-width: 750px) {
	/*header和风险提示 */
	.header{position: fixed; top: 0;width:100%; height:78px; z-index:9999;background-color:#fff !important;}
	.header-img{position:fixed; top: 0; left:0; right:0; z-index:9999; width: 750px;height: 78px;margin: 0 auto;display: flex;justify-content: center;align-items: center;background-color: #323232;} 
	
	.header-img{background-color: #fff;}
	
	.header-wrapper{padding: 0 30px; width: 750px;display: flex;justify-content: space-between;align-items: center;}
	.logo{width:initial;}
	.logo a{display:flex; color:#999999; font-size:30px; align-items:center;}
	.logo img{margin-right:16px; width:148px;  height:40px;}
	.kf{width: 130px;height:initial;}
	.kf a{display:flex;}
	.kf img{width:130px;}
	
	.fxts2{position: fixed;	margin: 0 auto;	top:78px;	right: 0;left: 0;z-index: 9998;width:100%;text-align: center;padding: 4px;box-sizing: border-box;color: #fff;background: rgba(0,0,0,.5);}
	
	.fxts2 .fxts2-inner{margin:auto; width:100%; max-width:600px; display:flex; align-items:center;}
	.fxts2 .fxts2-inner span{line-height:16px; font-size: 10px;}
	.fxts2 a.fxts-btn{display:flex; width:16px; color:#fff;}
	
	/* 注册步骤 */
	
	.banner-button +p{text-align:center; font-size:16px !important;}
	.reg-step3,.reg-step2{ padding-bottom:32px;}
	.reg-step3 > div,.reg-step3 >p{max-width:425px; width:100%;}
	.reg-step3 .tel-box > p{font-size:22px !important;}
	.reg-step3 .tel-box-wrapper{width:100% !important;}
	.reg-step3 .tel-box-wrapper + p{margin:auto !important; font-size:16px !important; text-align:center !important;}
	.reg-step3 .lastbtn{width:80% !important; height: 60px !important; border-radius: 30px !important;}
	.reg-step3 .lastbtn a{line-height:60px; text-align:center; font-size:26px !important;}
	#reg_smscode + div .getcode{transition:all .4s; cursor: pointer; opacity:.4;}
	#reg_smscode.has-content + div .getcode{opacity:1;}
	.banner-button{border-radius: 0.36rem; opacity:.4; transition:all .4s;}
	.banner-button.has-content{opacity:1;}
	
	
	.banner{top: 0.78rem;}
	/*-- footer-header-- */	
	.footer{display: flex; align-items: center; flex-direction: column;margin: 0 auto; position:relative; width:750px; background:#273447 url(../imgs/footer_bg.jpg?t=3) top no-repeat;}
	.footer .footer-header {padding:70px 0 0; width:100%;}
	.f-title{margin-bottom:70px; display:flex; align-items:center; justify-content: center; font-size:36px; color:#f4d8a1;}
	.f-title img{margin:0 4px; height:2px;}
	.f-title img:last-child{transform: rotate(180deg);}
	.f-con{flex-wrap: wrap; display:flex;}
	.f-con .f-li{margin-bottom:50px; display: flex; align-items: center;	flex-direction: column;	width: 25%;	justify-content: space-between;}
	.f-con .f-li p{font-size:15px; color:#f4d8a1; text-align:center;}
	.f-con .f-li img{margin-bottom:16px; max-width:60px;}
	.foot-bottom{padding-bottom:40px;}
	
	.m_cta_app{display:none;}
	.m_cta_app__load{display:none;}
	
	/* app六要素用到 */
	.foot-bottom p,.ab-app p{color:#8a9ab2; font-size:14px;}
	.foot-bottom .ab-app .container-flult{margin-bottom:16px;}
	.ab-app a{color:#8a9ab2; text-decoration:none;}
	
	.ui-dialog-stretch{max-height:620px !important;}
	.ui-dialog.ui-dialog-stretch{background-color:#fff;}
	.ui-dialog-stretch .ui-dialog-footer{padding-top:0; bottom:24px !important; }
	.ui-dialog-stretch .ui-dialog-footer .ui-button{width:100%; height:40px; line-height:40px; border:0; border-radius:4px; color:#fff; background-color:#2a80eb; outline:none;}
	
	.header-100-px .header-img{width:998px;}
	.header-100-px .header-img .header-wrapper{width:100%;}
	/*-- footer-header-- */
	.footer.footer-100-px{width:100%;}
	.footer.footer-100-px .footer-header{padding-bottom:0 !important; max-width:1200px !important;}
	.footer.footer-100-px .f-li{width:25% !important;}
}
/*--- 小于750手机屏--- */
@media only screen and (max-width: 749.5px) {
	/*-----------单位rem的窄屏开始--------*/
	.content-box{position: relative;}
	
	/* header和风险提示 */
	.header{width:7.5rem; }
	.header-img{height:.9rem !important;}
	.fxts2{}
	.header-img{position:fixed; top: 0; left:0; right:0; z-index:9999; width: 7.5rem;height: .9rem !important; margin: 0 auto;display: flex;justify-content: center;align-items: center;background-color: #323232;}
	
	.header-img{ background-color: #fff;}
	
	.header-wrapper{padding:0 0.3rem; width: 7.5rem;display: flex;justify-content: space-between;align-items: center;}
	.logo a{display:flex; color:#999999; font-size:0.3rem; align-items:center;}
	.logo img{width: 2rem; margin-right:.16rem;}
	.kf{width: 1.8rem;}
	.kf a{display:flex;}
	.kf img{width:100%;}
	.fxts2{position: fixed;	margin: 0 auto;	top:.9rem;	right: 0;left: 0;z-index: 9998;text-align: center;padding: 4px;	box-sizing: border-box; color: #fff; background: rgba(0,0,0,.5);}
	
	.fxts2 .fxts2-inner{margin:auto; width:100%; max-width:600px; display:flex; align-items:center;}
	.fxts2 .fxts2-inner span{line-height:1.25; font-size: 10px;}
	.fxts2 a.fxts-btn{display:flex; width:16px; color:#fff;}
	
	/*客服气泡*/
	.fdbox .read{height: 16px; width: 16px; right: -0.06rem;}
	
	.banner{top:.9rem;}
	.banner-button.has-content{opacity: 1;}
	
	/*-- footer-header-- */
	.footer{margin: 0 auto;padding:0;position:relative;	width:7.5rem; background-color: #273447;}
	.footer .footer-header {padding:.7rem 0;width:7.5rem;height:6.18rem;  background:#273447 url(../imgs/footer_bg.jpg?t=3) top no-repeat;}
	.f-title{margin-bottom:.7rem !important; display:flex; align-items:center; justify-content: center; font-size:.36rem; color:#f4d8a1;}
	.f-title img{margin:0 4px; width:72px; height:2px;}
	.f-title img:last-child{transform: rotate(180deg);}
	.f-con{flex-wrap: wrap; display:flex;}
	.f-con .f-li{margin-bottom:.5rem; display: flex; align-items: center; flex-direction: column; width: 50%; justify-content: space-between;}
	.f-con .f-li p{font-size:.24rem; color:#f4d8a1; text-align:center;}
	.f-con .f-li img{margin-bottom:.08rem; width:.8rem; height:.8rem;}
	.foot-bottom{padding-bottom:0.4rem;}
	
	/* 底部下载App横条 */
	.m_cta_app{opacity:1; background-color: rgba(0,0,0,.8); width: 100vw; z-index: 9999; position: fixed; left: 0; right: 0; bottom:0; transition:all .3s;}
	.m_cta_app .container{padding-top:5px;}
	.m_cta_app .appdis-box{display:flex; align-items:center;justify-content: space-between; padding: 0 8px; border-bottom:1px solid rgba(255,255,255,.1)}
	.m_cta_app .appdis-box .left .media{display:flex; align-items:center;justify-content: space-between;padding:0;}
	.m_cta_app .media-body{color:#fff;}
	.m_cta_app .media-body h6{margin:0;padding: 0;margin-bottom: 0 !important; font-size:12px;}
	.m_cta_app .media-body p{font-size:14px; font-weight:bold;}
	.m_cta_app .media-body p span{color:#fdea00;}
	#appdis .left .media-body > a{margin-left: 0.12rem;
    display: flex;
    align-items: center;
    padding: 0.03rem 0.1rem;
    color: #ffc74f;
    width: 1.3rem;
    font-size: .18rem;
    position: relative;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 0.08rem;
    font-weight: bold;}
	#appdis .left .media-body > a lottie-player{width: .8rem; height: .8rem;fill: #ffc000;position: absolute;right: -16px;top: -16px;}
	.m_cta_app .btn-02-box{position: relative; width:100%; height:100%;}
	.m_cta_app .btn-02-box .btn-02 {display:flex; justify-content:center; align-items:center; width:1.6rem; height:.5rem; font-size:.24rem; border-radius:.25rem;color:#222;font-weight:bold;text-align:center; background-color: #fdea00;border-color: #fdea00;}
	.m_cta_app .app_colse{position:absolute; top: -30px; right: 16px; width:24px; height:24px;}
	.m_cta_app .app_colse svg{color:rgba(0,0,0,.5);}
	#ab_app2{width: 95%;margin: 0 auto; padding:.1rem 0;}
	#ab_app2 p{padding:0px;font-size: 10px; color: #FFFFFF;margin-bottom: .08rem !important; text-align:center;}
	#ab_app2 .c-c{color:#e4d205;}
	
	.m_cta_app__load{display:none; width:.8rem; height:.8rem; z-index: 9999; position: fixed; right:.1rem; bottom: .24rem; background-color:#191919; border-radius:50%;}
	.m_cta_app__load .div1{display: flex; justify-content: center;align-items: center; height: 100%;}
	.m_cta_app__load .div1 svg{width: .4rem;  height: .4rem;  fill: #ffd200;}

	
	
	/* app六要素用到 */
	.foot-bottom p,.ab-app p{color:#8a9ab2; font-size:0.22rem;}
	.foot-bottom .ab-app .container-flult{margin-bottom:.16rem;}
	.ab-app a{color:#8a9ab2; text-decoration:none;}
	.ab-app a:hover{color:#cac897 !important;}
	.ui-dialog-stretch{max-height:420px;}
	.ui-dialog.ui-dialog-stretch{background-color:#fff;}
	.ui-dialog-stretch .ui-dialog-close{display:none;}
	.ui-dialog-stretch .ui-dialog-body{padding:0 !important; top:30px !important; bottom:80px;}
	.ui-dialog-stretch .ui-dialog-footer{display:block; max-height: 80px;}
	.ui-dialog-stretch .ui-dialog-footer .ui-button{ width:100%; height:40px; line-height:40px; border:0; border-radius:4px; color:#fff; background-color:#2a80eb; outline:none;}
	.ui-dialog-stretch .ui-dialog-footer{padding-top:0; bottom:0 !important; }
	.app-ys{padding:24px; background:#fff;}
	.app-ys p{word-wrap : break-word ;word-break : break-all ;}
	
	/*-----------单位rem的窄屏结束	--------*/
	
	/*-----------px开始------*/
	/*--
	单位为px的窄屏在header加类header-px
	单位为px的窄屏footer加类footer-px
	--*/
	
	/*header和风险提示 */
	.header.header-px{width:100%; }
	.header.header-px .header-img{padding:0 20px; width: 100%;}
	.header.header-px .header-wrapper{padding:0 ; width: 100%;}
	.header.header-px .logo{width:80%;}
	.header.header-px .logo a{font-size:14px;}
	.header.header-px .logo img{}
	.header.header-px .kf{width: 20%;}
	.header.header-px .kf a{}
	.header.header-px .kf img{width:100%;}
	.footer.footer-px .fxts2{top:54px !important;;padding: 4px;box-sizing: border-box;}
	.footer.footer-px .fxts2 .fxts2-inner{ max-width:600px; }
	.footer.footer-px .fxts2 .fxts2-inner span{line-height:16px; font-size: 10px;}
	.footer.footer-px .fxts2 a.fxts-btn{width:16px;}
	.footer.footer-px .foot-bottom{padding:0 0.2rem 0.4rem;}
	/*-- footer-header-- */
	.footer.footer-px{width:100%;}
	.footer.footer-px .f-title img{height:2px;}
	.footer.footer-px .footer-header {padding:30px 0;width:100%; height:auto; }
	.footer.footer-px .f-title{margin-bottom:8px; font-size:14px;}
	.footer.footer-px .f-con{
	}
	.footer.footer-px .f-con .f-li{margin-bottom:20px;width: 50%;}
	.footer.footer-px .f-con .f-li p{font-size:12px;}
	.footer.footer-px .f-con .f-li img{margin-bottom:8px; width:40px; height:40px;}
	.footer.footer-px .foot-bottom{padding-bottom:20px;}
	/*-----------px开始	---------*/
}

/* 注册按钮组 */
.btn-reg-group{width: 6.7rem; margin:0 auto; padding: 0.6rem 0;}
.btn-reg-group .btn-reg-inner{display: flex;justify-content: space-between;align-items: center;}
.btn-reg-group a{display: flex;justify-content: center;align-items: center; width: 3rem;height: 0.76rem;font-size: 0.3rem;color: #736440; border-radius: 0.44rem; font-weight:600; }
.btn-reg-group a:nth-of-type(1){background-color: #ffe9b3;}
.btn-reg-group a:nth-of-type(2){border: 2px solid #ffe9b3;}

@media only screen and (max-width: 540px) {
/*客服气泡*/
	.fdbox .read{height: 16px; width: 16px; right: -8px; top: -4px;}
}