*{padding: 0;margin: 0;}
table{border-collapse:collapse;border-spacing:0;}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */-webkit-tap-highlight-color: transparent;text-decoration: none;}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}

@font-face{
  font-family:'BeatriceBold';
  src:url(../font/Beatrice-Bold.ttf);
}
@font-face{
  font-family:'BeatriceBoldItalic';
  src:url(../font/Beatrice-BoldItalic.ttf);
}
@font-face{
  font-family:'ObviouslyWideBold';
  src:url(../font/Obviously-WideBold.otf);
}
@font-face{
  font-family:'ObviouslyWideBlack';
  src:url(../font/Obviously-WideBlack.otf);
}
@font-face{
  font-family:'BeatriceMedium';
  src:url(../font/Beatrice-Medium.ttf);
}
@font-face{
  font-family:'DejaVuSans';
  src:url(../font/DejaVuSans.ttf);
}
@font-face{
  font-family:'fontth';
  src:url(../font/font_th.ttf);
}
@font-face{
  font-family:'UttumDotum';
  src:url(../font/UttumDotum.ttf);
}
@font-face{
  font-family:'GillSansJa';
  src:url(../font/GillSansJa-Regular.ttf);
}
@font-face{
  font-family:'GillSansMTProCyr';
  src:url(../font/GillSansMTProCyr-Medium.otf);
}

