body{ position: relative; -webkit-text-size-adjust: 100%; font-size: 0.16rem;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; vertical-align: baseline; font-family: Arial, "Noto Sans", Serif, Helvetica, sans-serif;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input::placeholder{ color: #666;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
h1.wm-public{height:0; line-height:0; font-size:0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

.wrapper{ height: 10.8rem; display: none;}
.scroll::-webkit-scrollbar{width:0.12rem;border-radius: 0.06rem;background: #696969;}
.scroll::-webkit-scrollbar-thumb{border-radius:0.06rem;background:#3969ff;}

/* 头部功能区 */
.topBtns{ right: .4rem; top: .35rem; display: flex;}
.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);}
.btn_on{display: block; width: 100%; height: 100%; cursor: pointer;}
.pubBtns:last-child{margin: 0;}
.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: .59rem; background: url(../images/menupop3.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;}
.back_game{background-image: url(../images/btn_back.png);}

/* 左侧功能区 */
.leftWrap{ top: 2.42rem; left: .95rem; width: 6.3rem; height: 7.44rem; background: url(../images/leftWrap.png) no-repeat 0 0 / 100% auto;}
.myInviteCode{ top: 4.8rem; left: .94rem; color: #383838;}
.myInviteCode h3{ font-size: .23rem;}
.myInviteCode h3::before{ content: ""; display: inline-block; margin-right: .05rem; width: .23rem; height: .18rem; background: url(../images/icon-arrow.png) no-repeat 0 0 / 100% auto;}
.myInviteCode p{ font-size: .16rem;}
.myInviteCode div{ margin-top: .1rem; display: flex; justify-content: space-between; align-items: center; width: 4.46rem; height: .42rem; border-radius: .21rem; background: #FFF;}
.myInviteCode div input{ margin-left: .26rem; width: 2.8rem; height: 100%; border: none; background: none; font-size: .24rem; color: #383838;}
.myInviteCode div button{ width: 1.04rem; height: .42rem; border-top-right-radius: .21rem; border-bottom-right-radius: .21rem; background: #383838; font-weight: bold; font-size: .21rem; color: #FFF; text-transform: uppercase;}
.JoinFleet{ top: 6.05rem; left: .94rem; width: 4.45rem;}
.JoinFleetBtn{ display: block; margin: 0 auto; width: 3.65rem; height: .53rem; background: #3969d0; border-radius: .1rem; font-weight: bold; font-size: .29rem; color: #FFF; text-transform: uppercase;}
.alreadyJoined{ line-height: .28rem; font-size: .18rem;}

/* 右侧功能区 */
.rightWrap{ top: 3.05rem; right: 1.11rem; width: 10.67rem; height: 6.72rem; background: url(../images/rightWrap.png) no-repeat 0 0 / 100% auto;}
.progress{ top: .9rem; width: 8.3rem; display: flex; justify-content: space-evenly; align-items: flex-start;}
.progress::before{ content: ""; position: absolute; top: 1.88rem; left: 0; right: 0; height: .14rem; border-radius: .07rem; background: #8d8d8d;}
.progress::after{ content: ""; position: absolute; top: 1.88rem; left: 0; height: .14rem; border-radius: .07rem; background: #3969d0;}
.progress.p1::after{ width: 25%;}
.progress.p2::after{ width: 50%;}
.progress.p3::after{ width: 75%;}
.progress.p4::after{ width: 100%;}
.step{ width: 2.07rem; text-align: center; line-height: .22rem; font-size: .2rem; color: #757575;}
.step.active, 
.step.on{ color: #3969d0;}
.step .head{ margin: 0 auto; width: 1.34rem; height: 1.32rem; background: url(../images/step0.png) no-repeat 0 0 / 100% auto;}
.step.active .head, 
.step.on .head{ background: none;}
.step .head img{ display: none; width: 100%; height: 100%;}
.step.active .head img, 
.step.on .head img{ display: block;}
.step .text{ height: .69rem; box-sizing: border-box; padding-top: .05rem;}
.prizeImg{ margin: 0 auto; width: 1.29rem; height: 1.7rem; background: url(../images/prizeImg.png) no-repeat 0 0 / 300% auto;}
.active .prizeImg{ background-position-x: 50%; cursor: pointer;}
.on .prizeImg{ background-position-x: 100%;}
.prizeName{ margin-top: .05rem;}
.rightTip{ top: 5.08rem; width: 9.24rem; padding-top: .17rem; text-align: center; background: url(../images/rightTip.png) no-repeat center top / 9.24rem .16rem; line-height: .22rem; font-size: .2rem; color: #575757;}
.noLogin{ top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); display: flex;}
.noLoginCont{ margin: auto; width: 9.26rem; height: 5.14rem; background: url(../images/noLoginCont.png) no-repeat 0 0 / 100% auto; display: flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.bz::before{ content: ""; position: absolute; top: -0.15rem; left: -0.25rem; width: 1.06rem; height: 1.01rem; background: url(../images/bz.png) no-repeat 0 0 / 100% auto;}
.noLoginCont .text{ font-weight: bold; line-height: .56rem; font-size: .43rem; color: #454545; text-align: center;}
.noLoginCont .btns{ margin-top: .3rem; display: flex;}
.noLoginCont .btns button, .noLoginCont .btns a{ width: 2.62rem; height: .61rem; line-height: .61rem; text-align: center; margin: 0 .3rem; background: #3969d0; border-radius: .1rem; font-weight: bold; font-size: .28rem; color: #FFF; text-transform: uppercase;}

/*  */
.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;}

/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 10; display: none;}
.popWrap{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pop1{width: 11.98rem; height: 6.63rem; background: url(../images/pop1.png) no-repeat 0 0 / 100% auto;}
.pop2{width: 8.01rem; height: 3.21rem; background: url(../images/pop2.png) no-repeat 0 0 / 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;}

/* 弹出框：战队成员列表 */
.popListMain{width: 10.9rem; height: 5.3rem; position: absolute; left: .54rem; top: .48rem;}
.popListTitle{width: 3.74rem; height: .99rem; 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: .99rem; position: absolute; background-position: 0 0; background-repeat: no-repeat; position: absolute; left: -.1rem; top: -1rem;}
.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;}

/* 弹出框：分享海报 */
#pop_share{ z-index: 21;}
.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;}
.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%;}

/* 弹出框：加入舰队 */
.popJoinCont{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center;}
.popJoinCont h3{ width: 100%; font-size: .45rem; color: #3969ff; text-transform: uppercase;}
.popJoinCont .form{ margin-top: .2rem; display: flex; justify-content: center; align-items: center;}
.popJoinCont .form input{ width: 3.69rem; height: .49rem; border-radius: .1rem; background: #a4a4a4; text-align: center; font-weight: bold; font-size: .24rem; color: #454545; border: none; box-shadow: 0 0 0.1rem rgba(0, 0, 0, .5) inset;}
.popJoinCont .form button{ margin-left: .1rem; width: 1.91rem; height: .49rem; border-radius: .1rem; font-weight: bold; font-size: .26rem; color: #FFF; background: #383838; text-transform: uppercase;}
.popJoinCont .tip{ margin-top: .2rem; font-size: .2rem; color: #454545;}

/* 弹出框：邀请码复制成功 */
.popCopyCont{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center;}
.popCopyCont h3{ width: 100%; font-size: .36rem; color: #3969ff;}
.popCopyCont .msg{ padding: 0 .4rem; margin-top: .2rem; line-height: .34rem; font-size: .24rem; color: #454545;}

/* 弹出框：alert */
#pop_alert{ z-index: 20;}
.popAlertCont{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center;}
.alertMsg{ padding: 0 .4rem; line-height: .34rem; font-size: .24rem; color: #454545;}

/* 弹出框：角色绑定 */
#server, #role{ display: block; width: 3.67rem; height: .44rem; background: #FFF url(../images/icon-arrow.png) no-repeat 3.3rem center / .23rem .18rem; border: 1px solid #4975dd; box-sizing: border-box; padding-right: .4rem; font-size: .22rem; color: #6d6d6d; text-align: center;}
#server{margin: 1rem auto .5rem auto;}
#role{ margin: 0 auto 1rem auto;}
.popBindConfirm { display: block; margin: 0.3rem auto 0 auto; width: 3.4rem; height: .88rem; line-height: .75rem; text-align: center; background: url(https://tof.perfectworld.com/public/login/images/popConfirm.png) no-repeat center bottom; background-size: 100% auto; font-weight: bold; font-size: .4rem; color: #FFF;}

/* 弹出框：端内提示绑定 */
.sdkBindTip{ padding: 0 .4rem;}
.sdkBindTip div{ line-height: .34rem; font-size: .24rem; color: #454545;}
.sdkBindConfirm{ display: block; margin: 0.3rem auto 0 auto; width: 3.4rem; height: .88rem; line-height: .75rem; text-align: center; background: url(https://tof.perfectworld.com/public/login/images/popConfirm.png) no-repeat center bottom; background-size: 100% auto; font-weight: bold; font-size: .4rem; color: #FFF;}

/************************************************* 语言分支 *************************************************/
/* lang-en */
.indexEN .wrapper{ background: url(../images/en/wrapper.jpg) no-repeat 0 0 / 100% auto;}
.indexEN .popListTitle.pt1{background-image: url(../images/en/pt1.png);}
.indexEN .popListTitle2.pt2{background-image: url(../images/en/pt2.png); background-size: 3.74rem auto;}

/* lang-jp */
.indexJP .wrapper{ background: url(../images/jp/wrapper.jpg) no-repeat 0 0 / 100% auto;}
.indexJP .popListTitle.pt1{background-image: url(../images/jp/pt1.png);}
.indexJP .popListTitle2.pt2{background-image: url(../images/jp/pt2.png); background-size: 3.74rem auto;}

/* lang-kr */
.indexKR .wrapper{ background: url(../images/kr/wrapper.jpg) no-repeat 0 0 / 100% auto;}
.indexKR .popListTitle.pt1{background-image: url(../images/kr/pt1.png);}
.indexKR .popListTitle2.pt2{background-image: url(../images/kr/pt2.png); background-size: 3.74rem auto;}