html,body{width: 100%;height: 100%;overflow: hidden;}
.wrap{height: 100%;overflow: hidden;background:rgba(0, 0, 0, 1);opacity: 0;}
.wrap.op{opacity: 1;}
.swiper{width: 100%;height: 100%;}
.swiper-slide{transform: translate3d(0, 0, 0);position: relative;}
.slider1_bg{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;text-align: center;background: #141414;}
.slider1_bg img{background: #141414;width: auto;height: auto;animation: breath 20s linear infinite;-webkit-animation: breath 20s linear infinite;}
@keyframes breath{
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.4);
	}

	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes breath{
	0% {
		transform: scale(1);
	}
	
	50% {
		transform: scale(1.4);
	}
	
	100% {
		transform: scale(1);
	}
}
.slider2{background: url(../images/bg02.png) no-repeat;background-size:cover;background-position: center center;}
.slider3{background: url(../images/bg03.png) no-repeat;background-size:cover;background-position: center center;}
.slider4{background: url(../images/bg04.png) no-repeat;background-size:cover;background-position: center center;}
.slider5{background: url(../images/bg05.png) no-repeat;background-size:cover;background-position: center center;}
.slider6{background: url(../images/bg06.png) no-repeat;background-size:cover;background-position: center center;}

/* 头部 */
.header{width: 100%;height: 1.08rem;background: url(../images/header_bg.png) no-repeat;background-size:100% 100%;position: fixed;top: 0;left: 0;z-index: 999;display: flex;justify-content: space-between;align-items: center;}
.header .header_icon{width: 0.7rem;height: 0.7rem;margin: 0rem 0.15rem 0 0.35rem;}
.header_text{margin-right: auto;}
.header_text p:nth-child(1){color: #ffffff;font-size: .24rem;}
.header_text p:nth-child(2){color: #bcbcbc;font-size: .20rem;}
.header_btn{width: 1.45rem;height: 0.65rem;background: url(../images/header_btn.png) no-repeat;background-size:1.45rem 0.65rem;margin-right: 0.26rem;}
.header_btn a{display: block;width: 100%;height: 100%;text-align: center;line-height: 0.65rem;color: #ffffff;font-size: 0.28rem;}
/* 菜单 */
.menu{width: 0.82rem;height: 0.82rem;background:rgba(225, 225, 225, .2) url(../images/menu.png) no-repeat;background-size: 0.82rem 0.82rem;position: fixed;top: 1.33rem;right: 0.52rem;z-index: 9999;}

/* .slider1 */
.logo{width: 3.38rem;height: 1.68rem;background: url(../images/logo.png) no-repeat;background-size: 3.38rem 1.68rem;position: absolute;left: 50%;/* margin-left: -2.62rem; */top: 2.75rem;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);}
.play{width: 1.31rem;height: 1.31rem;background: url(../images/play.png) no-repeat;background-size: 1.31rem 1.31rem;position: absolute;left: 50%;margin-left: -0.655rem;top: 30%;margin-top: -0.61rem;}
/*.logon{width: 100%;position: absolute;left: 0;bottom: 3rem;overflow: hidden;    display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}*/
.logon {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3rem;
    overflow: hidden;
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.logon .slogn{width:100%;height: 1.5rem;margin: 0 auto;}
.slogn{
	min-width: 1.66rem;
	font-family: 'YueHei', sans-serif;
	font-weight: bold;
	font-size: .8rem;
	padding: 0.05rem 0.1rem;
	color:#fff;
	display: block;
	text-align: center;
	filter: blur(0.01rem);
	opacity: 0.8;
	}
.slogn::before{
    content: attr(data-text);
    position: absolute;
    left: -1px;
    width: 100%;
    text-shadow:1px 0 red;
    animation: animation-before 1s infinite linear alternate-reverse;
}
.slogn::after{
    content: attr(data-text);
    position: absolute;
    left: -1px;
    width: 100%;
    text-shadow: -1px 0 blue;
    animation: animation-after 3s infinite linear alternate-reverse;
}

.logon .slogn img{width: 5.7rem;height: 1.12rem;}
/*.logon .logon_btn{display: block;width: 2.5rem;height: 0.76rem;background: url(../images/down_load_link.png) no-repeat;background-size: 2.5rem auto;    margin: 0.1rem 0.2rem;}
.third_party.logon .logon_btn.btn1{    margin: 0.1rem 0.2rem;}*/
.logon .logon_btn{display: block;width: 2.5rem;height: 0.8rem;background: url(../images/logon_btn.png) center top no-repeat;
    background-size: auto 1.6rem;margin: .38rem auto .1rem;}
.logon .logon_btn.btn1,.logon .logon_btn.btn2,.logon .logon_btn.btn3,.logon .logon_btn.btn4,.logon .logon_btn.btn5,.logon .logon_btn.btn6{
    height: 0.76rem;background: url(../images/down_load_link1.png) no-repeat;background-size:2.5rem auto;
}
.logon .logon_btn.btn1{    /*margin: 0.2rem 2rem;*/}
.logon .logon_btn.btn2{background-position: 0 -0.76rem}
.logon .logon_btn.btn3{background-position: 0 -1.52rem}
.logon .logon_btn.btn4{background-position: 0 -2.28rem}
.logon .logon_btn.btn5{background-position: 0 -4.56rem}
.logon .logon_btn.btn6{background-position: 0 -3.8rem}
.logon .logon_btn span {    color: #FF5722;
    font-size: 8px;
    position: relative;
    bottom: 0;
    left: auto;
    top: .55rem;
    text-align: center;
    width: 100%;
    height: auto;
    display: block;}

.logon .logon_mun{width: 2.33rem;height: .69rem;background: url(../images/logon_mun.png) no-repeat;background-size: 2.33rem .69rem;margin:0 auto;color: #e2e2e2;font-size: .28rem;text-align: center;line-height: .69rem;}
.logon .logon_mun span{font-size: .3rem;}
.logon .logon_time{width: 100%;text-align: center;color: #9b9b9b;font-size: .24rem;margin-top: .15rem;}
.download{width: 100%;position: absolute;left: 0;bottom: 3rem;overflow: hidden;overflow: hidden;}
.download a{width: 3.35rem;height: .96rem;display: block;margin: 0 auto;margin-bottom: .2rem;}
.download a img{width: 100%;height: 100%;}

.down{text-align: center;color: #e2e2e2;font-size: .24rem;position: absolute;bottom: 1.35rem;width: 100%;}
.down img{animation: downa 3s 0s linear infinite both;width: .2rem;height: .36rem;}
@keyframes downa{0%, 50%, 100% {transform: translateY(0);}25%, 75% {transform: translateY(-20%);}}
/* slider2 */
.slider2 .title_text{    width: 4.79rem;
    height: 0.92rem;
    background: url(../images/title_text01.png) no-repeat;
    background-size: 4.79rem .92rem;
    position: absolute;
    top: 1.35rem;
    left: 0%;}
.slider2 .title{width: 3.55rem;height: .58rem;background: url(../images/title01.png) no-repeat;background-size: 3.55rem .58rem;position: absolute;top: 1.5rem;left: 0%;}
.slider2 .cont{width: 100%;height: 10.81rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.slider2 .cont_bg{width: 7rem;background: url(../images/slider2_contbg.png) no-repeat;background-size: 7rem 13rem;position: absolute;top: 0%;left: 50%;transform: translateX(-50%);z-index: 9;display: flex;}
.slider2 .line{width: 100%;height: .48rem;background: url(../images/slider2_contline.png) no-repeat;background-size: 100% .48rem;position: absolute;bottom: -.48rem;left: 50%;transform: translateX(-50%);}
.slider2 .prize{padding: 1rem .54rem;margin: 0 auto;}
/*.slider2 .prize .prize_img{margin-bottom: .15rem;width: 100%;height: 1.30rem;position: relative;}*/
.slider2 .prize .prize_img{width: 100%;/*height: 2.4rem;*/}
.slider2 .prize .prize_img.prize_img_big {position: relative;}
.slider2 .prize .prize_img img{width: 100%;}
.slider2 .prize .prize_img:nth-child(1){position: relative;}
.slider2 .prize .prize_img.complete span{display: block;}
.slider2 .prize .prize_img span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6) url(../images/complete.png) no-repeat 50% 50%;background-size: 1.32rem 1.09rem;display: none;}

/* slider3 */
.slider3 .title_text{width: 6.43rem;height: 0.94rem;background: url(../images/title_text02.png) no-repeat;background-size: 6.43rem 0.94rem;position: absolute;top: 1.35rem;left: 0%}
.slider3 .title{width: 2.58rem;height: .58rem;background: url(../images/title02.png) no-repeat;background-size: 2.58rem .58rem;position: absolute;top: 1.5rem;left: 0%;}
.slider3 .cont{width: 100%;height: 10.08rem;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);}
.slider3 .cont_bg{width: 7rem;height: 10.08rem;/*background: url(../images/slider3_contbg.png) no-repeat;background-size: 7rem 10.08rem;*/position: absolute;top: 0%;left: 50%;transform: translateX(-50%);z-index: 9;display: flex;}
.slider3 .line{width: 100%;height: .48rem;background: url(../images/slider3_contline.png) no-repeat;background-size: 100% .48rem;position: absolute;bottom: -2rem;left: 50%;transform: translateX(-50%);}
.slider3 .cont_fb{width: 5.95rem;height: 4.94rem;background: url(../images/slider3_cont.png) no-repeat;background-size: 5.95rem 4.94rem;margin: .38rem auto .40rem;display: flex;}
.slider3 .cont_fb_if{width: 5.37rem;height: 3.5rem;/*background: url(../images/slider3_if.png) no-repeat 50% 50%;background-size: 5.39rem 2.88rem;*/margin: 1.43rem auto 0;}
.cont_fb_if video{width:100%}
.slider3 .f{width: 2.67rem;height: .60rem;position: absolute;right: .54rem;bottom: 1.04rem;}
.slider3 .f img{float: left;}
.slider3 .f img:nth-child(1){width: 1.92rem;height: .60rem;}
.slider3 .f img:nth-child(2){width: .60rem;height: .60rem;float: right;}
.slider3.swiper-slide-active .news_roll{animation: roll_in02 .5s ease forwards;animation-delay: .5s;}
.slider3 .news_roll{width: 6rem;position: absolute;bottom: 0px;right: -70px;z-index: 9;}
.swiper-slide-active .news_roll_name{animation: roll_in03 .5s ease forwards;animation-delay: .5s;}
.news_roll_name{height: 28px;padding: 0 20px 0 7px;border-left: 9px solid #e51616;font-size: 14px;color: #fff;line-height: 28px;text-align: center;position: absolute;left: 70%;bottom: 1.5rem;background: linear-gradient(90deg, #000000, transparent) center center / auto auto no-repeat;min-width: 80px;z-index: 20;}
/* slider4 */
.slider4 .title_text {
    width: 4.96rem;
    height: 0.92rem;
    background: url(../images/title_text03.png) no-repeat;
    background-size: 4.96rem 0.92rem;
    position: absolute;
    top: 1.5rem;
    left: 0%;
}
.slider4 .title{width: 2.84rem;height: .58rem;background: url(../images/title03.png) no-repeat;background-size: 2.84rem .58rem;position: absolute;top: 1.5rem;left: 0%;}
.slider4 .cont{width: 100%;height: 10.81rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.slider4 .cont_bg{width: 7rem;background: url(../images/news_list_bg.png) no-repeat;background-size: 7rem 13rem;position: absolute;top: 0%;left: 50%;transform: translateX(-50%);z-index: 9;display: flex
;
    justify-content: space-around;
    flex-wrap: wrap;}
.slider4 .cont_bg .news_roll {    position: relative;
    width: 94%;
    top: .4rem;}
.slider4 .line{width: 100%;height: .48rem;background: url(../images/slider2_contline.png) no-repeat;background-size: 100% .48rem;position: absolute;bottom: -.48rem;left: 50%;transform: translateX(-50%);}
.slider4 .prize{padding: 1rem .54rem;margin: 0 auto;width: 95%;height: 5.4rem;}
.slider4 .prize h3 a {
    color: rgb(103, 73, 0);
    font-weight: bold;
    width: 25%;
    display: block;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size:14px
}
.slider4 .prize h3 a.active {    border-bottom: solid 2px rgb(103, 73, 0);}
.slider4 .news_item.hidden {
    display: none;
}
.slider4 .news_item {
    padding-left: 14px;
    width: 92%;
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: bold;
    height: 5rem;
    justify-content: flex-start;
    flex-direction: column;
}
.slider4 .news_item li {
   font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    width: 100%;
}

.slider4 .news_item li a {
    display: block;
    width: 100%;
    color: rgb(103, 73, 0);
}
.slider4 .more{
	font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    color: rgb(103, 73, 0);
}
/*.slider2 .prize .prize_img{margin-bottom: .15rem;width: 100%;height: 1.30rem;position: relative;}*/
@keyframes rotate{
	0% {
	    -webkit-transform: rotate(0deg);
	}
	25% {
	    -webkit-transform: rotate(90deg);
	}
	50% {
	    -webkit-transform: rotate(180deg);
	}
	75% {
	    -webkit-transform: rotate(270deg);
	}
	100% {
	    -webkit-transform: rotate(1turn);
	}
}
/* 05 */
.slider5 .title_text{width: 6.46rem;height: 0.85rem;background: url(../images/title_text04.png) no-repeat;background-size: 6.46rem 0.85rem;position: absolute;top: 1.35rem;left: 0%;}
.slider5 .title{width: 2.54rem;height: .58rem;background: url(../images/title04.png) no-repeat;background-size: 2.54rem .58rem;position: absolute;top: 1.5rem;left: 0%;}
.slider5_cont{width: 7.2rem;position: absolute;top: 2.2rem;left: 50%;transform: translateX(-50%);}

.top_bo{width: 7.2rem;height: 12.5rem;position: relative;margin: 0 auto;}
.slider5 .pic_swiper{width: 7.2rem;height: 12.5rem;}
.slider5 .pic_swiper .swiper-slide{width: 100%;height: auto;}
.slider5 .pic_swiper .swiper-slide img{width: 100%;height: auto;display: block;}
.slider5 .top_bo p{width: 100%;height: .5rem;color: #ffffff;font-size: .32rem;line-height: .5rem;overflow: hidden;}
.slider5 .swiper-button-prev{width: .57rem !important;height: .83rem !important;position: absolute !important;left: -.2rem !important;top: 40% !important;z-index: 99 !important;margin-top: 0 !important;}
.slider5 .swiper-button-next{width: .57rem !important;height: .83rem !important;position: absolute !important;right: -.2rem !important;top: 40% !important;z-index: 99 !important;margin-top: 0 !important;}
.slider5 .swiper-button-prev::after,.slider5 .swiper-button-next::after{display: none;}

.slider5 .picmo_swiper{width: 5.91rem;height:10.50rem;margin: .19rem auto 0;}
.slider5 .picmo_swiper .picmo-swiper-wrapper{height:10.50rem;position: relative;display: flex;justify-content: center;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div{width: 100%;height: 3.31rem;background: url(../images/slider4_imgbg.png) no-repeat;background-size: 5.91rem 3.31rem;text-align: center;transition:transform .5s,opacity .3s ;padding-bottom: .19rem;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div img{width: 5.5rem;height: 8rem;margin-top: .19rem;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div::after{content: ' ';display: block;position: absolute;width: 5.5rem;height: 3.1rem;top: .19rem;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, .5);}
.slider5 .picmo_swiper .picmo-swiper-wrapper div{position: absolute;top: 0;transform: translateY(-100%);opacity: 0;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div span{position: absolute;width: .50rem;height: .50rem;top: .19rem;left: .2rem;background: rgba(0, 0, 0, .6);color: #ffffff;font-size: .28rem;text-align: center;line-height: .5rem;z-index: 9;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide01{transform: translateY(0%);opacity: 1;z-index: 1;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide02{transform: translateY(100%);opacity: 1;z-index: 1;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide03{transform: translateY(200%);opacity: 1;z-index: 1;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide04{transform: translateY(300%);opacity: 0;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide05{transform: translateY(-100%);opacity: 0;}
.slider5 .picmo_swiper .picmo-swiper-wrapper div.swiper-slide06{transform: translateY(400%);opacity: 0;transition:opacity 0s;}
.slider5 .top_bo p .data_mun{width: 5.4rem;height: 0.42rem;display: block;position: absolute;top: 0rem;left: 0.1rem;z-index: 1;}
.slider5 .top_bo p .data_mun.pic_text_transition01{animation:text_transition1 .15s 0s linear forwards;opacity: 1;}
.slider5 .top_bo p .data_mun.pic_text_transition02{animation:text_transition2 .15s 0s linear forwards;opacity: 0;}
@keyframes text_transition1{
	0%{
		opacity: 1;
		transform: translateY(0%);
	}
	100%{
		opacity: 0;
		transform: translateY(-100%);
	}
}
@keyframes text_transition2{
	0%{
		opacity: 0;
		transform: translateY(100%);
	}
	100%{
		opacity: 1;
		transform: translateY(0%);
	}
}
.slider5 .mask{width: 100vw;height:6rem;background: linear-gradient(180deg,transparent, #000 80%);position: absolute;bottom: 0rem;left: 50%;transform: translateX(-50%);z-index: 9;pointer-events: none;}
.slider5_cont{background: url(../images/slider4_d.png) no-repeat;background-size:6.69rem 3.34rem;background-position:top right;padding-top: 0.12rem;}
.slider5 .top_bo p{position: relative;box-sizing: border-box;z-index: 1;}
.slider5 .top_bo p em{display: block;width: 100%;height: 100%;background: linear-gradient(180deg,transparent, #000);position: absolute;top: 0;left: 0;opacity: .4;}

/* 06 */
.slider6 .title_text{width: 6.81rem;height: 0.85rem;background: url(../images/title_text05.png) no-repeat;background-size: 6.81rem 0.85rem;position: absolute;top: 1.35rem;left: 0%;}
.slider6 .title{width: 2.89rem;height: .58rem;background: url(../images/title05.png) no-repeat;background-size: 2.89rem .58rem;position: absolute;top: 1.5rem;left: 0%;}
.slider6 .cont{width: 90%;text-align: center;position: absolute;top: 2.3rem;left: 50%;transform: translateX(-50%); text-align: left;}
.slider6 .cont .ao_icon{width: 2.06rem;height: 2.06rem;display: block;margin: 0 auto .3rem;position: relative;top: 2.4rem;left: 2rem;}
.slider6 .cont h3{width: 100%;padding-top: .1rem;/* border-top: 0.02rem solid #ffca08; */font-size: .24rem;color: #a9a9a9;margin: .15rem auto .1rem;}
.slider6 .cont h3.sns{color: #ffffff;font-size: .3rem;}
.slider6 .cont h3 span{    border-top: 0.02rem solid #ffca08;padding-top: 5px;display: block;width: 1rem;}
.slider6 .cont p{color: #ffffff;font-size: .3rem;}
.slider6 .cont p a{display: inline-block;/*width: 1.36rem;*/height: .39rem;/*margin: 0 .1rem;*/transition: .2s;}
.slider6 .cont p a:hover{transform: scale(1.1);}
.slider6 .cont p a img{width: 100%;height: 100%;}
.slider6 .cont p.p{font-size: .24rem;color: #a9a9a9;}
.slider6 .cont .btn{width: 3.35rem;margin: 0 auto;}
.slider6 .cont .btn a{width: 3.35rem;height: .96rem;display: block;margin: .15rem 0;}
.slider6 .cont .btn a img{width: 100%;height: 100%;}
.slider6 .cont .tos{color: #ffffff;font-size: .2rem;margin-top: .3rem;}
.slider6 .cont .tos a{display: inline-block;margin-right:.1rem;color: #ffffff;font-size: .2rem;text-decoration: underline;}
.slider6 .cont .tos p{line-height: .34rem;font-size: .2rem;color: #fff;}
.tos p:nth-child(4) {
	margin-top: 10px;}
.tos p img {
	display: block;
	float: left;
	margin-right: 10px;
	width: 58px;
	height: 74px;
	margin-top: 0px;
}
.tos p:nth-child(4) span {
	display: block;
	float: right;
	height: 56px;
	width: 255px;
	text-align: left;
}

/* 导航 */
.list_tc{width: 100%;height: 100%;background: rgba(0, 0, 0, .9);position: fixed;top: 0;left: 0;z-index: 999;transform: translate(100%);display: none;}
.list_tc ul{width: 6.04rem;height: 8.71rem;position: absolute;top: 2.44rem;left: 50%;transform: translateX(-50%);padding-top: 0.04rem;}
.list_tc ul li{width: 5.20rem;height:1.11rem;margin-left:.40rem ;padding-left: .2rem;border-bottom: 1px solid #404042;}
.list_tc ul li a{display: block;width: 100%;height: 100%;line-height: 1.11rem;color: #ffffff;font-size: .3rem;font-weight: bold;}
.list_tc ul li.on a{color: #21baff;}
.third_party{width: 5.20rem;margin-left:.40rem ;padding-left: .2rem;padding-top:.2rem;text-align: center;font-size: 0;bottom: auto;}
.third_party a{display: inline-block;width: 1.45rem;height: .42rem;margin: .35rem 0.15rem .08rem;line-height: 0;}
.third_party a img{width: 100%;height: 100%;}
.third_party p{display: block;color: #ffffff;font-size: .24rem;}

.list_tc.in{display: block;animation:uk-fade, uk-slide-right .4s ease-out both}

@keyframes uk-fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes uk-slide-right {
	0% {
		transform: translate(100%)
	}

	100% {
		transform: translate(0)
	}
}
/* 视频 */
.vidoe_tc{position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 100%;display: none;}
.video_tc_cover{background: rgba(0, 0, 0, .8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vidoe_tc_box{width: 6.50rem;height: 3.70rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #322f31;}
.vidoe_tc_box video{width: 100%;height: 100%;}
.vidoe_tc_box .close{position: absolute;right: 0;top: 0;width: .40rem;height: .40rem;background: url(../images/close.png) no-repeat;background-size: .4rem .4rem;}
.vidoe_tc_box .close:hover{background: url(../images/close_hover.png) no-repeat;background-size: .4rem .4rem;}
/* loading */
.loading{width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;font-size: 1rem;position: absolute;top:0;left:0;background: url(../images/loading_bg.jpg);background-size:cover;background-position: center center;z-index: 9999999;transition: 1s;}
.loading .loadingBarGroup {position: absolute;height: 0;top: 50%;left: 0;width: 100%;}
.loading .loadingBar {position: absolute; border-bottom: 1px solid #fff;width: 0%;transition: width 600ms;}
.loading .loadingBar.left {left: -6%;}
.loading .loadingBar.right {right: -6%;}
.loading .loadingLogo { width: 2.94rem;height: .72rem;margin-bottom: .3rem;margin-top: -1rem;}
.loading .loadingLogo img {display: block;width: 100%;margin-left: -.14rem;}
.loading .loadingProgress { text-align: center;color: #fff;font-size: .24rem;line-height: .24rem;letter-spacing: 0.1em;}
.loading .loadingBar.right::after { box-shadow: 0.5px 0 8px 2px #fff, 0.5px 0 2px 1px #fff;right: left;}
.loading .loadingBar.left::after {box-shadow: 0.5px 0 8px 2px #fff, 0.5px 0 2px 1px #fff; right: 0;}
.loading .loadingBar::after,.loading .loadingBar::after {content: "";display: block;position: absolute;top: 0;height: 1px;transition: box-shadow 300ms 100ms;}

.commonPop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}

.commonPop:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: -1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.commomMain {
	position: absolute;
	z-index: 51;
}

.copy-roleId-alert .copy-roleId-alert-main[data-v-46f7160e] {
	left: 50%;
	top: -100%;
	transform: translate(-50%, -50%);
	width: 95%;
	height: 55%;
	border-radius: 40px
}

.copy-roleId-alert .copy-roleId-alert-main .copy-roleId-alert-title[data-v-46f7160e] {
	height: 86px;
	line-height: 86px;
	color: #0c0c0c;
	font-size: 34px;
	text-align: center
}

.copy-roleId-alert .copy-roleId-alert-main .help-con[data-v-46f7160e] {
	position: relative;
	width: 100%;
	height: 80%;
	display: block;
}

.copy-roleId-alert .copy-roleId-alert-main .help-con .id-img[data-v-46f7160e] {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #676767;
	font-size: 24px
}

.copy-roleId-alert .copy-roleId-alert-main .help-con>img[data-v-46f7160e] {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 40px;
	height: 90%;
}

.copy-roleId-alert .copy-roleId-alert-main .btn-close[data-v-46f7160e] {
	width: 2.5rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	color: #fff;
	font-size: 0.4rem;
	background: #3772ff;
	border-radius: 39px;
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%, -0%);
}

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.wechat-intro-arrow {
    position: fixed;
    top: 12px;
    right: 28px;
}
.intro-text {
    position: fixed;
    top: 95px;
    right: 28px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}
.open-use-browser-alert .open-use-browser-alert-main[data-v-46f7160e] {
	left: 50%;
    top: -100%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 40%;
    max-width: 400px;
}

.open-use-browser-alert .open-use-browser-alert-main .open-use-browser-alert-title[data-v-46f7160e] {
	height: 86px;
	line-height: 86px;
	color: #0c0c0c;
	font-size: 34px;
	text-align: center
}

.open-use-browser-alert .open-use-browser-alert-main .help-con[data-v-46f7160e] {
	position: relative;
	width: 100%;
	height: 80%;
	display: block;
}

.open-use-browser-alert .open-use-browser-alert-main .help-con .id-img[data-v-46f7160e] {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #676767;
	font-size: 24px
}

.open-use-browser-alert .open-use-browser-alert-main .help-con>img[data-v-46f7160e] {
	display: block;
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    border-radius: 28px;
    height: 2.5rem;
    filter: drop-shadow(0px 20px 20px rgba(0,0,0,.1));
    box-shadow: 0 20px 20px rgba(0,0,0,.1);
    background: linear-gradient(161.88deg,#01F3C7 6.88%,#fff 48.12%,#fff 91.11%);
    border: 3px solid #fff;
}
.open-use-browser-alert .open-use-browser-alert-main .help-con>img[data-v-46f7160elogo] {
	width: 70%;
    height: auto;
    border: none;
    position: relative;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -20%);
}


.open-use-browser-alert .open-use-browser-alert-main .btn-close{
	min-width: 1.66rem;
	font-family: 'YueHei', sans-serif;
	font-weight: bold;
	font-size: .4rem;
	padding: 0.05rem 0.1rem;
	color: rgb(255,255,255, 0.8);
	position: relative;
	display: block;
	text-align: center;
	filter: blur(0.01rem);
	left: 50%;
    transform: translate(-50%, -0%);
    width: 11.39rem;height: 3rem;margin: 0 auto;overflow: hidden;top: 1rem;bottom: 0rem;
	}

.open-use-browser-alert .open-use-browser-alert-main .btn-close::before{
    content: attr(data-text);
    position: absolute;
    left: -1px;
    width: 100%;
    text-shadow:1px 0 red;
    animation: animation-before 3s infinite linear alternate-reverse;
}
.open-use-browser-alert .open-use-browser-alert-main .btn-close::after{
    content: attr(data-text);
    position: absolute;
    left: 1px;
    width: 100%;
    text-shadow: -1px 0 blue;
    animation: animation-after 3s infinite linear alternate-reverse;
}
@keyframes animation-before{
    0% {
        clip-path: inset(0 0 0 0);
    }

    5% {
        clip-path: inset(.8em 0 .4em 0);
    }

    10% {
        clip-path: inset(.4em 0 .8em 0);
    }

    15% {
        clip-path: inset(.1em 0 1em 0);
    }

    20% {
        clip-path: inset(.3em 0 .6em 0);
    }

    25% {
        clip-path: inset(.6em 0 .3em 0);
    }

    30% {
        clip-path: inset(.8em 0 .5em 0);
    }

    35% {
        clip-path: inset(1em 0 .1em 0);
    }

    40% {
        clip-path: inset(.7em 0 .35em 0);
    }

    45% {
        clip-path: inset(.5em 0 .2em 0);
    }

    50% {
        clip-path: inset(.2em 0 .5em 0);
    }

    55% {
        clip-path: inset(.35em 0 .7em 0);
    }

    60% {
        clip-path: inset(.1em 0 .9em 0);
    }

    65% {
        clip-path: inset(.8em 0 .46em 0);
    }

    70% {
        clip-path: inset(.66em 0 .33em 0);
    }

    75% {
        clip-path: inset(.48em 0 .23em 0);
    }

    80% {
        clip-path: inset(.23em 0 .48em 0);
    }

    85% {
        clip-path: inset(.39em 0 .79em 0);
    }

    90% {
        clip-path: inset(.33em 0 .66em 0);
    }

    95% {
        clip-path: inset(1em 0 .3em 0);
    }

    100% {
        clip-path: inset(.62em 0 .29em 0);
    }
}
@keyframes animation-after{
    0% {
        clip-path: inset(0 0 0 0);
    }

    5% {
        clip-path: inset(.4em 0 .8em 0);
    }

    10% {
        clip-path: inset(.8em 0 .4em 0);
    }

    15% {
        clip-path: inset(1em 0 .1em 0);
    }

    20% {
        clip-path: inset(.6em 0 .3em 0);
    }

    25% {
        clip-path: inset(.3em 0 .6em 0);
    }

    30% {
        clip-path: inset(.5em 0 .8em 0);
    }

    35% {
        clip-path: inset(.1em 0 1em 0);
    }

    40% {
        clip-path: inset(.35em 0 .7em 0);
    }

    45% {
        clip-path: inset(.2em 0 .5em 0);
    }

    50% {
        clip-path: inset(.5em 0 .2em 0);
    }

    55% {
        clip-path: inset(.7em 0 .35em 0);
    }

    60% {
        clip-path: inset(.9em 0 .1em 0);
    }

    65% {
        clip-path: inset(.46em 0 .8em 0);
    }

    70% {
        clip-path: inset(.3em 0 .66em 0);
    }

    75% {
        clip-path: inset(.23em 0 .48em 0);
    }

    80% {
        clip-path: inset(.48em 0 .23em 0);
    }

    85% {
        clip-path: inset(.79em 0 .39em 0);
    }

    90% {
        clip-path: inset(.66em 0 .33em 0);
    }

    95% {
        clip-path: inset(.3em 0 1em 0);
    }

    100% {
        clip-path: inset(.29em 0 .62em 0);
    }
}
.toast[data-v-6b239fda] {
	width:60%;
	font-size: .3rem;
    text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px 40px;
	z-index: 100;
	opacity: 0;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	border-radius: 24px
}