/* 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;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
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;}
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;}
#content{position: relative; width: 19.2rem; height: 10.8rem; display: none;}
.wrap{width: 100%; height: 100%; display: block; background: url(../images/bg.jpg) no-repeat 0 0; background-size: 100% auto; position: relative;}
.section{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.topBtns{width: 10rem; height: .74rem; position: absolute; right: .4rem; top: .35rem; z-index: 80; display: flex; justify-content: right;}
.pubBtns{display: block; width: .74rem; height: .74rem; cursor: pointer; margin-right: .2rem; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; position: relative; cursor: pointer;}
.btn_list_show{background-image: url(../images/btn_menu.png);}
.btn_pop_rule{background-image: url(../images/btn_que.png);}
.btn_share{background-image: url(../images/btn_share.png);}
.btn_lang{background-image: url(../images/btn_lang.png);}
.btn_user{background-image: url(../images/btn_user.png); margin: 0;}
.btn_on{display: block; width: 100%; height: 100%; cursor: pointer;}
.menuShow{width: 1.1rem; height: 1.31rem; background: url(../images/menupop.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 50%; transform: translate(-50%,0); top: .74rem; display: none;}
.menulink{width: .9rem; margin: 0 auto; padding-top: .2rem;}
.menulink a{display: block; width: .9rem; height: .32rem; line-height: .32rem; border-bottom: .01rem solid #FFF; text-align: center; font-size: .16rem; color: #352f70; margin-bottom: .04rem; font-weight: bold;}
.menulink a:last-child{border-bottom: 0 none; margin-bottom: 0;}

.loginShow{width: 1.34rem; height: .84rem; background: url(../images/menupop2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 50%; transform: translate(-50%,0); top: .74rem; display: none;}
.loginlink{width: 1.2rem; margin: 0 auto; padding-top: .18rem;}
.loginlink a{display: block; width: 100%; height: .3rem; line-height: .3rem; text-align: center; font-size: .16rem; color: #352f70; font-weight: bold; border-bottom: .02rem solid #352f70;}
.loginlink a:last-child{border-bottom: 0 none;}
.loginlink a.selectName{}
.loginlink a.logout{display: flex; justify-content: center; align-items: center;}
.loginlink a.logout span{background: url(../images/icon_logout.png) no-repeat 0 .07rem; background-size: .22rem auto; padding-left: .24rem; line-height: .3rem;}
.myTips{width: 4.74rem; height: 1.23rem; margin: 0 auto;}

.pageTitle{width: 13.00rem; height: 1.85rem; position: absolute; left: 0; top: 0;}

.tabMain{width: 11.25rem; height:.74rem; position: absolute; left: 8.37rem; top: 1.7rem; z-index: 30; display: block;}
.tabMain a{float: left; width: 2.85rem; height: .91rem; margin-right: 0.2rem;}

.bookBox{width: 18.19rem; height: 8.66rem; position: absolute; left: 0.49rem; top: 1.42rem;}
.leftBox{width: 6.4rem; height: 7.54rem; position: absolute; left: 0.4rem; top: 0.83rem;}
.left_head{background: url(../images/left_head.png) no-repeat 0 0; background-size: 100% auto;}

.leftCont{width: 5.75rem; height: 2.6rem; position: absolute; left: .4rem; top: 4.56rem;}
.myTop{height: 1.7rem; position: relative;}
.myDiv{width: 4.46rem; margin: 0 auto;}
.sharePrize{height: .34rem; line-height: .34rem; background: url(../images/s.png) no-repeat 0 center; background-size: .22rem auto; text-indent: .3rem; font-size: .24rem; color: #383838; font-weight: bold; margin-bottom: .08rem;}
.codeContDiv{width: 4.46rem; height: .46rem; position: relative;}
.myCode{width: 3.4rem; height: .42rem; line-height: .42rem; font-size: .24rem; color: #383838; font-weight: bold; position: absolute; left: 0; top: 0; text-align: center;}
.myCode span{}
.btn_copy{display: block; width: 1.04rem; height: .42rem; cursor: pointer; position: absolute; right: 0; top: 0;}
.btn_copy a{display: block; width: 100%; height: 100%; cursor: pointer;}
.btn_copy a.btn_invite{}
.btn_copy a.btn_invite_none{position: absolute; left: 0; top: 0; z-index: 1;}
.todayPrize{text-align: center; font-size: .2rem; color: #383838; height: .52rem; display: flex; justify-content: center; align-items: center; line-height: .2rem;}

.btn_yao{height: .78rem; margin: 0 auto; position: relative; display: flex; justify-content: center;}
.btn_yao a{display: block; width: 2.42rem; height: .55rem; cursor: pointer; margin: 0 .06rem;}
.btn_yao div{display: block; width: 2.42rem; height: .55rem; cursor: pointer; margin: 0 .06rem; position: relative;}
.btn_yao div a.btn_invite{margin: 0;}
.btn_yao div a.btn_invite_none{position: absolute; left: 0; top: 0; z-index: 1;margin: 0;}

.rightBox{width: 10.60rem; height: 7.3rem; position: absolute; right: .58rem; top: 1.55rem; display: block; z-index: 10;}
.moImg{width: 4.94rem; height: 1.77rem; background: url(../images/mt.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: -1.5rem; bottom: -0.59rem;}
.moImg.m2{right: -4.5rem;}

.loginText{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: .42rem; color: #222; font-weight: bold;}
.loginText span{cursor: pointer;}
.listScroll{width: 9.6rem; height: 5.6rem; overflow: hidden; overflow-y: auto; position: absolute; left: .62rem; top: .4rem;}
.listBox{width: 9.32rem; height: 1.45rem; background: url(../images/wbg.png) no-repeat 0 0; background-size: 100% auto;}
.listIcon{float: left; width: 2.6rem; padding-top: .18rem; display: flex; justify-content: center;}
.listIcon span{display: block; width: 0.8rem; height: .85rem; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; margin: 0 0.12rem; position: relative;}
.listIcon span a{display: block; text-align: center; font-size: 0.15rem; color: #FFF; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.2rem; display: flex; justify-content: center; align-items: center;}

.listText{float: left; width: 4.5rem; height: 1.22rem; display: flex; align-items: center; font-size: .24rem; font-weight: bold; color: #2067ff;}
.listText span{color: #222;}

.listBtns{float: right; width: 2.1rem; padding-top: .35rem;}
.listBtns a{display: block; width: 1.85rem; height: .54rem; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-position:0 0;}
.listBtns a span{display: none; width: 0.18rem; height: 0.18rem; background: #ff4747; border-radius: 0.18rem; position: absolute; right: 0.04rem; top: 0.01rem;}

.listBtns a.btn_get_task span{display: block;}
.listBtns a.on span{display: block;}

.listBtns a.get_btn_box.on .task_none{display:none;}
.listBtns a.get_btn_box.on .btn_get_task{ display:block;}


.teamIcon{height: 0.3rem; position: absolute; left: .46rem; top: 6.7rem;}
.teamIcon span{float: left; height: 0.3rem; line-height: 0.3rem; font-size: .24rem; color: #fff; margin-right: .15rem;}
.teamIcon div{float: left; height: 0.3rem;}
.teamIcon a{float: left; width: 0.3rem; height: 0.3rem; background-image: url(../images/teamIcon.png); background-position: 0.03rem 0.03rem; background-repeat: no-repeat; background-size: 80% auto; border-radius: 0.3rem; margin-right: 0.08rem;}
.teamIcon a.on{background-color: #fff;}
.overMes{display: block; height: 2.54rem; width: 100%;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 99; display: none;}
.popCont{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: 11.98rem; height: 6.63rem; background: url(../images/pop1.png) no-repeat 0 0; background-size: 100% auto;}
.pop2{width: 8.01rem; height: 3.21rem; background: url(../images/pop2.png) no-repeat 0 0; background-size: 100% auto;}
.closeBtn{display: block; width: .77rem; height: .75rem; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -.3rem; top: -.3rem; z-index: 100;}

.iconBz{display: block; width: 1.06rem; height: 1.01rem; background: url(../images/bz.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -.24rem; top: -.15rem;}


.popListMain{width: 10.9rem; height: 5.3rem; position: absolute; left: .54rem; top: .48rem;}
.popListTitle{width: 3.74rem; height: .88rem; position: absolute; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; position: absolute; left: -.7rem; top: -1.54rem;}
.popTableHead{width: 10.30rem; height: .86rem; border-bottom: .03rem solid #1e52c2; margin-bottom: 0.24rem;}
.popTableHead span{float: left; height: .84rem; display: flex; justify-content: center; align-items: center; font-size: .24rem; font-weight: bold; color: #454545;}
.popTableHead span.a1{width: 3.3rem;}
.popTableHead span.a2{width: 3.6rem;}
.popTableHead span.a3{width: 3.3rem; float: right;}
.popTableHead span.a4{width: 6.9rem;}
.popTableHead span.a5{width: 3.3rem; float: right;}
.popTabScroll{width:100%; height: 4.1rem; overflow: hidden; overflow-y: auto;}
.popTableBody{width: 10.30rem;}
.popTableList{height: .6rem; margin-bottom: 0.1rem; background: #f8f9ff; border-radius: 0.6rem;}
.popTableBody span{float: left; height: .6rem; display: flex; justify-content: center; align-items: center; font-size: .24rem; color: #454545;}
.popTableBody span.a1{width: 3.3rem;}
.popTableBody span.a2{width: 3.6rem;}
.popTableBody span.a3{width: 3.3rem; float: right;}
.popTableBody span.a4{width: 6.9rem; display: flex; justify-content: center; align-items: center;}
.popTableBody span.a4 a{display: block; padding: 0 0.26rem;}
.popTableBody span.a5{width: 3.3rem; float: right;}

.popListTitle2{width: 100%; height: .76rem; position: absolute; background-position: 0 0; background-repeat: no-repeat; position: absolute; left: -.1rem; top: -.9rem;}

.popImgScroll{width: 10.9rem; height: 5.4rem; position: absolute; left: 0.6rem; top: 0.6rem; overflow: hidden; overflow-y: auto;}

.ruleShow{ line-height: .36rem; font-size: .18rem; color: #454545; padding-right: 0.3rem;}
.ruleShow h3{color: #1e52c2; font-size: .24rem; font-weight: bold;}
.ruleShow table{border-collapse: collapse; width: 60%;}
.ruleShow table th,.ruleShow table td{border: 1px solid #000; text-align: center;}
.ruleShow thead td{color: #1e52c2;}

.yaoMain{width: 5.2rem; position: absolute; left: 5.6rem; top: 4.4rem;}
.yaoMain2{width: 5.5rem; position: absolute; left: 5.7rem; top: 0.6rem;}
.yaoText{height: 3.25rem; font-size: .24rem; color: #454545; line-height: .5rem; margin-left: 0.4rem;}
.yaoText2{height: 2.8rem;}
.yaoText2 span{display: block; font-size: .2rem; color: #454545; padding: .05rem 0 0 .05rem; font-weight: bold;}
.btn_get{display: block; width: 2.45rem; height: .72rem; margin: 0 auto; cursor: pointer;}
.btn_join{display: block; width: 2.45rem; height: .72rem; margin: 0 auto; cursor: pointer;}
.yaoTips{text-align: center; font-size: .24rem; color: #c13534; padding-top: .1rem;}
.codeDiv{width: 5.04rem; height: .86rem; margin: 0.6rem auto 0rem auto; position: relative; margin-bottom: 0.18rem;}
.codeDiv input{display: block; font-size: .36rem; color: #2d2d2d; text-align: center; height: .7rem; width: 2.6rem; text-align: center; position: absolute; left: 2.05rem; top: .13rem; outline: none; border: 0 none; background: none; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.yaoCont{width: 100%; height: 100%; position: relative;}
.yaoCont2{width: 100%; height: 100%; position: relative;}

.msg{text-align: center; padding: 0 0.4rem 0 0.4rem; font-size: .36rem; color: #454545; line-height: .4rem; display: flex; justify-content: center; align-items: center; height: 3rem; flex-wrap: wrap;}
.msg span{display: block; color: #1e52c2; font-weight: bold; font-size: .36rem;}

.msg2{text-align: center; padding: .85rem 0rem 0 0rem; font-size: .24rem; color: #454545; line-height: .4rem;}
.msg2 h2{color: #1e52c2; font-size: .36rem; height: .6rem; font-weight: bold;}
.msg2 p{color: #454545; font-size: .24rem; line-height: .4rem;}

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

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

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

.icon_close{ position:absolute; width:0.75rem; height:0.75rem; right:0.92rem; top:-0.02rem;background:url(../images/icon_close.png) no-repeat;background-size:100% auto; cursor:pointer; z-index:5;}
.pop_box_share{ position:absolute; width:12.25rem; height:6.89rem; left:50%; top:50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0);}
.pop_box_share .icon_close{ right:0; top:-0.85rem;}
.create_box{ position:relative; width:12.25rem; height:6.89rem;}
.mode_img{display:block; width:100%; height:100%;}
.share_ewm{position:absolute; width:1.2rem; height:1.2rem; left:0.48rem; top:5.30rem; border-radius: .1rem; background: #000; padding: .01rem;}
.share_tx{position:absolute; width:1.32rem; height:1.32rem; left:1.95rem; top:5.3rem; border-radius:1.32rem;}

.create_user{position:absolute; width:2.6rem; height:0.92rem; left:4rem; top:6.06rem;}
.create_user span.create_sever{display: block; height: .36rem; line-height: .3rem; font-size: .26rem; color: #4e86ff; font-weight: bold; padding-left: .36rem;}
.create_user div.share_code_box{height: .26rem; line-height: .26rem; padding: 0 .1rem; font-size: .24rem; color: #4e86ff; font-weight: bold; background: rgba(75,75,75,0.6);}


.btn_save{position:absolute; width:2.67rem; height:0.54rem; right:-2.8rem; top:0rem; cursor:pointer; display: none;}

/* pop_copy_succ */
.pop_box_msg{ position:absolute; width:8.92rem; height:3.08rem; left:50%; top:50%; transform:translate3d(-50%,-47%,0); -webkit-transform:translate3d(-50%,-47%,0); background:url(../images/pop_bg_msg.png) no-repeat;background-size:100% auto;}
.pop_box_msg .icon_close{right:0.6rem; top:-0.18rem;}
.pop_cont2{ position:absolute; width:7.74rem; height:2.67rem; left:0.58rem; top:0.23rem;}
.invite_text1{ margin-top:0.68rem; font-size:0.36rem; font-weight:bold;line-height:0.4rem; color:#ffee98; text-align:center;}
.invite_text2{ max-height:0.48rem; margin-top:0.15rem; font-size:0.24rem; line-height:0.36rem; color:#fff; text-align:center;}
/* pop_msg */


.sharetxt{font-size: 0.14rem;color: #fff;position: absolute;top: 6.65rem;left: 0.38rem; display: none;}


.indexEN .pageTitle{background: url(../images/en/pageTitle.png) no-repeat 0 -.3rem; background-size: 100% auto;}
.indexEN .tabMain a.tab1{background: url(../images/en/tab.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .codeContDiv{background: url(../images/en/input.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .btn_yao a.btn_share{background: url(../images/en/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .btn_yao a.btn_invite{background: url(../images/en/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .btn_yao a.btn_rule{background: url(../images/en/btn_rule.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .listBtns a.task_none{background-image: url(../images/en/btnlc_no.png); cursor: default;}
.indexEN .listBtns a.task_done{background-image: url(../images/en/btnlc_over.png); cursor: default;}
.indexEN .listBtns a.btn_get_task{background-image: url(../images/en/btnlc_on.png); cursor: pointer;}
.indexEN .listBtns a.on{background-image: url(../images/en/btnlc_on.png); cursor: pointer;}
.indexEN .popListTitle.pt1{background-image: url(../images/en/pt1.png);}
.indexEN .popListTitle2.pt4{background-image: url(../images/en/pt4.png); background-size: 3.74rem auto;}
.indexEN .popListTitle2.pt5{background-image: url(../images/en/pt5.png); background-size: 3.74rem auto;}
.indexEN .btn_save{background:url(../images/en/btn_save.png) no-repeat;background-size:auto 100%;}
.indexEN .yaoCont{background: url(../images/en/pop_yao1.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .yaoCont2{background: url(../images/en/pop_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .codeDiv{background: url(../images/en/codebg.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .btn_get{background: url(../images/en/btn_get.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .btn_join{background: url(../images/en/btn_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexEN .overMes{background: url(../images/en/overMes.png) no-repeat center 0; background-size: 5.40rem auto;}
.indexEN .myTips{background: url(../images/en/tips.png) no-repeat center 0; background-size: 100% auto;}

.indexJP .pageTitle{background: url(../images/jp/pageTitle.png) no-repeat 0 -.3rem; background-size: 100% auto;}
.indexJP .tabMain a.tab1{background: url(../images/jp/tab.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .codeContDiv{background: url(../images/jp/input.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .btn_yao a.btn_share{background: url(../images/jp/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .btn_yao a.btn_invite{background: url(../images/jp/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .btn_yao a.btn_rule{background: url(../images/jp/btn_rule.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .listBtns a.task_none{background-image: url(../images/jp/btnlc_no.png); cursor: default;}
.indexJP .listBtns a.task_done{background-image: url(../images/jp/btnlc_over.png); cursor: default;}
.indexJP .listBtns a.btn_get_task{background-image: url(../images/jp/btnlc_on.png); cursor: pointer;}
.indexJP .listBtns a.on{background-image: url(../images/jp/btnlc_on.png); cursor: pointer;}
.indexJP .popListTitle.pt1{background-image: url(../images/jp/pt1.png);}
.indexJP .popListTitle2.pt4{background-image: url(../images/jp/pt4.png); background-size: 3.74rem auto;}
.indexJP .popListTitle2.pt5{background-image: url(../images/jp/pt5.png); background-size: 3.74rem auto;}
.indexJP .btn_save{background:url(../images/jp/btn_save.png) no-repeat;background-size:auto 100%;}
.indexJP .yaoCont{background: url(../images/jp/pop_yao1.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .yaoCont2{background: url(../images/jp/pop_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .codeDiv{background: url(../images/jp/codebg.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .btn_get{background: url(../images/jp/btn_get.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .btn_join{background: url(../images/jp/btn_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexJP .overMes{background: url(../images/jp/overMes.png) no-repeat center 0; background-size: 5.40rem auto;}
.indexJP .yaoText2 span{padding-top: .1rem;}
.indexJP .myTips{background: url(../images/jp/tips.png) no-repeat center 0; background-size: 100% auto;}

.indexKR .pageTitle{background: url(../images/kr/pageTitle.png) no-repeat 0 -.3rem; background-size: 100% auto;}
.indexKR .tabMain a.tab1{background: url(../images/kr/tab.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .codeContDiv{background: url(../images/kr/input.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .btn_yao a.btn_share{background: url(../images/kr/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .btn_yao a.btn_invite{background: url(../images/kr/btn_yao.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .btn_yao a.btn_rule{background: url(../images/kr/btn_rule.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .listBtns a.task_none{background-image: url(../images/kr/btnlc_no.png); cursor: default;}
.indexKR .listBtns a.task_done{background-image: url(../images/kr/btnlc_over.png); cursor: default;}
.indexKR .listBtns a.btn_get_task{background-image: url(../images/kr/btnlc_on.png); cursor: pointer;}
.indexKR .listBtns a.on{background-image: url(../images/kr/btnlc_on.png); cursor: pointer;}
.indexKR .popListTitle.pt1{background-image: url(../images/kr/pt1.png);}
.indexKR .popListTitle2.pt4{background-image: url(../images/kr/pt4.png); background-size: 3.74rem auto;}
.indexKR .popListTitle2.pt5{background-image: url(../images/kr/pt5.png); background-size: 3.74rem auto;}
.indexKR .btn_save{background:url(../images/kr/btn_save.png) no-repeat;background-size:auto 100%;}
.indexKR .yaoCont{background: url(../images/kr/pop_yao1.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .yaoCont2{background: url(../images/kr/pop_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .codeDiv{background: url(../images/kr/codebg.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .btn_get{background: url(../images/kr/btn_get.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .btn_join{background: url(../images/kr/btn_join.png) no-repeat 0 0; background-size: 100% auto;}
.indexKR .overMes{background: url(../images/kr/overMes.png) no-repeat center 0; background-size: 5.40rem auto;}
.indexKR .yaoText2 span{padding-top: .4rem;}
.indexKR .myTips{background: url(../images/kr/tips.png) no-repeat center 0; background-size: 100% auto;}


.orientation{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; background: #333;}
.orientation::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 200px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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) no-repeat 0 0; background-size: 100% auto;}
.orientation.active{ display: block;}