/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;-webkit-tap-highlight-color: rgba(0,0,0,0);}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.pr {position:relative;}
.pa {position:absolute;}
.fl{float: left;}
.fr{float: right;}
.db {display:block;text-indent:-999em;}
.sp{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/sp.png) no-repeat;background-size: 7.5rem 10rem;}
html,body{width: 100%;background-color: #ffffff;line-height: 1;height: 100%;}
.wrap{width: 100%;height: 100%;}
.page{width: 100%;height: 100%;}
/*±³¾°*/
.page .box{height: 100%;display: none;}
.page .swiper-wrapper{width: 100%;height: 100%;}
.opacity{animation:op 1.5s ease-in both;-webkit-animation:op 1.5s  ease-in both;opacity: 0;}
.fadeInUp{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.fadeInLeft{-webkit-animation:fadeInLeft 1s .5s ease both;-moz-animation:fadeInLeft 1s .5s ease both;}
.fadeInRight{-webkit-animation:fadeInRight 1s .5s  ease both;-moz-animation:fadeInRight 1s .5s ease both;}
.fadeInBottom{-webkit-animation:fadeInBottom 1s .5s ease both;-moz-animation:fadeInBottom 1s .5s ease both;}
.scaleA{animation:scaleA 1s ease-in both;-webkit-animation:scaleA 1s  ease-in both;}
.arrow{-webkit-animation:arrow 2s linear both infinite;animation:arrow 2s linear both infinite;}
.fadesacle{-webkit-animation: fadeSacle 2s linear both infinite;animation: fadeSacle 2s linear both infinite;}
@-webkit-keyframes fadeSacle{
	50%{-webkit-transform:scale(1.2);}
}
@keyframes fadeSacle{
	50%{transform:scale(1.2);}
}
@-webkit-keyframes arrow{
	50%{-webkit-transform: translateY(20px);}
}
@keyframes arrow{
	50%{transform: translateY(20px);}
}
@-webkit-keyframes scaleA{
	0%{opacity:0;-webkit-transform:scale(3,3);}
	80%{transform:scale(.5,.5);}
	100%{opacity:1;-webkit-transform:scale(1,1);}
}
@keyframes scaleA{
	0%{opacity:0;transform:scale(3,3);}
	80%{transform:scale(.5,.5);}
	100%{opacity:1;transform:scale(1,1);}
}
@-webkit-keyframes op{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes op{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes fadeInUp{
	0%{opacity:0;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0;
	-moz-transform:translateY(-20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeInBottom{
	0%{opacity:0;
	-webkit-transform:translateY(20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInBottom{
	0%{opacity:0;
	-moz-transform:translateY(20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;
	-webkit-transform:translateX(-40px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;
	-moz-transform:translateX(-40px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(40px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(40px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}

.page .box1{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/bg.jpg) no-repeat center top;background-size: 100% auto;}
.box1 .news-tit{width: 100%;height:1.21rem;background:url(//game.gtimg.cn/images/lv/cp/a2021528bili/top1.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between;align-items: center;position: relative;}
.box1 .news-tit .logo-wx{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/logo1.png) no-repeat;width: 1.9rem;height: 0.44rem;top: 0.4rem;right: 0;background-size: 100% 100%;position: absolute;}
.box1 .news-tit .logo-qq{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/logo2.png) no-repeat;width: 0.8rem;height:0.8rem;top: 0.2rem;right: 0.3rem;background-size: 100% 100%;position: absolute;}
.box1 .news-tit p{color: #484848;font-size: 0.36rem;width: 100%;text-align: center;}
.ic1{width: 0.23rem;height: 0.26rem;background-position: -4.8rem -2.92rem;display: inline-block;vertical-align: middle;margin-left: 0.1rem;}
.ic2{width: 0.26rem;height: 0.22rem;background-position: -5.35rem -2.95rem;display: inline-block;vertical-align: middle;margin-left: 0.1rem;}
.list-rw a{display: flex;justify-content:flex-start;height: 1.35rem;align-items: center;padding-left: 0.3rem;box-sizing: border-box;}
.list-rw a .hd-box{width: 0.9rem;height: 0.9rem;position: relative;}
.list-rw a .hd-box img{display: block;width: 0.9rem;height: 0.9rem;border-radius: 0.1rem;}
.list-rw a .hd-box span{width: 0.36rem;height: 0.36rem;background: #fb5151;line-height: 0.36rem;text-align: center;font-size: 0.22rem;color: #ffffff;border-radius: 50%;position: absolute;top: -0.1rem;right: -0.1rem;}
.list-rw .news-box{margin-left: 0.24rem;height:1.35rem;border-bottom: 1px solid #ededed;width: 6rem;}
.list-rw .news-box .name{color: #484848;font-size: 0.32rem;margin-top: 0.3rem;}
.list-rw .news-box .talk-txt{color: #9a9a9a;font-size: 0.26rem;margin-top: 0.2rem;max-width: 4.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 0.28rem;}
.list-rw .talk-txt span{color: #ff7700;}
.list-rw .news-box .news-time{color: #b2b2b2;font-size: 0.22rem;margin-right: 0.4rem;margin-top: 0.35rem;}
.list-rw .rw-a5 .news-box{border-bottom: 0px;}

.page .slide2{background:#ffffff;height:auto;}
.fd-box{width: 100%;height: 5.9rem;position: relative;}
.fd-box .hd-bg{width: 100%;height:5.9rem;display: block;}
.fd-box .hd-box{width: 1.2rem;height: 1.2rem;border-radius: 0.1rem;position: absolute;bottom: -0.3rem;right: 0.37rem;}
.fd-box .hd-box img{display: block;width: 1.2rem;height: 1.2rem;}
.fd-box .name{position: absolute;right: 1.65rem;bottom: 0.15rem;color: #FFFFFF;font-size: 0.24rem;}
.list-fd{width: 100%;margin-top: 1.6rem;padding-bottom: 2rem;}
.list-fd li{border-bottom: 1px solid #e4e4e4;display: flex;justify-content: center;padding: 0 0.2rem;box-sizing: border-box;padding-bottom: 0.2rem;padding-top: 0.2rem;}
.list-fd li .hd-img{width: 0.75rem;height: 0.75rem;}
.list-fd li .fd-infor{margin-left: 0.2rem;}
.list-fd li .name{color: #57698f;font-size: 0.32rem;margin-top: 0.05rem;}
.list-fd li .fd-txt{color: #000000;font-size: 0.3rem;width:5.8rem;line-height: 0.4rem;margin-top: 0.13rem;}
.list-fd li .fd-img{display: flex;justify-content: flex-start;margin-top: 0.15rem;}
.list-fd li .fd-img img{width: 1.8rem;margin-right: 0.1rem;}

.page .slide3{background:#ffffff;}
.slide3 .hd-box{padding-top: 2rem;position: relative;}
.slide3 .hd-box img{display: block;width: 2.2rem;height: 2.2rem;border-radius: 0.1rem;margin: 0 auto;}
.slide3 .hd-box .logo{background-position: -0.28rem -5.87rem;width: 1.52rem;height: 0.97rem;margin:0 auto 0;display: block;position: relative;top: -0.3rem;}
.slide3 .hd-box .name{width:100%;text-align: center;color: #57698f;font-size: 0.34rem;margin-top: -0.15rem;}
.slide3 .region-box{margin-top: 2.5rem;}
.slide3 .region-box p{width: 100%;text-align: center;color: #000000;font-size: 0.28rem;margin-bottom: 0.3rem;}
.slide3 .region-box a{width: 3.45rem;height: 0.8rem;background: #07c160;border-radius: 0.2rem;text-align: center;line-height: 0.8rem;font-size: 0.28rem;color: #ffffff;margin:0.2rem auto 0;display: block;}
.slide3 .btn-rule{width: 100%;text-align: center;color: #57698f;font-size: 0.28rem;margin-top: 0.3rem;text-decoration: underline;display: block;}

.page .slide-news{background:url(//game.gtimg.cn/images/lv/cp/a2021528bili/bg2.jpg) no-repeat center top;background-size: 100% auto;position: absolute;left: 0;top: 0;width: 100%;z-index: 12;height: 100%;padding-top: 1.2rem;box-sizing: border-box;}
.bg_in{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;width: 100%;height: 100%;}
.btn-return{width: 0.52rem;height: 0.47rem;background-position: -5.43rem -2.21rem;display: inline-block;position: absolute;left: 0.3rem;top: 50%;margin-top: -0.235rem;}
.slide-news .news-tit{display: flex;justify-content:flex-start;height: 1.2rem;background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/top2.png) no-repeat;background-size: 100% 100%;width: 100%;position: relative;position: fixed;z-index: 5;top: 0;}
.slide-news .name-tit{color: #484848;font-size: 0.36rem;line-height: 1.2rem;width: 100%;text-align: center;}
.slide-news .list-talk{margin-top: 0.2rem;padding-bottom:2rem;}
.slide-news .list-talk li{margin-top: 0.3rem;padding: 0 0.2rem;box-sizing: border-box;}
.slide-news .list-talk li img{display: block;width: 0.76rem;height: 0.76rem;border-radius: 0.1rem;z-index: 3;position: relative;}
.slide-news .list-talk li .talk-txt{max-width: 5.12rem;height: auto;border-radius: 0.2rem;background-color: #FFFFFF;padding: 0.1rem 0.2rem;box-sizing: border-box;color: #3c3c3c;font-size: 0.32rem;line-height: 0.45rem;margin-left: 0.2rem;position: relative;}
.slide-news .list-talk li .talk-txt:before{width: 0.09rem;height: 0.17rem;content: '';background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/sp.png) no-repeat;background-size: 7.5rem 10rem;background-position: -3.76rem -7.65rem;display: block;position: absolute;left: -0.08rem;top: 0.34rem;}
.slide-news .list-talk li .talk-txt.fr{background: #fbeace;margin-right: 0.2rem;}
.slide-news .list-talk li .talk-txt.fr:before{left: unset;background-position: -3.41rem -7.64rem;right: -0.08rem;}
.slide-news .list-talk li .talk-txt.vd{width: 2.15rem;padding: 0.25rem;line-height: 0.33rem;}
.slide-news .list-talk li .talk-txt .icon{background-position: -6.25rem -4.66rem;width: 0.37rem;height: 0.22rem;display: inline-block;vertical-align: middle;margin-left: 0.1rem;}
.slide-news .list-talk li .xw-hb{float: left;width: 4.43rem;position: relative;z-index: 3;}
.slide-news .list-talk li .btn-hb{margin-left: 0.2rem;width: 5.06rem;height: 1.73rem;display: block;background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/hb1.png) no-repeat;background-size: 100% 100%;}
.slide-news .list-talk li .btn-hb em{color: #ffffff;font-size: 0.3rem;display: block;width: 100%;text-align: center;padding-top: 1.3rem;}
.slide-news .list-talk li .btn-hb.on{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/hb1-1.png) no-repeat;background-size: 100% 100%;}
.slide-news .list-talk li .dis{height: 0.4rem;margin-left: 0.62rem;text-align: center;color: #3c3c3c;font-size: 0.26rem;padding: 0 0.05rem;line-height: 0.4rem;margin-top: 0.1rem;border-radius: 0.05rem;display: none;}
.slide-news .list-talk li .dis span{background-position: -6.40rem -3.55rem;width: 0.29rem;height: 0.36rem;display:inline-block;vertical-align: middle;margin-right: 0.05rem;}
.slide-news .list-talk li .dis em{color: #fa9e3b;}

.reply-box{position:fixed;bottom: 0;z-index: 5;}
.btn-reply{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/bottom.jpg) no-repeat;width: 7.5rem;height: 1.04rem;background-size: 100% 100%;position: fixed;bottom: 0;left: 0;}
.ys-reply{position: fixed;bottom: 0;left: 0;background: #f7f7f7;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;width: 100%;padding-top: 0.15rem;box-sizing: border-box;z-index: 13;display: none;}
.reply-box input{width: 4.72rem;height: 0.61rem;color: #000000;font-size: 0.24rem;text-indent: 1em;display: block;border: 1px solid #f8f8f8;border-radius: 0.1rem;float: left;margin-left: 0.35rem;}
.list-reply{overflow-y: scroll;margin-top: 0.2rem;}
.list-reply li{background:#ffffff;border-top: 1px solid #d7d7d7;line-height: 0.35rem;font-size: 0.28rem;color: #000000;text-align: center;text-align: center;padding: 0.2rem 0.2rem;display: none;}
.ipt_box{height: 0.7rem;}
.btn-sending{width: 1.28rem;height: 0.62rem;display: block;text-align: center;line-height: 0.62rem;color: #464646;font-size: 0.28rem;background: #fbeace;border-radius: 0.5rem;float: right;margin-top: 0.02rem;margin-right: 0.35rem;}


.nav{position: fixed;bottom:0;left: 0;width: 100%;height:1.12rem;background:url(//game.gtimg.cn/images/lv/cp/a2021528bili/btm1.png) no-repeat;background-size: 100% 100%;z-index: 11;display: flex;justify-content: center;align-items: center;}
.nav .list-nav{display: flex;justify-content: center;align-items: center;height:1.04rem;}
.nav .list-nav a{height:0.68rem;margin: 0 0.6rem;position: relative;}
.nav .list-nav span{position: absolute;top: -0.1rem;left: 0.4rem;width: 0.14rem;height: 0.14rem;background-position: -6.9rem -0.42rem;}
.nav .list-nav .btn1{width: 0.44rem;background-position: -0.48rem -0.22rem;}
.nav .list-nav .btn2{width: 0.52rem;height: 0.66rem;background-position: -2.09rem -0.24rem;}
.nav .list-nav .btn3{width: 0.43rem;background-position: -3.81rem -0.22rem;}
.nav .list-nav .btn4{width: 0.63rem;background-position: -5.4rem -0.21rem;height: 0.69rem;}
.nav .list-nav .btn1.act{width: 0.42rem;background-position: -0.49rem -1.41rem;}
.nav .list-nav .btn2.act{background-position: -2.1rem -1.42rem;}
.nav .list-nav .btn3.act{background-position:-3.81rem  -1.4rem;}
/*µ¯´°*/
.popa{display: none;position: relative;}
.pop1{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/pop1.png) no-repeat;width:6.5rem;height:9.17rem;background-size: 100% 100%;display: none;position: relative;}
.pop_tit1{font-size: 0.32rem;color: #674c34;text-align: center;line-height: 1rem;letter-spacing: 2px;}
.gift_nm1{width: 4.6rem;height: 0.43rem;background-position:-0.52rem -8.54rem;font-size: 0.28rem;color: #ffffff;text-align: center;line-height: 0.4rem;margin: 1.75rem auto 0;}
.gifts{margin:3.35rem auto 0;display: flex;align-items: center;}
.gifts li{width:1.5rem;margin: 0 0.1rem;}
.gift1{width: 1.21rem;height: 1.21rem;margin: 0 auto;display: block;}
.gift_nm{font-size: 0.22rem;color: #77706c;white-space: nowrap;text-align: center;width: 150%;margin-left: -25%;margin-top: 0.15rem;}
.hb_hd{width: 1.6rem;height: 1.6rem;border-radius: 5rem;overflow: hidden;display: block;margin: 0.4rem auto 0}
.hb_cc{width: 3.57rem;height: 0.29rem;background-position: -3.3rem -3.59rem;text-align: center;line-height: 0.29rem;font-size: 0.3rem;color: #928c88;margin: 0.35rem auto 0;}
.pop-close{background-position:-3.41rem -2.59rem;width: 0.71rem;height: 0.71rem;position: absolute;bottom: -0.8rem;left: 50%;transform: translateX(-50%);}


.pop2{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/pop1-1.png) no-repeat;width: 5.13rem;height: 8.49rem;background-size: 100% 100%;display: none;relative}
.pop2 .pop-con{padding-top:1.1rem;}
.pop2 p{width: 100%;text-align: center;color: #fee6b5;font-size: 0.22rem;}
.pop2 .qb-num{width: 100%;text-align: center;color: #fee6b5;font-size: 0.64rem;margin-top: 0.2rem;}

/*ÊÓƵҳ*/
.pop-video{background:url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd1.jpg) no-repeat  center center;background-size: 100% auto;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 22;display: none;}
.pop-video .vd-hd{height: 11.24rem;transform: translateY(-50%);position: absolute;width: 100%;top: 50%;}
.pop-video .vd-hd .name{color: #ffffff;font-size: 0.72rem;padding-left: 0.35rem;}
.pop-video .vd-hd .vd-txt{color: #ffffff;font-size: 0.36rem;margin-top: 0.35rem;padding-left: 0.35rem;}
.pop-video .vd-btn{display: flex;justify-content: space-between;width:70%;margin:8rem auto 0;}
.pop-video .vd-btn a{width: 1.04rem;height: 1.04rem;margin: 0 0;-webkit-animation: fadeSacle 2s linear both infinite;animation: fadeSacle 2s linear both infinite;}
.pop-video .vd-btn .btn-answer{background-position:-1.76rem -2.41rem;}
.pop-video .vd-btn .btn-refuse{background-position:-0.23rem -2.46rem;}
.vd-box{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: #595959;z-index: 33;}
.vd-box video{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.vd-box p{width: 2.2rem;height: 0.7rem;text-align: center;color: #ffffff;font-size: 0.32rem;line-height: 0.7rem;background: rgba(0,0,0,0.6);position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);border-radius: 0.3rem;display: none;}
.vd-box .btn-vd-refuse{position: absolute;width: 3.04rem;height: 4.04rem;bottom: 0.5rem;left: 50%;transform: translateX(-50%);}

/*ÊÓƵ½áÊøÒ³*/
.popend{background-size: 100% auto;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 32;background-position: center center;}
.popend.rw1{background-image: url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd1_2.jpg);}
.popend.rw2{background-image: url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd2_2.jpg);}
.popend.rw3{background-image: url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd3_2.jpg);}
.popend.rw4{background-image: url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd4_2.jpg);}
.popend.rw5{background-image: url(//game.gtimg.cn/images/lv/cp/a2021528bili/vd5_2.jpg);}
.pop_ct{width: 100%;height: 11.34rem;left: 0;top: 50%;transform: translateY(-50%);}
.logo1{width: 2.5rem;height: 1rem;left: 0;top: 0.3rem;}
.end_bns{width: 6.47rem;height: 0.75rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;display: flex;justify-content: space-between;align-items: center;}
.btn_hbdh{width:1.94rem;height: 0.51rem;background-position: -0.24rem -5.98rem;}
.btn_ljgd{width:1.94rem;height: 0.51rem;background-position: -4.77rem -5.98rem;}
.btn_fxhy{width: 2.2rem;height: 0.51rem;background-position: -2.37rem -5.98rem;}


.pop_yzm{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/pop-yzm.png) no-repeat;width: 6.5rem;height: 3.5rem;position: relative;background-size: 100% 100%;display: none;}
.pop_yzm .pop-con{padding-top: 0.95rem;}
.pop_yzm .list_yzm li{position: relative;width: 5.6rem;margin: 0 auto;}
.pop_yzm .list_yzm input{background: #fefdfc;width: 5.6rem;height: 0.62rem;display: block;box-sizing: border-box;border: 1px solid #c3c3c3;border-radius: 0.1rem;text-indent: 1em;}
.pop_yzm .list_yzm p{color: #808080;font-size: 0.24rem;position: absolute;right: 0.1rem;top: 0;height: 0.62rem;line-height: 0.62rem;}
.pop_yzm .list_yzm .btn_yzm{color: #808080;font-size: 0.24rem;position: absolute;right: -0.01rem;top: -0.01rem;height: 0.58rem;line-height: 0.58rem;background-color: #fbeace;border: 1px solid #c3c3c3;border-radius: 0.1rem;}
/*.pop_yzm .list_yzm span{color: #919191;font-size: 0.2rem;margin-top: 0.1rem;display: block;}*/
.pop_yzm .list_yzm span{color: #919191;font-size: 0.2rem;display: block;}
.pop_yzm .btn_ok{width: 5.6rem;height: 0.64rem;display: block;margin:0.25rem auto 0.1rem;text-align: center;color: #484848;font-size: 0.3rem;line-height: 0.64rem;letter-spacing:0.2rem;background: #fbeace;}
.pop_yzm .btn_sbd{width: 5.6rem;color: #fe767b;font-size: 0.2rem;text-align: right;display: block;margin: 0 auto;}

.pop_comm{position:fixed;bottom: 0.8rem;left: 50%;transform: translate(-50%,-65%);background: rgba(0,0,0,0.6);color: #fff;text-align: center;line-height: 0.3rem;font-size: 0.22rem;line-height: 0.3rem;z-index: 999;padding: 0 0.3rem;border-radius: 0.3rem;display: none;}

.pop-share{width:4.62rem;height:2.58rem;display: none;}
.pop-share img{width:4.62rem;height:2.58rem;position: absolute;top: -3.2rem;left:0;}
.pop-share .pop-close{width:7.50rem;height: 13.34rem;top: -5.2rem;left: -1rem;bottom: 0;transform: translateX(0);}

:focus{outline: none;}
.popIn{-webkit-animation: fadeleftIn 1s;animation: fadeleftIn 1s;-webkit-animation-name: popIn;animation-name: popIn;}
.popOut{animation: scaleOut 1s ease;-webkit-animation: scaleOut 1s ease;}
.rote{animation: rote 1s ease;-webkit-animation: rote 1s ease;}
.btn-order{background: url(//game.gtimg.cn/images/lv/cp/a2021528bili/order.png) no-repeat;background-size: 100% 100%;width: 3.28rem;height: 1.02rem;display: block;margin: 0.5rem auto;}
@keyframes scaleOut{
	0%{transform: scale3d(1, 1, 1);}
	100%{transform: scale3d(0, 0, 0);}
}
@-webkit-keyframes scaleOut{
	0%{-webkit-transform: scale3d(1, 1, 1);}
	100%{-webkit-transform: scale3d(0, 0, 0);}
}
@keyframes rote{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(360deg);}
}
@-webkit-keyframes rote{
	0%{-webkit-transform: rotateY(0);}
	100%{-webkit-transform: rotateY(360deg);}
}
@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}
@keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}

.compatibleStyle {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;	/* Chrome ºÍ Safari */
    -moz-backface-visibility:hidden; 	/* Firefox */
    -ms-backface-visibility:hidden; 	/* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
}