html{font-size: 100px;}
body,html{background-color: #6fc1f6;height: 100%;overflow: hidden;width: 100%;-webkit-user-select: none; -moz-user-select: none;}
body{-webkit-text-size-adjust:none; font-size: 0.26rem;font-family:'BeatriceBold';}
ul,ol,li{list-style: none;}
.sp{background: url(../images/sp.png) no-repeat;background-size: 7.5rem auto;}
.fl{float: left;}
.fr{float: right;}
.pa{position: absolute;}
.pr{position: relative;}
.db {display:block;text-indent:-999em;overflow: hidden;}

.horizon{width:100%;height:100%;background:#32373b;position:fixed;left:0;top:0;z-index:999999;display:none;}
.horizon_box{width:100%;height:4rem;position:absolute;top:50%;left:0;margin-top:-2rem;}
.horizon_pic{width: 5.5rem;height: 3.88rem;margin:0 auto;text-align:center;}
.horizon i{width:100%;height:100%;background:url(../images/shuping.png) 0 0 no-repeat;background-size:100% 100%;margin:0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;position:static;display:block;}
@-webkit-keyframes maskAni{0% {-webkit-transform:rotate(-90deg);}30% {-webkit-transform:rotate(-90deg);}70%{-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(0deg);}}
@media screen and (orientation:portrait ) {.horizon{display:block}}

.wrap{width: 100%;height: 100%;position: relative;overflow: hidden;background: url(../images/bg.jpg) no-repeat 50% 50%;background-size: cover;word-break: break-word;}
.qg_img{background: url(../images/qg1.png) no-repeat 50% 50%;background-size: 100% 100%;width: 14.2rem;height: 7.09rem;position: absolute;left: 1.35rem;top: 0;pointer-events: none;z-index: 9;}
.qg_img2{width: 4.57rem;height: 2.67rem;position: absolute;left: 0;bottom: 0;pointer-events: none;z-index: 9;}
.qg_img3{width: 1.78rem;height: 2.76rem;position: absolute;right: 0;top: 0;pointer-events: none;z-index: 9;}
.con,.con2{background: url(../images/content.png) no-repeat;background-size: 100% 100%;width: 15.08rem;height: 7.5rem;position: absolute;left: 50%;top: 50%;margin: -3.75rem 0 0 -7.54rem;padding: .69rem 1.93rem 0 2.38rem;box-sizing: border-box;text-align: center;}
.info_box{width: 4.98rem;}
.slogan{width: 100%;height: 1.16rem;margin: 0 auto .15rem;position: relative;}
.slogan img{height: 1.16rem;width: auto;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
/* .slogan span{width: 6rem;height: 1.16rem;position: absolute;left: 50%;top: 0;margin-left: -3rem;background: url(../images/slogan.png) no-repeat 50% 0;background-size: auto 1.16rem;} */
.hero_list{font-size: 0;}
.hero_list li{display: inline-block;vertical-align: top;width: 1.44rem;height: 2.03rem;position: relative;margin: 0 .11rem .17rem;}
.hero_list img{width: 2.99rem;height: 2.37rem;position: absolute;left: -1.09rem;top: -.29rem;pointer-events: none;}
.hero_list2{padding-top: .33rem;height: 4.48rem;overflow: hidden;margin-bottom: .05rem;}
.get_img{opacity: 0;}
.get .get_img{opacity: 1;}
.get .nor_img{opacity: 0;}
.hero_name{width: 200%;font-size: .24rem;color: #fff;line-height: 1.1;position: absolute;left: 0;bottom: .1rem;transform-origin: left bottom;transform: scale(.5);}
.btn_draw{width: 3.27rem;display: flex;justify-content: center;align-items: center;overflow: visible;min-height: .56rem;line-height: 1.1;font-size: .19rem;color: #fff;position: relative;background: url(../images/btn.png) no-repeat;background-size: 100% 100%;margin: 0 auto;padding: .04rem .3rem 0;box-sizing: border-box;text-shadow: #6746D4 .02rem .02rem .02rem;}
.btn_draw::before{content: "";position: absolute;top: 50%;margin-top: -.3rem;width: .76rem;height: .59rem;}
.btn_draw::before{background: url(../images/b_icon1.png) no-repeat;background-size: 100% 100%;left: -.8rem;}
/* .btn_draw::after{background: url(../images/b_icon2.png) no-repeat;background-size: 100% 100%;right: -.8rem;} */
.btn_draw em{font-style: normal;}
.pen_icon{background: url(../images/pen.png) no-repeat;width: 2rem;height: .92rem;background-size: 100% 100%;right: -1.59rem;top: -.61rem;position: absolute;pointer-events: none;}
.cj_num{min-width: 2.47rem;line-height: 1.1;display: inline-block;font-size: .18rem;color: #7e5dfb;background: url(../images/line.png) no-repeat 50% bottom;background-size: 100% .17rem;}
.cj_num span{padding: 0 .05rem;}


.btn_share{background-position: 0 0;width: 1.59rem;height: .86rem;right: -.12rem;top: .88rem;padding: .13rem .11rem .11rem .14rem;box-sizing: border-box;font-size: .24rem;color: #3f200a;font-family:'ObviouslyWideBlack';text-align: center;}
.btn_share span{display: flex;justify-content: center;align-items: center;width: 120%;height: 100%;line-height: 1.1;transform: scale(.85);transform-origin: left center;}


.btn_task{background-position: -1.76rem 0;width: 1.75rem;height: .96rem;right: -.24rem;top: 1.66rem;padding: .18rem .2rem .15rem .14rem;box-sizing: border-box;font-size: .24rem;color: #fff;font-family:'ObviouslyWideBlack';text-align: center;}
.btn_task span{display: flex;justify-content: center;align-items: center;width: 130%;height: 100%;line-height: 1.1;transform: scale(.72);transform-origin: left center;}


.jl_info{background: url(../images/left_jl.png) no-repeat;width: 2.27rem;height: 4.71rem;background-size: 100% 100%;position: absolute;left: -.11rem;top: .3rem;}
.jl_num{position: absolute;width: 1.5rem;text-align: center;color: #8263d8;font-size: .2rem;line-height: 1.1;font-family:'BeatriceBoldItalic';transform: rotate(8deg);}
.jl_num1{top: .8rem;left: .48rem;}
.jl_num2{top: 2.3rem;left: .29rem;}


.top_box{height: .68rem;position: absolute;left: 0;top: .05rem;width: 100%;padding: 0 .16rem 0 .3rem;box-sizing: border-box;z-index: 9;}
.top_box a,.lang_box{position: relative;}
.lang_box{float: right;}
.btn_rule{float: left;background: url(../images/rule.png) no-repeat 50% 50%;background-size: 100% 100%;width: .73rem;height: .74rem;}
.btn_back{float: right;background: url(../images/back.png) no-repeat 50% 50%;background-size: .37rem .36rem;width: .55rem;height: .5rem;}
.lang_drop{background: url(../images/lang.png) no-repeat 50% 50%;background-size: .4rem .41rem;width: .55rem;height: .5rem;cursor: pointer;}
.lang_list{display: none;position: absolute;font-size: 0.16rem;color: #838383;background:rgba(255,255,255,.8);width: 2.2rem;right: 0;top: 100%;padding: 0.2rem;box-sizing: border-box;text-align: left;line-height: 0.38rem;z-index: 2;border: 1px solid #e6dffe;max-height: 3.85rem;overflow-y: auto;}
.lang_list li{position: relative;cursor: pointer;font-weight: bold;font-family:'BeatriceMedium';text-transform: none !important;}
/* .lang_box:hover .lang_list{display: block;} */

.gray{filter: grayscale(1);}

/* 弹窗 */
.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}

.pop_rule{background: url(../images/pop.png) no-repeat;width: 8.05rem;height: 5.42rem;background-size: 100% 100%;outline: none;padding-top: .6rem;box-sizing: border-box;}
.pop_close{background: url(../images/close.png) no-repeat;width: .61rem;height: .58rem;background-size: 100% 100%;position: absolute;right: -.7rem;top: 0rem;}
.pop_tit{text-align: center;padding: .4rem .6rem;font-size: .36rem;color: #8263d8;line-height: 1;}
.rule_con{width: 6.9rem;height: 4.2rem;overflow-y: auto;font-size: .2rem;color: #8263d8;line-height: .34rem;margin: 0 auto;text-transform: none;}
.rule_con p{margin-bottom: .2rem;}
.rule_con span{font-weight: bold;}
.rule_con table{width: 80%;border: .02rem solid #8263d8;text-align: center;line-height: 1.2;margin-bottom: .2rem;}
.rule_con td,.rule_con th{border: .02rem solid #8263d8;padding: .1rem 0;}


.pop_ts{width: 7rem;height: 4rem;padding-top: 0;}
.pop_tips{text-align: center;font-size: .24rem;color: #8263d8;line-height: 1.5;display: flex;padding: 0 .8rem;height: 100%;justify-content: center;align-items: center;}

.pop_lq{background: url(../images/pop.png) no-repeat;width: 7.17rem;height: 3.69rem;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.pop_tit2{background: url(../images/pop_ticon.png) no-repeat 50% 60%;width: 6.16rem;min-height: .3rem;background-size: 6.16rem .14rem;padding: 0 .77rem;box-sizing: border-box;font-size: .24rem;color: #9d6be2;line-height: 1.1;margin: 0 auto .1rem;}
.jl_box{background: url(../images/jl_box.png) no-repeat;width: 1.29rem;height: 1.43rem;background-size: 100% 100%;margin: 0 auto;position: relative;}
.jl_box img{position: absolute;width: .77rem;height: .75rem;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.jl_name{height: .42rem;line-height: .42rem;text-align: center;font-size: .2rem;color: #5f5868;}
.btn_ok,.btn_un{display: inline-block;min-width: 1.9rem;height: .52rem;background-size: 100% 100%;line-height: .56rem;font-size: .22rem;padding: 0 .2rem;}
.btn_un{background: url(../images/btn1.png) no-repeat;background-size: 100% 100%;color: #1c5146;}
.btn_ok{background: url(../images/btn2.png) no-repeat;background-size: 100% 100%;color: #722c11;}

.pop_task{background: url(../images/task.png) no-repeat;width: 6.14rem;height: 100%;background-size: 100% 100%;position: absolute;right: -100%;top: 0;display: flex;justify-content: center;align-items: center;text-align: center;transition: right .5s;font-size: 0;padding: 0 .25rem 0 .68rem;box-sizing: border-box;}
.pop_task.show{right: 0;}
.task_hide{background-position: 0 -1.02rem;width: .68rem;height: 1.64rem;position: absolute;left: .35rem;top: 50%;margin-top: -.82rem;}
.pop_tit3{background: url(../images/pop_tit.png) no-repeat;min-width: 3.59rem;min-height: .66rem;background-size: 100% 100%;display: inline-block;font-size: .22rem;color: #fff;line-height: 1.1;padding: .25rem .7rem .15rem;box-sizing: border-box;margin: 0 auto .1rem;}
.pop_tit3 span{display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
.task_list{width: 5.12rem;margin: 0 auto .3rem;overflow: hidden;}
.task_list li{width: 100%;float: left;padding: .04rem 0 .08rem;border-bottom: 1px solid #d1c2ff;display: flex;align-items: center;}
.task_txt{padding-left: .32rem;font-size: .24rem;color: #5f5868;line-height: 1.1;width: 3.1rem;text-align: left;position: relative;padding-top: .1rem;}
.task_txt i{position: absolute;left: 0;top: 50%;margin-top: -.11rem;background-position: -1.27rem -1.07rem;width: .25rem;height: .22rem;}
.task_txt span{display: block;transform-origin: left center;width: 150%;transform: scale(.65);}
.task_list a{width: 1.58rem;display: none;margin-left: auto;}
.task_list a span{display: inline-block;width: 140%;height: 100%;padding: .13rem .1rem .09rem;box-sizing: border-box;font-size: .24rem;line-height: 1.1;text-align: center;transform-origin: left center;transform: scale(.71);}
.btn_inc{background:url(../images/btn_task1.png) no-repeat;background-size: 100% 100%;color: #1c5146;}
.btn_collect,.btn_collected{background:url(../images/btn_task2.png) no-repeat;background-size: 100% 100%;color: #722c11;}
.btn_collected{filter: grayscale(1);}
.jl_list{width: 4.6rem;margin: 0 auto;font-size: 0;padding-top: .15rem;position: relative;}
.jl_list li{display: inline-block;vertical-align: top;width: 50%;}
.jl_list::after{content: "";position: absolute;width: .98rem;height: .06rem;left: 50%;margin-left: -.49rem;background: #8564d7;top: .8rem;}
.jl_name2{padding: .17rem .1rem .1rem;font-size: .24rem;color: #5f5868;line-height: 1.1;height: .6rem;width: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;text-align: center;}
.jl_name2{width: 150%;transform: scale(.65) translateX(-25%);transform-origin: center top;}

.jl_list a{width: 1.9rem;display: none;margin: -0.15rem auto 0;}
.jl_list a span{background-size: 100% 100%;line-height: 1.1;font-size: .24rem;padding: .05rem .25rem .03rem;display: flex;justify-content: center;align-items: center;text-align: center;min-height: .54rem;box-sizing: border-box;transform-origin: left center;transform: scale(.71);width: 137%;}
.btn_collected2{background: url(../images/btn1.png) no-repeat;background-size: 100% 100%;color: #1c5146;}
.btn_collect2,.btn_unlock{background: url(../images/btn2.png) no-repeat;background-size: 100% 100%;color: #722c11;}
.btn_unlock{filter: grayscale(1);}

.task_dot{background: url(../images/dot.png) no-repeat;width: .1rem;height: .1rem;background-size: 100% 100%;position: absolute;right: .3rem;top: .2rem;display: none;}

.pop_hero .pop_close{right: 0;top: .5rem;}
/* .phero_box i{position: absolute;left: 0;top: 0;width: 6.71rem;height: 6.71rem;} */

.pop_hero,.phero_box{width: 12.94rem;height: 6.83rem;}
.pop_hero:before{content: "";background: url(../images/hb.png) no-repeat;width: 16.19rem;height: 9.02rem;background-size: 100% 100%;position: absolute;right: -0.2rem;top: 0;pointer-events: none;z-index: 2;}
.hero_bg{position: absolute;left: 0;top: 0;width: 12.94rem;height: 6.83rem;}
.phero_box{position:absolute;left: 0;top: 0;}
.hero_img{width: 14.1rem;height: 6.94rem;position: absolute;right: 0;bottom: 0;pointer-events: none;}
.hero_hidet1{font-size: 0;position: absolute;z-index: -999;opacity: 0;width: 0;height: 0;overflow: hidden;}
/* .phero_box img{width: 9.36rem;height: 5.99rem;position: absolute;left: -1.31rem;top: -.1rem;} */
.phero_info{padding: 1.1rem 0.67rem 0 6.5rem;color: #fff;}
.phero_name{font-size: 0;height: .5rem;border-bottom: 1px solid rgba(255,255,255,.8);width: 5.1rem;margin-bottom: .15rem;}
.phero_name p{display: inline-block;vertical-align: middle;line-height: .5rem;height: .4rem;font-size: .32rem;padding-right: .1rem;}
.phero_name img{display: inline-block;vertical-align: middle;width: .45rem;height: .39rem;}
.phero_txt{height: 1.65rem;margin-bottom: .15rem;border-bottom: 1px solid rgba(255,255,255,.8);}
.phero_txt dt{padding-bottom: .15rem;font-size: .24rem;line-height: 1.2;}
.phero_txt dd{padding-bottom: .15rem;font-size: .24rem;line-height: 1.6;font-family:'BeatriceMedium';text-transform: none;width: 145%;transform: scale(.7);transform-origin: left top;}
.pop_hero .share_btn{bottom: -.34rem;}

@-webkit-keyframes pulse2{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}

@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-.2rem)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

@-webkit-keyframes rotate1{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes rotate2{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(-360deg);}
}


/* 分享页面 */
/* .share_box{width: 16.24rem;height: 7.5rem;position: absolute;left: -9999rem;top: -9999rem;z-index: -999;overflow: hidden;}
.share_bg{width: 16.24rem;height: 7.5rem;position: absolute;left: 50%;top: 0;margin-left: -8.12rem;}
.con1{width: 15.08rem;height: 7.5rem;position: absolute;left: 50%;top: 50%;margin: -3.75rem 0 0 -7.54rem;}
.book_img{width: 15.08rem;height: 7.5rem;position: absolute;left:0;top: 0;}
.con2{background: none;}
.share_icon{position: absolute;width: 5.28rem;height: 1.18rem;right: 1.8rem;bottom: 1rem;}
.share_txt{position: absolute;width: 2.45rem;right: 4.25rem;top: 5.35rem;font-size: .18rem;color: #b350ee;line-height: .26rem;font-family:'BeatriceBoldItalic';height: 1.2rem;display: flex;text-align: left;align-items: center;} */

/* 分享弹窗 */
.pop_share{width: 11.41rem;height: 5.94rem;box-sizing: border-box;padding: .23rem .25rem;background: url(../images/share_border.png) no-repeat;background-size: 100% 100%;margin-top: -.4rem;}
.loading_bg{background: url(../images/loading.gif) no-repeat 50% 50%;background-size: .8rem .8rem;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.share_pic{width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;position: relative;z-index: 1;}
.share_pic img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all .3s;transform: scale(1.05);}
.pop_share .pop_close{right: -.2rem;top: -.2rem;z-index: 9;}
.share_btn{width: 100%;position: absolute;left: 0;bottom: -.84rem;height: .78rem;text-align: center;font-size: 0;}
.share_btn a{display: inline-block;vertical-align: top;width: .78rem;height: .78rem;margin: 0 .06rem;-webkit-animation:pulse2 1.2s ease-in-out both infinite;}
.share1{background-position: -3.57rem 0;}
.share2{background-position: -4.41rem 0;}
.share3{background-position: -5.25rem 0;}

/* 抽卡浮层 */
.pop_draw{width: 16.24rem;height: 6.8rem;text-align: center;font-size: 0;z-index: 9;}
.choose_tit span{display: inline-block;vertical-align: top;background: url(../images/choose_tit.png) no-repeat;height: .64rem;background-size: 100% 100%;min-width: 6.05rem;padding: 0 .5rem;box-sizing: border-box;line-height: .74rem;font-size: .24rem;color: #fff;}
.choose_tit{margin-bottom: .05rem;}
.time_tit span{display: inline-block;vertical-align: top;background: url(../images/time_tit.png) no-repeat 50% bottom;height: .54rem;background-size: 100% .23rem;min-width: 2.47rem;padding: 0 .2rem;box-sizing: border-box;line-height: .54rem;font-size: .2rem;color: #d6c0ff;font-family:'BeatriceMedium';}
.time_tit{margin-bottom: 1rem;}
.card_list,.card_end{width: 14.7rem;height: 4.24rem;margin: 0 auto;position: relative;}
.card_item{position: absolute;width: 2.3rem;height: 3.4rem;z-index: 9999;}
.card1{left: 1.36rem;top: .65rem;transform: rotate(-13deg);}
.card2{left: 3.75rem;top: .16rem;transform: rotate(-8deg);}
.card3{left: 6.09rem;top: 0;}
.card4{left: 8.45rem;top: .16rem;transform: rotate(8deg);}
.card5{left: 10.8rem;top: .65rem;transform: rotate(13deg);}
.pop_draw .pop_close{width: 100vw;height: 100vh;left: 50%;top: 50%;margin: -50vh 0 0 -50vw;right: initial;background: none;}
.card_show,.card_xun{width: 16.24rem;height: 7.5rem;left: 50%;top: 50%;margin: -4.41rem 0 0 -8.13rem;position: absolute;pointer-events: none;}
.card_show img,.card_xun img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.card_show img:nth-of-type(1),.card_xun img:nth-of-type(1){opacity: 1;}
.card_xun{display: none;}

.card_click,.card_flip,.light_box,.light_box1{width: 16.24rem;height: 7.5rem;left: 50%;top: 50%;margin: -4.41rem 0 0 -8.13rem;position: absolute;pointer-events: none;display: none;}
.card_click img,.card_flip img,.light_box img,.light_box1 img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.card_click img:nth-of-type(1),.card_flip img:nth-of-type(1),.light_box img:nth-of-type(1),.light_box1 img:nth-of-type(1){opacity: 1;}
.light_box{display: block;z-index: 9;}

.res_hero{display: none;width: 16.24rem;height: 7.5rem;left: 50%;top: 50%;margin: -4.41rem 0 0 -8.13rem;position: absolute;pointer-events: none;}
.res_hero img{width: 7.21rem;height: 3.93rem;position: absolute;left: 50%;top: 50%;margin-top: -2.05rem;margin-left: -3.81rem;}
.pop_name{width: 3.36rem;height: .77rem;left: 50%;top: 5.35rem;margin-left: -1.68rem;position: absolute;text-align: center;line-height: .76rem;font-size: .18rem;color: #fff;}
.name1,.first1 .pop_name{background: url(../images/pname1.png) no-repeat;background-size: 100% 100%;}
.name2,.first2 .pop_name{background: url(../images/pname2.png) no-repeat;background-size: 100% 100%;}
.name3,.first3 .pop_name{background: url(../images/pname3.png) no-repeat;background-size: 100% 100%;}

.card_end{pointer-events: none;}

/* 每日首抽 */
.pop_first{width: 3.02rem;height: 5.78rem;}
.pop_first .pop_close{right: -1.2rem;}
.first_card{width: 3.02rem;height: 4.78rem;position: relative;}
.first1{background: url(../images/first1.png) no-repeat;background-size: 100% 100%;}
.first2{background: url(../images/first2.png) no-repeat;background-size: 100% 100%;}
.first3{background: url(../images/first3.png) no-repeat;background-size: 100% 100%;}
.first_card img{width: 6.3rem;height: 3.43rem;position: absolute;left: 50%;top: 50%;margin-top: -1.9rem;margin-left: -3.32rem;}
.first_card .pop_name{top: 3.75rem;transform: scale(.92);transform-origin: 50% 0;}
.btn_click{height: .9rem;display: flex;font-size: .18rem;color: #7f3113;line-height: 1.1;justify-content: center;align-items: center;text-align: center;text-shadow: #ffff76 .02rem .02rem .02rem;position: absolute;z-index: 2;left: 50%;transform: translateX(-50%);top: 101%;overflow: hidden;}
.btn_click p{background: url(../images/btn_click.png) no-repeat;background-size: 100% 100%;padding: .34rem .5rem .22rem;-webkit-animation:pulse 1.5s ease-in-out both infinite;min-width: 3.22rem;box-sizing: border-box;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.08)}
100%{-webkit-transform:scale(1)}
}
.share_hero{width: 1px;height: 1px;position: absolute;left: -9999rem;top: -9999rem;z-index: -9999;opacity: 0;}

.jb_tit{font-size: .24rem;line-height: 1.1;}

.share_btn .share_vk{background: url(../images/vk_icon.png) no-repeat 50% 50%;background-size: 75%;display: none;}

/* 语言适配 */
.pop_txt{display: none;}
.lang_en .txt_en{display: block;}
.lang_fr .txt_fr{display: block;}
.lang_it .txt_it{display: block;}
.lang_de .txt_de{display: block;}
.lang_es .txt_es{display: block;}
.lang_pl .txt_pl{display: block;}
.lang_cs .txt_cs{display: block;}
.lang_hu .txt_hu{display: block;}
.lang_el .txt_el{display: block;}
.lang_ro .txt_ro{display: block;}
.lang_tr .txt_tr{display: block;}
.lang_ru .txt_ru{display: block;}
.lang_esla .txt_esla{display: block;}
.lang_ptbr .txt_ptbr{display: block;}
.lang_jp .txt_jp{display: block;}
.lang_kr .txt_kr{display: block;}
.lang_zhtw .txt_tw{display: block;}
.lang_vi .txt_vi{display: block;}
.lang_th .txt_th{display: block;}
.lang_id .txt_id{display: block;}

/* EN */
.lang_en{text-transform: uppercase;}
.lang_en .lang_list li[data-id='EN']{color: #8263d8;}

/* FR */
.lang_fr .lang_list li[data-id='FR']{color: #8263d8;}
.lang_fr .btn_share span{width: 130%;transform: scale(.75);}
.lang_fr .phero_txt dd{line-height: 1.4;}

/* IT */
.lang_it .lang_list li[data-id='IT']{color: #8263d8;}
.lang_it .btn_share span{width: 140%;transform: scale(.7);}
.lang_it .phero_txt dt{padding-bottom: .05rem;}
.lang_it .phero_txt dd{width: 155%;transform: scale(.65);line-height: 1.4;}
.lang_it .btn_task span{width: 150%;transform: scale(.65);}

/* DE */
.lang_de .lang_list li[data-id='DE']{color: #8263d8;}
.lang_de .phero_txt dt{padding-bottom: 0;}
.lang_de .phero_txt dd{width: 155%;transform: scale(.65);}

/* ES */
.lang_es .lang_list li[data-id='ES']{color: #8263d8;}
.lang_es .phero_txt dt{padding-bottom: 0;}
.lang_es .phero_txt dd{width: 150%;transform: scale(.67);}
.lang_es .btn_share span{width: 150%;transform: scale(.65);}

/* PL */
.lang_pl .lang_list li[data-id='PL']{color: #8263d8;}
.lang_pl .phero_txt dt{padding-bottom: 0;}
.lang_pl .btn_share span{width: 170%;transform: scale(.6);}
.lang_pl .btn_task span{width: 160%;transform: scale(.6);}

/* CS */
.lang_cs .lang_list li[data-id='CS']{color: #8263d8;}
.lang_cs .phero_txt dt{padding-bottom: 0;}

/* HU */
.lang_hu .lang_list li[data-id='HU']{color: #8263d8;}
.lang_hu .phero_txt dt{padding-bottom: 0;}
.lang_hu .phero_txt dd{width: 155%;transform: scale(.65);}
.lang_hu .btn_share span{width: 160%;transform: scale(.6);}

/* EL */
.lang_el,.lang_el .btn_task,.lang_el .btn_share,.lang_el .phero_txt dd{font-family:'GillSansMTProCyr';}
.lang_el .lang_list li[data-id='EL']{color: #8263d8;}
.lang_list li[data-id='EL']{font-family:'GillSansMTProCyr';}
.lang_el .phero_txt dt{padding-bottom: .05rem;}
.lang_el .phero_txt dd{transform: scale(.67);}

/* RO */
.lang_ro .lang_list li[data-id='RO']{color: #8263d8;}
.lang_ro .phero_txt dt{padding-bottom: 0;}
.lang_ro .btn_share span{width: 150%;transform: scale(.65);}

/* TR */
.lang_tr .lang_list li[data-id='TR']{color: #8263d8;}
.lang_tr .phero_txt dt{padding-bottom: 0;}
.lang_tr .task_list a span{width: 153%;transform: scale(.65);}

/* RU */
.lang_ru,.lang_ru .btn_task,.lang_ru .btn_share,.lang_ru .phero_txt dd{font-family:'GillSansMTProCyr';}
.lang_ru .lang_list li[data-id='RU']{color: #8263d8;}
.lang_list li[data-id='RU']{font-family:'GillSansMTProCyr';}
.lang_ru .phero_txt dt{padding-bottom: .05rem;}
.lang_ru .phero_txt dd{line-height: 1.4;}
.lang_ru .share_vk{display: inline-block;}
.lang_ru .share1,.lang_ru .share3{display: none;}

/* ES-LA */
.lang_esla .lang_list li[data-id='ES-LA']{color: #8263d8;}
.lang_esla .phero_txt dt{padding-bottom: 0;}
.lang_esla .phero_txt dd{width: 150%;transform: scale(.6);}
.lang_esla .btn_share span{width: 150%;transform: scale(.65);}
.lang_esla .btn_task span{width: 150%;transform: scale(.65);}

/* PT-BR */
.lang_ptbr .lang_list li[data-id='PT-BR']{color: #8263d8;}
.lang_ptbr .phero_txt dt{padding-bottom: 0;}

/* JP */
.lang_jp,.lang_jp .btn_task,.lang_jp .btn_share,.lang_jp .phero_txt dd{font-family:'GillSansJa';}
.lang_jp .lang_list li[data-id='JP']{color: #8263d8;}
.lang_list li[data-id='JP']{font-family:'GillSansJa';}

/* KR */
.lang_kr,.lang_kr .btn_task,.lang_kr .btn_share,.lang_kr .phero_txt dd{font-family:'UttumDotum';}
.lang_kr .lang_list li[data-id='KR']{color: #8263d8;}
.lang_list li[data-id='KR']{font-family:'UttumDotum';}
.lang_kr .jl_list a span{transform: scale(.63);width: 155%;}

/* ZH-TW */
.lang_zhtw{font-family: auto;}
.lang_zhtw .lang_list li[data-id='ZH-TW']{color: #8263d8;}

/* VI */
.lang_vi,.lang_vi .btn_task,.lang_vi .btn_share,.lang_vi .phero_txt dd,.lang_vi .time_tit span{font-family:'DejaVuSans';}
.lang_vi .lang_list li[data-id='VI']{color: #8263d8;}
.lang_list li[data-id='VI']{font-family:'DejaVuSans';}
.lang_vi .phero_txt dd{width: 150%;transform: scale(.6);}
.lang_vi .btn_task{padding-top: .25rem;}
.lang_vi .btn_share{padding-top: .18rem;}

/* TH */
.lang_th,.lang_th .btn_task,.lang_th .btn_share,.lang_th .phero_txt dd{font-family:'fontth';}
.lang_th .lang_list li[data-id='TH']{color: #8263d8;}
.lang_list li[data-id='TH']{font-family:'fontth';}

/* ID */
.lang_id .lang_list li[data-id='ID']{color: #8263d8;}
.lang_id .phero_txt dt{padding-bottom: 0;}