*{margin:0;padding:0;-webkit-tap-highlight-color: transparent; }
a{text-decoration:none}
html{font-family: "PingFang SC",Arial,"Microsoft YaHei",sans-serif;-webkit-text-size-adjust:none}
@font-face{
	font-family: 'SourceHanSans';
	src : url('https://img.mbalib.com/common/fonts/SourceHanSansCN-Regular.otf');
}
body,html{overflow:hidden;width:100%;height:100%}
canvas{display:block;}

.font-bold{font-weight:600}
.font-orange{color:#ff9832}
#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000}
#loading .tip{position:absolute;top:50%;left:0;margin-top:-12px;width:100%;height:0;color:#fff;text-align:center;font-size:24px}

#page-enter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;}
#page-enter .cm-page{background-image:url(images/img_15znsybg.png);background-position: top;background-size: 100% auto;background-repeat: no-repeat;}

.swiper-slide{position:relative;background:#fff;color:#303133}
.container,.swiper-container,.swiper-slide,.swiper-wrapper{width:100%;height:100%}
.bgColor-primary{background-color:#020752;}
.bgColor-primary2{background-color:#00086C;}

.cm-page{font-size:0;width: 100%;height: 100%;position: relative;overflow: hidden;margin:0 auto;background-position:top;background-size:100% auto;background-repeat:no-repeat;background-image:url(images/img_15zncjbg.png);}
.cm-page2{background-image:url(images/img_15znzjybg.png);}
.btn-start{top:4.8rem;margin-left:-1.02rem;width:2.04rem;height:.99rem;background-image:url(images/btn_kq.png);background-size:100%; background-repeat: no-repeat;animation: stands 1.5s steps(1,start) infinite;}
.btn-start:active{	background-image:url(images/btn_kq2.png);animation: none;}
.btn-start,.img_logo{position:fixed;left:50%}
.img_logo{bottom:6%;width:1.16rem;height:.23rem;transform:translate(-50%)}
.img_logo img{display:block;width:100%;height:100%}
.feature-lay{box-sizing:border-box;z-index: 100; margin-top:.66rem;margin-left:.22rem;padding:.22rem .18rem .22rem .22rem;width:3.24rem;border-radius:8px;background:hsla(0,0%,100%,.8);color:#02096e}
.part-title{font-weight:600;font-size:.19rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.part-desc{margin-top:.2rem;font-size:.16rem;line-height:1.6}

.bg-img1 img{display: block; width: 100%;position: absolute;top:2.83rem;left:0;z-index: 10;}
.bg-img1 .phone{top:1.48rem}
.ewm{position: absolute;bottom:5%;left:.22rem;}
.ewm img{width: 0.63rem;height: 0.63rem;display: block;}
.ewm p{color:#7E82B9;font-size: .14rem;margin-top: .12rem;line-height: 1.6;}
.next{position: absolute;bottom: 5%;width: 0.4rem;height: 0.4rem;left:50%;margin-left: -.2rem;animation: arrow 1s infinite alternate;}
.next img{display: block;width: 100%;height: 100%;}
@keyframes arrow{
	to{
		opacity:.3;
		transform:translateY(10px)
	}
}

@keyframes stands{
	0%{background-position:0 0}
	25%{background-position:0 0}
	100%{background-position:0 -.99rem}
}

.stars{position: absolute;left:0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-image: url(./images/img_zs.png);background-size: 100%;}
.stars2{background-image: url(./images/img_zs2.png);}
.stars3{background-image: url(./images/img_zs3.png);}
.stars4{background-image: url(./images/img_zs4.png);}

.feature-lay2{text-align: center;margin:1.72rem auto .24rem;line-height: 1.9;font-size:.18rem;color:#fff;width: 2.6rem;}
.level{width:4.12rem;background-image: url(./images/img_txbg.png);background-repeat: no-repeat;position: relative;
height: 4.67rem;padding:.62rem .5rem;box-sizing: border-box;background-size: 100%;margin:.71rem auto .23rem;}
.feature-lay3{font-size:0.16rem;text-align: center;margin:.29rem auto .34rem;width: 2rem;color:#E1DEFF;line-height: 1.9;}

.level .p1{font-size: 0.19rem;color:#fff;}
.level .p2{font-size: 0.29rem;font-weight: 600;color:#fff;margin:.21rem 0;text-align: center;}
.level .p3{font-size: 0.18rem;color:#A2A5FF;line-height: 1.7;}
.level .user-avatar{position: absolute;
width: 1.05rem;height: 1.05rem;background-size: 100%;
margin-left: -.525rem;top:-.56rem;left:50%;background-image: url(./images/img_txk.png);background-repeat: no-repeat;}
.user-avatar img{display: block;background-color: #fff;border-radius: 50%;margin: .23rem auto 0;width: 0.75rem;height: 0.75rem;}

.present{text-align: center;}
.present a{font-size: .19rem;color:#8B90FE;text-decoration: underline;}

.btn-xsfd{width: 2.61rem;height: 0.66rem;margin: 0 auto;}
.btn-xsfd img{display: block;width: 100%;height: 100%;}
.btn-fx{width: 2.6rem;height: 0.66rem;margin: 0 auto .14rem;cursor: pointer;}
.btn-fx img{display: block;width: 100%;height: 100%;}

.img-logo15{position: absolute;bottom: 3%;width: 1.77rem;height: 0.35rem;left:50%;margin-left: -.885rem;}
.img-logo15 img{display: block;width: 100%;height: 100%;}

 @media screen and (max-width:414px) and (max-height:560px) {
	.btn-start{top:4.65rem;width: 1.86rem;height: .9rem;margin-left: -.93rem;}
	.img_logo{width: 1.06rem;height: .21rem;bottom: 4%;}
	.level{width: 3.55rem;height: 2.6rem;padding: .5rem .48rem;}
	.level .p2{margin:.2rem 0;}
	.img-logo15{bottom: 4%;}

	@keyframes stands{
		0%{background-position:0 0}
		25%{background-position:0 0}
		100%{background-position:0 -.88rem}
	}
} 
@media screen and (max-height:736px){
	.level{height: 4.7rem;padding: .6rem .6rem;}
	.level .p2{margin:.28rem 0;font-size: 0.27rem;}
	.level .p1{font-size: 0.16rem;line-height: 1.5;}
	.level .p3{font-size: 0.16rem;line-height: 1.5;}
	.btn-fx{width:2.37rem;height: .61rem;margin-bottom: .1rem;}
	.img-logo15{display: none;}
	.feature-lay3{margin-top: 0.02rem;margin-bottom: .12rem;}
	#page-enter .cm-page{background-position:0 -70px;}
}
.poster{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 500;}
.poster .cm-page{padding: .6rem;box-sizing: border-box;background-image: url(./images/share_bg.png);}
.poster img{width: 100%;}
.poster p{font-size: .12rem;color:#fff;text-align: center;margin-top: .2rem;}
@media screen and (max-height:667px){
	.poster .cm-page{padding:.3rem .6rem;}
	.feature-lay2{margin-bottom: .1rem;}
}

.html-card{position: absolute;overflow: hidden;width: 750px;left:0;top:100%;z-index: 10000;height: 1334px;
/* top:0; */
font-family:'SourceHanSans','sans-serif';
}
.bg-img{height:100%; margin:0 auto;position: absolute;top:0;overflow: hidden;width: 100%; }
.bg-img img{display: block;height: 100%;width: 100%;}

.html-card-main{position: relative;width: 100%;height: 100%;overflow: hidden;}
.html-card-main .level{width:100%;height: 850px;margin: 158px auto 0;padding:110px 100px 0px;}
.html-card-main .user-avatar{width: 192px;height: 192px;margin-left: -96px;top:-100px;}
.html-card-main .user-avatar img{margin: 42px auto 0;width: 136px;height: 136px;border-radius: 68px;}
.html-card-main .feature-lay3{width: 350px;margin-top: 40px;margin-bottom: 60px;font-size: 30px;}
.img-logo15-right{position: absolute;right:50px;bottom:48px;width: 215px;height: 46px;}
.img-logo15-right img{display: block;width: 100%;height: 100%;}

.html-card-main .ewm{position: absolute;bottom:47px;left:60px;}
.html-card-main .ewm img{width: 112px;height: 112px;}
.html-card-main .ewm p{color:#7E82B9;font-size: 26px;margin-top: 23px;line-height: 1.6;}

.html-card .level .p1{font-size: 34px;}
.html-card .level .p2{font-size: 52px;margin: 42px 0 50px;}
.html-card .level .p3{font-size: 32px;}

.posters{margin:50px 0;width:100%;overflow: hidden}
.card-lay{position: relative;min-height: 500px;}
.card-lay img{display:block;width:100%;overflow: hidden;}
.loading-spinner{position: absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;font-size: 12px;}
.set-width{width: 300px;}

#main{width: 2.85rem;height:2.3rem;margin: .43rem auto 0;}
#poster-main{width: 518px;height: 412px;margin:55px auto 0;}