@charset "utf-8";
/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
select{-webkit-appearance:none; outline: none; resize:none; border-radius:0;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
body,html{width: 100%; overflow-x: hidden;}
body{background: url(../images/y.png) repeat-y 0 0; background-size: 100% auto;}
#content{width:100%; display: none; background:url(../images/bg.jpg) no-repeat center 0; background-size: 100% auto;}
.header{height: 13.24rem; position: relative; background: url(../images/bgicon.png) no-repeat center 0; background-size: 100% auto;}


.logo{display: block; position: absolute; left: .2rem; top: .2rem; width: 1.71rem; height: 1.53rem; background: url(../images/logo.png) no-repeat 0 0; background-size: 100% auto; z-index: 100;}

.nav{width: 7.8rem; height: .8rem; position: absolute; right: .6rem; top: .26rem; z-index: 100; display: flex; justify-content: right;}
.nav .btn{cursor: pointer; width: .81rem; height: .8rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; margin-left: .32rem; position: relative; display: block;}
.nav .home{background-image: url(../images/nav_home.png);}
.nav .prize{background-image: url(../images/nav_prize.png);}
.nav .rule{background-image: url(../images/nav_rule.png);}
.nav .share{background-image: url(../images/nav_share.png); width: .8rem;}
.nav .lang{background-image: url(../images/nav_lang.png);}
.nav .out{background-image: url(../images/nav_logout.png);}
.btnClick{display: block; width: 100%; height: 100%;}
.langShow{width: 1.73rem; height: 2.1rem; background: url(../images/langShow.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 0; top: .85rem; display: none;}
.langShow span{display: block; height: .28rem;}
.langShow a{display: block; width: 1.56rem; height: .56rem; line-height: .56rem; text-align: center; font-size: .3rem; color: #FFF; border-bottom: .02rem solid #4d4d4d; margin: 0 auto;}
.langShow a:last-child{border-bottom: 0 none;}
.langShow a.on,.langShow a:hover{color: #7cecfc;}

.loginAfter{display: none;}
.TwitchloginAfter{display: none;}
.bindAfter{display: none;}


.logoutCont{width: 1.85rem; height: 0.9rem; background: #1d1d1d; border-radius: 0.1rem; overflow: hidden; position: absolute; right: 0; top: .99rem; display: none;}
.logoutTop{height: .1rem; background: #7cecfc;}
.logoutUser{height: .44rem; text-align: center; line-height: .44rem; color: #FFF; font-size: .18rem;}
.logoutBtns{display: block; cursor: pointer; width: 1.52rem; height: .24rem; line-height: .24rem; background: #3c3c3c; border-radius: .24rem; font-size: .18rem; color: #FFF; margin: 0 auto; text-align: center;}

.slogan{height: 5.6rem; position: absolute; left: 1.65rem; top:6.45rem;}
.bind_user{display: block; cursor: pointer; width: 3.34rem; height: 1.36rem; position: absolute; left: 0; top: 3.8rem; transition: 0.2s;}
.bind_online{display: block; cursor: pointer; width: 3.3rem; height: 1.8rem; position: absolute; left: 3.72rem; top: 3.2rem; transition: 0.2s;}
.bind_user:hover,.bind_online:hover{transform: translate(0,4px);}
.sloganTips{color: #FFF; position: absolute; width: 100%; left: 0; top: 5.3rem;}


.bindCont{height: 14.75rem; background: url(../images/lineIcon.png) no-repeat 0 bottom; background-size: 100% auto;}
.bindTitle{height: 4.2rem;}
.stepCont{height: 8.4rem; display: flex; justify-content: center;}
.steplist{width: 5.87rem; height: 8.4rem; margin: 0 .6rem;}

.stepBtns{padding: 6.4rem 0 .1rem 0;}
.stepBtns a{display: block; width: 4rem; height: .86rem; margin: 0 auto; cursor: pointer; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;}
.stepIcon{display: block; width: 3.39rem; height: 3.25rem; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat; margin: 0 auto;}
.stepIcon.i1{background-image: url(../images/step_icon1.png);}
.stepIcon.i2{background-image: url(../images/step_icon2.png);}
.stepIcon.i3{background-image: url(../images/step_icon3.png);}
.loginFont{text-align: center; font-size: .3rem; color: #FFF;}
.loginFont a{color: #3ab7ff; cursor: pointer; text-decoration: underline;}

.quesCont{background: url(../images/lineIcon2.png) no-repeat 0 bottom; background-size: 100% auto; padding-bottom: 1.9rem;}
.quesTitle{height: 4.2rem;}
.queslist{width: 20.6rem; margin: 0 auto;}
.listli{padding-bottom: .5rem;}
.listli:last-child{padding-bottom: 0;}
.listTitle{display: block; height: 1.8rem; width: 100%; position: relative; cursor: pointer;}
.listbg1{background: url(../images/listbg1.png) no-repeat 1.5rem 0; background-size: 11.63rem auto;}
.listbg2{background: url(../images/listbg2.png) no-repeat 1.5rem 0; background-size: 14.33rem auto;}
.listbg3{background: url(../images/listbg3.png) no-repeat 1.5rem 0; background-size: 19.05rem auto;}
.listbg4{background: url(../images/listbg4.png) no-repeat 1.5rem 0; background-size: 16.01rem auto;}
.listTitle span.icon{background: url(../images/textIcon.png) no-repeat 0 0; background-size: 2rem auto; width: .79rem; height: .78rem; position: absolute; left: .5rem; top: .3rem;}
.listTitle span.num{width: 1.87rem; height: 1.2rem; position: absolute; left: 1.58rem; top: .13rem;}
.listTitle span.num1{background: url(../images/num1.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.num2{background: url(../images/num2.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.num3{background: url(../images/num3.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.num4{background: url(../images/num4.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.num5{background: url(../images/num5.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.num6{background: url(../images/num6.png) no-repeat 0 0; background-size: 100% auto;}
.listTitle span.title{display: block; padding-left: 3.6rem; color: #FFF; font-weight: bold; line-height: 1.8rem;}
.listTitle span{font-size: 0.55rem;}
.listbg3 span{font-size: 0.44rem;}
.listTitle.on span.icon{background-position: right 0;}
.listli a,.listli a:hover{color: #5bfefd; text-decoration: underline;}

.listShow{width: 12.12rem; height: 4.47rem; background: url(../images/descbg.png) no-repeat 0 0; background-size: 100% auto; margin-left: 1.6rem; display: none;}
.style2{width: 18.01rem; height: 4.47rem; background: url(../images/descbg2.png) no-repeat 0 0; background-size: 100% auto; margin-left: 1.6rem;}
.listShow p{padding: .5rem .5rem 0 .5rem; font-size: .32rem; color: #FFF; line-height: .56rem;}


.followCont{background: url(../images/lineIcon3.png) no-repeat 0 bottom; background-size: 100% auto; padding-bottom: 1.9rem;}
.followTitle{height: 4.9rem;}
.followIcon{display: flex; justify-content: center; padding: 0 0 .5rem 0;}
.followIcon a{display: block; width: 1.25rem; height: 1.25rem; margin: 0 .16rem; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;}
.followIcon a.icon_1{background-image: url(../images/icon_1.png);}
.followIcon a.icon_2{background-image: url(../images/icon_2.png);}
.followIcon a.icon_3{background-image: url(../images/icon_3.png);}
.followIcon a.icon_4{background-image: url(../images/icon_4.png);}
.followIcon a.icon_5{background-image: url(../images/icon_5.png);}
.followIcon a.icon_6{background-image: url(../images/icon_6.png);}
.followIcon a.icon_7{background-image: url(../images/icon_7.png);}
.followIcon a.icon_8{background-image: url(../images/icon_8.png);}
.followIcon a.icon_9{background-image: url(../images/icon_9.png);}
.followIcon a.icon_10{background-image: url(../images/icon_10.png);}
.followTips{text-align: center; color: #FFF; font-size: .5rem; line-height: .72rem; font-weight: bold;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popWrap{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 7.59rem; height: 8.53rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.pop2{width: 7.59rem; height: 8.97rem; background: url(../images/pop2.png) no-repeat 0 0; background-size: 100% auto;}
.pop3{width: 7.59rem; height: 6.97rem; background: url(../images/pop3.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{display: block; width: .55rem; height: .55rem; background: url(https://nte.perfectworld.com/public/images/main250513/pop/popClose.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; position: absolute; right: .26rem; top: .22rem;}


.ruleScroll{width: 6.6rem; height: 5.3rem; margin: 0 auto; overflow: hidden; overflow-y:auto; color: #141414; font-size: .24rem; line-height: .36rem;}
.ruleScroll p{margin-bottom: .3rem; padding-right: .2rem;}


.prizelist{width: 6.2rem; height: 4.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto;}
.prizeli{width: 2.01rem; height: 2.08rem; position: relative; background: url(../images/li.png) no-repeat 0 0; background-size: 100% auto;}

.prizeIcon{width: 1.61rem; height: 1.4rem; position: absolute; left: .21rem; top: .21rem; background: url(../images/iconbg.png) no-repeat 0 0; background-size: 100% auto;}
.prizeIcon div.icon{width: 100%; height: 1.1rem; background-repeat: no-repeat; background-position: center bottom;}
.prizeIcon div.icon.p1{background-image: url(../images/prize1.png); background-size: .86rem auto;}
.prizeIcon div.icon.p2{background-image: url(../images/prize2.png); background-size: .91rem auto;}
.prizeIcon div.icon.p3{background-image: url(../images/prize3.png); background-size: .92rem auto;}
.prizeIcon div.icon.p4{background-image: url(../images/prize4.png); background-size: .88rem auto;}
.prizeIcon div.icon.p5{background-image: url(../images/prize5.png); background-size: .57rem auto;}
.prizeIcon div.icon.p6{background-image: url(../images/prize6.png); background-size: .76rem auto;}
.prizeIcon div.txt{text-align: center; font-size: .14rem; color: #454545;}
.prizeIcon span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icon_no.png) no-repeat 0 0; background-size: 100% auto; z-index: 10;}
.prizeTime{display: block; width: 100%; position: absolute; left: 0; bottom: .13rem; font-size: .2rem; color: #454545; display: flex; justify-content: center;}
.prizeTime span{background: url(../images/day.png) no-repeat 0 0; background-size: .24rem auto; display: block; height: .25rem; line-height: .25rem; padding-left: .28rem;}
.prizeDiv{display: none; width: .54rem; height: .54rem; background: url(../images/prizeDiv.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: .14rem; top: .1rem; z-index: 10;}
.prizeli.on .prizeIcon span{display: none;}
.prizeli.on .prizeDiv{display: block;}
.prizeli.over{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.prizeli.over .prizeIcon span,.prizeli.over .prizeDiv{display: none;}
.prizeBottom{display: flex; justify-content: center;}
.prizeTips{width: 3.7rem; font-size: .2rem; color: #191919; line-height: .24rem;}
.prizeRefresh{padding-top: .16rem; width: 2.5rem;}
.prizeRefresh a{display: block; width: 2.44rem; height: .38rem; line-height: .38rem; border-radius: .38rem; border: .03rem solid #696969; background: #7cecfc; text-align: center; font-size: .2rem; color: #141414; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.prizeRefresh a.on{-webkit-filter: grayscale(0);filter: grayscale(0); cursor: pointer;}


.msg{height: 3rem; display: flex; justify-content: center; align-items: center; font-size: .46rem; line-height: .75rem; color: #141414; font-weight: bold; padding: 1.4rem .2rem 0 .2rem; text-align: center; margin-bottom: .5rem;}

.enterBtns{display: flex; justify-content: center;}
.enterBtns a{width: 2.97rem; height: .79rem; display: block; margin: 0 .05rem; cursor: pointer; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;}
.enterBtns a:hover{background-position: 0 bottom;}


.bindMain{}
.scroll-panel{width: 6.5rem; height: 4.2rem; margin: 0 auto; overflow: hidden; overflow-y: auto; margin-bottom: .3rem;}
.item-panel{width: 5.4rem; height: 1rem; color: #141414; font-size: .24rem; background: #ebebeb; border-radius: .1rem; padding: 0 0 0 .24rem; margin: 0 auto .2rem; cursor: pointer;}
.item-panel span{display: block; padding: .2rem 0 0 .1rem;}
.item-panel.on{background: #6bdae9;}

.scrollStyle::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:.06rem;background-color:#cbcbcb;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:.06rem;background-color:#0e0e0f;}/*面*/
.scrollStyle::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle::-webkit-scrollbar-track-piece{margin:0;}


.index_cn .slogan{background: url(../images/cn/slogan.png) no-repeat 0 0; background-size: 100% auto; width: 9.46rem;}
.index_cn .slogan .sloganTips{font-size: .22rem;}

.index_cn .bindTitle{background: url(../images/cn/tit_bind.png) no-repeat center .75rem; background-size: 10.11rem auto;}
.index_cn .quesTitle{background: url(../images/cn/tit_ques.png) no-repeat center 1.1rem; background-size: 18.19rem auto;}
.index_cn .followTitle{background: url(../images/cn/tit_follow.png) no-repeat center; background-size: 10.95rem auto;}

.index_cn .bind_user{background: url(../images/cn/bind_user.png) no-repeat 0 0; background-size: 100% auto;}
.index_cn .bind_online{background: url(../images/cn/bind_online.png) no-repeat 0 0; background-size: 100% auto;}

.index_cn .steplist.step1{background: url(../images/cn/step1.png) no-repeat 0 0; background-size: 100% auto;}
.index_cn .steplist.step2{background: url(../images/cn/step2.png) no-repeat 0 0; background-size: 100% auto;}
.index_cn .steplist.step3{background: url(../images/cn/step3.png) no-repeat 0 0; background-size: 100% auto;}

.index_cn .btn_login{background-image: url(../images/cn/btn_login.png);}
.index_cn .btn_logout{background-image: url(../images/cn/btn_logout.png);}
.index_cn .btn_login2{background-image: url(../images/cn/btn_login2.png);}
.index_cn .btn_logout2{background-image: url(../images/cn/btn_logout2.png);}
.index_cn .btn_bind{background-image: url(../images/cn/btn_bind.png);}
.index_cn .btn_unbind{background-image: url(../images/cn/btn_unbind.png); cursor: default;}

.index_cn .pt_prize{height: 2.28rem; background: url(../images/cn/tit_prize.png) no-repeat center 1.46rem; background-size: 4.49rem auto;}
.index_cn .pt_rule{height: 2.28rem; background: url(../images/cn/tit_rule.png) no-repeat center 1.46rem; background-size: 4.49rem auto;}
.index_cn .pt_user{height: 2.8rem; background: url(../images/cn/tit_user.png) no-repeat center 1.72rem; background-size: 5.87rem auto;}
.index_cn .prizeTips{line-height: .3rem;}
.index_cn .enterBtns a.btn_cancel{background-image: url(../images/cn/btn_cancel.png);}
.index_cn .enterBtns a.btn_enter{background-image: url(../images/cn/btn_enter.png);}


.index_en .slogan{background: url(../images/en/slogan.png) no-repeat 0 0; background-size: 100% auto; width: 9.61rem; top: 6.16rem;}
.index_en .slogan .sloganTips{font-size: .24rem;}

.index_en .bindTitle{background: url(../images/en/tit_bind.png) no-repeat center .75rem; background-size: 16.57rem auto;}
.index_en .quesTitle{background: url(../images/en/tit_ques.png) no-repeat center 1.1rem; background-size: 17.69rem auto;}
.index_en .followTitle{background: url(../images/en/tit_follow.png) no-repeat center; background-size: 11.98rem auto;}

.index_en .bind_user{background: url(../images/en/bind_user.png) no-repeat 0 0; background-size: 100% auto;}
.index_en .bind_online{background: url(../images/en/bind_online.png) no-repeat 0 0; background-size: 100% auto;}

.index_en .steplist.step1{background: url(../images/en/step1.png) no-repeat 0 0; background-size: 100% auto;}
.index_en .steplist.step2{background: url(../images/en/step2.png) no-repeat 0 0; background-size: 100% auto;}
.index_en .steplist.step3{background: url(../images/en/step3.png) no-repeat 0 0; background-size: 100% auto;}

.index_en .btn_login{background-image: url(../images/en/btn_login.png);}
.index_en .btn_logout{background-image: url(../images/en/btn_logout.png);}
.index_en .btn_login2{background-image: url(../images/en/btn_login2.png);}
.index_en .btn_logout2{background-image: url(../images/en/btn_logout2.png);}
.index_en .btn_bind{background-image: url(../images/en/btn_bind.png);}
.index_en .btn_unbind{background-image: url(../images/en/btn_unbind.png); cursor: default;}

.index_en .pt_prize{height: 2.28rem; background: url(../images/en/tit_prize.png) no-repeat center 1.46rem; background-size: 4.49rem auto;}
.index_en .pt_rule{height: 2.28rem; background: url(../images/en/tit_rule.png) no-repeat center 1.46rem; background-size: 4.49rem auto;}
.index_en .pt_user{height: 2.8rem; background: url(../images/en/tit_user.png) no-repeat center 1.72rem; background-size: 5.87rem auto;}
.index_en .prizeTips{font-size: .16rem; width: 3.6rem;}
.index_en .enterBtns a.btn_cancel{background-image: url(../images/en/btn_cancel.png);}
.index_en .enterBtns a.btn_enter{background-image: url(../images/en/btn_enter.png);}


.index_jp .slogan{background: url(../images/jp/slogan.png) no-repeat 0 0; background-size: 100% auto; width: 9.75rem;}
.index_jp .slogan .sloganTips{font-size: .18rem; font-weight: 600;}

.index_jp .bindTitle{background: url(../images/jp/tit_bind.png) no-repeat center .75rem; background-size: 14.11rem auto;}
.index_jp .quesTitle{background: url(../images/jp/tit_ques.png) no-repeat center 1.1rem; background-size: 18.76rem auto;}
.index_jp .followTitle{background: url(../images/jp/tit_follow.png) no-repeat center; background-size: 10.93rem auto;}

.index_jp .bind_user{background: url(../images/jp/bind_user.png) no-repeat 0 0; background-size: 100% auto;}
.index_jp .bind_online{background: url(../images/jp/bind_online.png) no-repeat 0 0; background-size: 100% auto;}

.index_jp .steplist.step1{background: url(../images/jp/step1.png) no-repeat 0 0; background-size: 100% auto;}
.index_jp .steplist.step2{background: url(../images/jp/step2.png) no-repeat 0 0; background-size: 100% auto;}
.index_jp .steplist.step3{background: url(../images/jp/step3.png) no-repeat 0 0; background-size: 100% auto;}

.index_jp .btn_login{background-image: url(../images/jp/btn_login.png);}
.index_jp .btn_logout{background-image: url(../images/jp/btn_logout.png);}
.index_jp .btn_login2{background-image: url(../images/jp/btn_login2.png);}
.index_jp .btn_logout2{background-image: url(../images/jp/btn_logout2.png);}
.index_jp .btn_bind{background-image: url(../images/jp/btn_bind.png);}
.index_jp .btn_unbind{background-image: url(../images/jp/btn_unbind.png); cursor: default;}

.index_jp .pt_prize{height: 2.43rem; background: url(../images/jp/tit_prize.png) no-repeat center 1.3rem; background-size: 4.49rem auto;}
.index_jp .pt_rule{height: 2.28rem; background: url(../images/jp/tit_rule.png) no-repeat center 1.3rem; background-size: 4.49rem auto;}
.index_jp .pt_user{height: 2.8rem; background: url(../images/jp/tit_user.png) no-repeat center 1.72rem; background-size: 5.87rem auto;}
.index_jp .prizeTips{font-size: .14rem;}
.index_jp .enterBtns a.btn_cancel{background-image: url(../images/jp/btn_cancel.png);}
.index_jp .enterBtns a.btn_enter{background-image: url(../images/jp/btn_enter.png);}

.moveBtns{
  -webkit-animation: moveBtns .8s alternate infinite linear;
  animation: moveBtns .8s alternate infinite linear;
}
@-webkit-keyframes moveBtns{
  0%{-webkit-transform:scale(1);}
  100%{-webkit-transform:scale(.95);}
}
@keyframes moveBtns{
  0%{transform: scale(1);}
  100%{transform:scale(.95);}
}

.otherPlatform.index_otherPlatform{position:absolute;top:3.68rem;right:.38rem;z-index:4;display:inherit}
.yy_otherPlatform.otherPlatform{display:flex}
.yy_otherPlatform.otherPlatform a{margin:0 .09rem}
.otherPlatform.index_otherPlatform a{display:block}
.otherPlatform a{position:relative;margin:0 0 .2rem 0;width:.66rem;height:.66rem;background:url(https://nte.perfectworld.com/public/images/cover240718/otherPlatform.png) no-repeat;background-position-y:0;background-size:auto 200%}
.otherPlatform .platform_twitter{background-position-x:0}
.otherPlatform .platform_facebook{background-position-x:-0.84rem}
.otherPlatform .platform_youtube{background-position-x:-1.68rem}
.otherPlatform .platform_discord{background-position-x:-2.52rem}
.otherPlatform .platform_reddit{background-position-x:-3.37rem}
.otherPlatform .platform_ins{background-position-x:-4.2rem}
.otherPlatform .platform_tiktok{background-position-x:-5.04rem}
.otherPlatform .platform_line{background-position-x:-5.88rem}
.otherPlatform .platform_naver{background-position-x:-6.72rem}
.otherPlatform .platform_talk{background-position-x:-7.56rem}
.otherPlatform a:hover{background-position-y:-0.66rem}
.otherPlatform .code{position:absolute;bottom:100%;left:50%;transform:translate(-50%,0);display:none}
.otherPlatform a:hover .code{display:block}
.otherPlatform .code div{margin-bottom:.1rem;border-radius:.05rem;padding:.1rem;background:#fff}
.otherPlatform .code img{display:block;width:1.2rem;height:1.2rem}

.zh-Hans .pop_regSuccess_tit {
        width: 5.87rem;
        height: 1.21rem;
        background: url(../images/cn_pop_regSuccess_tit.png) no-repeat 0 0;
        background-size: 100% auto
}
.en .pop_regSuccess_tit {
        width: 5.87rem;
        height: 1.41rem;
        background: url(../images/en_pop_regSuccess_tit.png) no-repeat 0 0;
        background-size: 100% auto
}
.ja .pop_regSuccess_tit {
        width: 6.3rem;
        height: 1.22rem;
        background: url(../images/jp_pop_regSuccess_tit.png) no-repeat 0 0;
        background-size: 100% auto
}