@charset "GBK";
body,div,p,ul,li,input,h1,h2,h3,h4 {margin:0;padding:0;-webkit-text-size-adjust:none;}
body {background-color:#ecf1f7;color: #4d617a;}
ul {list-style:none;}
a {text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
a.u{text-decoration: underline;}
img {display:block;border:0;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse:collapse;border-spacing:0}
ul,li {list-style:none;}
/*public Styles*/
html,body{width: 100%;height: 100%;}
body:before{content: '';position: fixed;width: 100%;height: 100%;z-index: -1;left: 0;top: 0;background: url("//game.gtimg.cn/images/fn/cp/a20180723database/mobile/comm_bg.jpg") no-repeat center top fixed;background-size: 100% auto;}
.wrapper{font-size: 0.18rem;padding-top: 0.98rem;min-height: calc(100% - 1.98rem);}
.wrapper img{width: 100%;}
.clearfix:after {content:" ";clear:both;height:0;visibility:hidden;display:block;}
.hide {height:0;line-height:0;font-size:0;visibility:hidden;display:block;}
.t,.title{text-indent:-999em;overflow:hidden;display:block;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.im{color: #ff610b;}
.logo{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/comm_logo.png") no-repeat;background-size: 100% auto;}
@keyframes arrow {
    0%{transform: translateY(0);}
    100%{transform: translateY(0.1rem);}
}
@-webkit-keyframes arrow {
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(0.1rem);}
}
/*top-nav*/
.nav-ico,.ico-return{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/mobile/comm_spr.png") no-repeat;background-size: 0.8rem auto;}
.top{position: fixed;top: 0;left: 0;width: 100%;height: 0.98rem;box-sizing: border-box;background: #333;padding-top: 0.12rem;z-index: 20;}
.top .logo{width: 1.7rem;height: 0.8rem;margin: 0 auto;}
.top .nav-ico{position: absolute;left: 0.55rem;top: 0.14rem;width: 0.8rem;height: 0.66rem;transition: all .3s;}
.top .nav-ico.nav-close{background-position: 0 -0.66rem;}
.left-nav{position: fixed;left: -3.3rem;top: 0;width: 3.3rem;height: 100%;box-sizing: border-box;padding-top: 1.1rem;padding-left: 0.35rem;transition: all .3s;-webkit-transition: all .3s;z-index: 19;background: #4d617a;opacity: 0;}
.left-nav.nav-on{left: 0;opacity: 1;}
.nav-item{padding-left: 0.5rem;display: none;}
.left-nav li,.nav-item a{position: relative;}
.left-nav a{color: #fff;font-size: 0.26rem;padding-left: 0.25rem;line-height: 0.5rem;display: block;}
.left-nav li > a{font-size: 0.3rem;display: block;line-height: 0.75rem;padding-left: 0.5rem;}
.ico-return,.ico-n{width: 0.3rem;height: 0.3rem;position: absolute;left: 0;top: 0.2rem;}
.ico-n{background: #fff;border-radius: 99px;}
.ico-return{background-position: 0 -1.38rem;height: 0.32rem;}
.nav-item .ico-n{width: 0.15rem;height: 0.15rem;top: 0.2rem;}
.left-nav li.on > .ico-n,.left-nav a.active .ico-n{background:#f0ed63;}
.left-nav li.on .nav-item{display: block;}
.left-nav a.active,.left-nav li.on > a{color: #f0ed63;}
/*common*/
.m-cont{padding: 0.3rem;position: relative;z-index: 2;height: 100%;}
.title{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/comm_title.png") no-repeat;width: 4.1rem;height: 0.5rem;background-size: 4.1rem auto;}
.tit-key1{background-position: 0 0;}
.tit-interface{background-position: 0 -0.52rem;}
.tit-intro1{background-position: 0 -1.04rem;}
.tit-intro2{background-position: 0 -1.56rem;}
.tit-intro3{background-position: 0 -2.08rem;}
.tit-intro4{background-position: 0 -8.33rem;}
.tit-build1{background-position: 0 -2.6rem;}
.tit-build2{background-position: 0 -3.12rem;}
.tit-build3{background-position: 0 -3.64rem;}
.tit-build4{background-position: 0 -4.16rem;}
.tit-build5{background-position: 0 -4.68rem;}
.tit-map1{background-position: 0 -5.2rem;}
.tit-medal1{background-position: 0 -5.72rem;}
.tit-task1{background-position: 0 -6.24rem;}
.tit-task2{background-position: 0 -6.76rem;}
.tit-mode1{background-position: 0 -7.28rem;}
.tit-quick1{background-position: 0 -7.8rem;}
.t-des{padding-top: 0.2rem;}
/*key*/
.key-img{width: 7.5rem;margin: 0 -0.3rem;overflow: hidden;position: relative;}
.key-img1{margin-bottom: 0.4rem;}
.interface-img{margin-top: 0.2rem;width: 6.9rem;overflow: hidden;position: relative;}
.level-img{margin-top: 0.2rem;}
/*intro*/
.intro-des{font-size: 0.3rem;font-weight: bold;text-align: center;padding-top: 0.1rem;}
.intro-item li{padding-top: 0.4rem;width: 5.7rem;margin: 0 auto;}
.intro-item .btn-look{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/intro_btn.png") no-repeat;background-size: 100% 100%;width: 2.88rem;height: 0.91rem;margin: 0.2rem auto 0;}
.weapon-nav{display: flex;display: -webkit-flex;justify-content: space-between;padding-top: 0.2rem;}
.weapon-nav a,.wtit{background-image: url("//game.gtimg.cn/images/fn/cp/a20180723database/mobile/weapon_spr.png");background-repeat: no-repeat;background-size: 7.3rem auto;}
.weapon-nav a{width: 1.2rem;height: 0.82rem;}
.wnav1{background-position: 0 0;}
.wnav2{background-position: -2.5rem 0;}
.wnav3{background-position: 0 -1.5rem;}
.wnav4{background-position: -2.5rem -1.5rem;}
.wnav5{background-position: 0 -3rem;}
.wcon{padding-top: 0.4rem;}
.wtit{width: 2.2rem;height: 0.45rem;}
.wtit1{background-position: -5rem 0;}
.wtit2{background-position: -5rem -0.6rem;}
.wtit3{background-position: -5rem -1.2rem;}
.wtit4{background-position: -5rem -1.8rem;}
.wtit5{background-position: -5rem -2.4rem;}
.wdes{font-size: 0.2rem;padding-top: 0.1rem;}
.wimg{border: 0.02rem solid #fff;margin-top: 0.1rem;background: #efefef;}
.wimg img{border-bottom: 0.02rem solid #fff;}
.wlist{padding: 0.2rem;}
/*build*/
.img-box{position: relative;}
.img-box .btn-video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.img-box .ico-video{width: 0.68rem;height: 0.63rem;background-position: -0.6rem -2.04rem;position: absolute;left: 50%;top: 50%;margin: -0.31rem 0 0 -0.34rem;}
.material-list{text-align: center;color: #333333;}
.material-item{display: inline-block;vertical-align: top;width: 2.7rem;margin: 0.35rem 0.36rem 0;position: relative;}
.ico-material,.material-play,.img-box .ico-video{background-image: url("//game.gtimg.cn/images/fn/cp/a20180723database/build_spr.png");background-repeat: no-repeat;background-size: 1.5rem auto;}
.ico-material{width: 1.5rem;height: 0.64rem;top: 0.35rem;left: -0.25rem;position: absolute;}
.ico-m1{background-position: 0 0;}
.ico-m2{background-position: 0 -0.67rem;}
.ico-m3{background-position: 0 -1.34rem;}
.material-play{width: 0.69rem;height:0.61rem;background-position: -0.6rem -2.06rem;position: absolute;left: auto;right: 0.3rem;top: 2.7rem;animation: videoIcon .5s linear infinite alternate;-webkit-animation: videoIcon .5s linear infinite alternate;}
.material-info{padding-left: 0.4rem;padding-top: 0.2rem;line-height: 0.26rem;}
.material-info li{float: left;}
.material-info span,.material-info strong{display: block;}
.type-list{margin-left: -0.32rem;}
.type-list li{width: 3.28rem;float: left;margin: 0.32rem 0 0 0.32rem;}
.type-list h3{font-size: 0.36rem;line-height: 0.45rem;padding-bottom: 0.1rem;}
@keyframes videoIcon {
    0%{transform: scale(0.9);}
    100%{transform: scale(1);}
}
@-webkit-keyframes videoIcon {
    0%{-webkit-transform: scale(0.9);}
    100%{-webkit-transform: scale(1);}
}
.skill-video-box{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/build_sill_video_bg.png") no-repeat;background-size: 100% auto;width: 6.8rem;height: 4.08rem;margin: 0.4rem auto 0.3rem;position: relative;padding: 0.1rem 0.18rem 0.13rem 0.21rem;box-sizing: border-box;}
.skill-play,.more-skill-tit{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/build_ico_skill.png") no-repeat;}
.skill-play{position: absolute;width: 1.2rem;height: 1.03rem;left: 50%;top: 50%;background-size: 100% auto;margin: -0.52rem 0 0 -0.6rem;}
.skill-list-box{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/mobile/build_sill_list_bg.png") no-repeat;background-size: 100% auto;width: 6.56rem;height: 2.83rem;box-sizing: border-box;position: relative;margin-left: 0.3rem;}
.skill-video-box #container{height: 100%;}
.more-skill-tit{width: 1.36rem;height: 0.5rem;background-size: 1.51rem auto;background-position: 0 -1.5rem;position: absolute;left: -0.4rem;top: 0.22rem;}
.skill-list{padding: 0.85rem 0 0 0.4rem;height: 1.64rem;overflow: hidden;width: 5.8rem;}
.skill-list li{padding: 0 0.2rem 0.1rem 0;line-height: 0.3rem;display: inline-block;vertical-align: top;}
.skill-list a{color: #fff;text-decoration: underline;}
.change-box{padding-top: 0.5rem;}
.change-list{margin-left: -0.2rem;padding-top: 0.2rem;}
.change-list li{width: 3.3rem;border: 0.02rem solid #fff;float: left;margin:0 0 0.22rem 0.2rem;}
.change-btn{margin-top: 0.2rem;margin-left: -0.3rem;}
.change-btn a{background-image: url("//game.gtimg.cn/images/fn/cp/a20180723database/build_change_btn.png");background-repeat: no-repeat;background-size: 1.5rem;width: 1.5rem;height: 0.58rem;float: left;margin-left: 0.3rem;}
.change-btn2{background-position: 0 -0.6rem;}
.change-btn3{background-position: 0 -1.2rem;}
.change-btn4{background-position: 0 -1.8rem;}
.change-wrap .t-des strong{padding-right: 0.15rem;font-size: 0.24rem;}
.change-tit{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/build_change_tit.png") no-repeat;background-size: 1rem auto;width: 1rem;height: 0.5rem;}
.change-tit1{background-position: 0 0;}
.change-tit2{background-position: 0 -0.5rem;}
.change-tit3{background-position: 0 -1rem;}
.change-tit4{background-position: 0 -1.5rem;}
/*medal*/
.metal-item{padding-bottom: 0.5rem;}
.metal-item img{width: 6.1rem;margin: 0.3rem auto 0;}
.btn-medal-detail{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/medal_btn.png") no-repeat;background-size: 100% auto;width: 3.7rem;height: 1.06rem;margin: 0 auto;}
/*task*/
.task-img{margin-top: 0.2rem;}
.task-list{padding: 0.4rem 0 0.5rem;}
.task-list li{width: 6.73rem;margin: 0 auto 0.36rem;background: #fff;color: #2b2c2c;min-height: 5.2rem;}
.task-list img{width: 6.36rem;margin: 0 auto;border: 0.02rem solid #4d617a;}
.task-list p{line-height: 0.24rem;padding: 0.1rem 0.12rem 0;text-align: justify;}
.task-tit,.task-raider .ico-video,.task-more{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/mobile/task_spr.png") no-repeat;background-size: 6.73rem auto;}
.task-tit{height: 0.9rem;position: relative;top: -0.05rem;margin-bottom: 0.12rem;}
.task-tit1{background-position: 0 0;}
.task-tit2{background-position: 0 -2.65rem;}
.task-tit3{background-position: 0 -3.61rem;}
.task-tit4{background-position: 0 -4.6rem;}
.task-more{width: 1.77rem;height: 0.53rem;background-position: 0 -1.6rem;}
.task-raider{margin-left: -0.75rem;padding-top: 0.2rem;}
.task-raider li{float: left;width: 2.98rem;margin-left: 0.8rem;overflow: hidden;margin-bottom: 0.3rem;}
.task-raider a{display: block;cursor: pointer;text-decoration: none;}
.task-raider .img-box{position: relative;width: 2.98rem;height: 1.45rem;}
.task-raider img{display: block;height: 100%;}
/*.task-raider .video-cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.3;filter:alpha(opacity=30);transition: all .3s;}*/
.task-raider .ico-video{width: 0.67rem;height: 0.4rem;background-position: 0 -2.2rem;position: absolute;top: 50%;left: 50%;margin: -0.2rem 0 0 -0.33rem;}
.task-raider p{color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;line-height: 0.35rem;background: #fff;}
/*mode*/
.mode-list{margin-left: -0.18rem;padding-top: 0.3rem;}
.mode-list li{float: left;width: 3.38rem;height: 2.7rem;margin-left: 0.16rem;margin-bottom: 0.31rem;background: #fff;position: relative;color: #353535;}
.mode-list strong{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/mode_ico_tit.png") no-repeat right center;background-size: 3.54rem auto;position: absolute;left: 0;top: 0;line-height: 0.35rem;text-indent: 0.05rem;padding-right: 0.16rem;white-space: nowrap;}
.mode-list p{padding:0.1rem 0.07rem;}
/*quick*/
.qtit{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/quick_tit.png") no-repeat;width: 5.5rem;height: 0.42rem;background-size: 5.5rem auto;}
.qtit1{background-position: 0 0;}
.qtit2{background-position: 0 -0.45rem;}
.qtit3{background-position: 0 -0.91rem;}
.qtit4{background-position: 0 -1.37rem;}
.qtit5{background-position: 0 -1.83rem;}
.qcon{padding: 0.4rem 0 0;}
.qcon ul{margin-left: -0.3rem;}
.qcon li{float: left;width: 3.06rem;padding: 0.1rem;height: 2.7rem;background: #fff;margin-top: 0.25rem;margin-left: 0.3rem;}
.qcon .img-box{position: relative;height: 1.64rem;overflow: hidden;}
.qcon .ico-video{background: url("//game.gtimg.cn/images/fn/cp/a20180723database/quick_video_icon.png") no-repeat;width: 0.8rem;height: 0.69rem;position: absolute;left: 50%;top: 50%;margin: -0.25rem 0 0 -0.4rem;transition: all .3s;-webkit-transition: all .3s;background-size: 100% auto;}
.qcon .img-box2:hover .ico-video{transform: scale(1.1);-webkit-transform: scale(1.1);}
.qcon .ico{position: absolute;top: 0;left: 0;background: url("//game.gtimg.cn/images/fn/cp/a20180723database/quick_ico.png") no-repeat center right;line-height: 0.43rem;font-size: 0.26rem;color: #2b2c2c;padding-right: 0.3rem;padding-left: 0.12rem;font-weight: bold;background-size: 4rem auto;}
.qcon p{line-height: 0.26rem;padding-top: 0.05rem;}

/* video */
.pop_video {position: fixed;width: 100%;height: 100%;top:0;left:0;background: #000;outline: none;display: none;z-index:10000;}
.video_con {width: 100%;height: 100%;position:absolute;top:0;left:0;}
.video_con > div {width: 100%;height: 100%;-webkit-user-select: none;user-select: none;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.video_btn_close {position: absolute;right: 0;top: 0;width: 37px;height: 37px;background: #f6d53c;display: block;z-index:999;}
.video_btn_close i {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 25px;height: 25px;background: url(//game.gtimg.cn/images/fn/cp/a20180410sub/close.png) no-repeat;display: block;}
.txp_poster{background-size: 100% auto !important;}
/*µ×²¿*/
#afooter{ background: #333333;color:#898989;text-align: center;font-size: 0.2rem;padding: 0.2rem 0;line-height: 0.3rem;}
@media screen and (orientation: landscape) {
    .wrapper{padding-top: 0.68rem;}
    .top{height: 0.68rem;}
    .top .logo{width: 1rem;height: 0.5rem;}
    .top .nav-ico{transform: scale(0.7);transform-origin: left top;-webkit-transform: scale(0.7);-webkit-transform-origin: left top;left: 0.2rem;top: 0.12rem;}
    .left-nav{width: 100%;height: auto;padding-bottom: 0.2rem;left: 0;top: -3rem;font-size: 0.12rem;padding-left: 1rem;padding-top: 0.78rem;}
    .left-nav li{width: 2.1rem;float: left;}
    .left-nav a{line-height: 0.2rem;font-size: 0.14rem;}
    .left-nav li > a{font-size: 0.16rem;padding-left: 0.3rem;line-height: 0.4rem;}
    .left-nav.nav-on{top: 0;}
    .ico-return{left: -0.05rem;}
    .ico-n{width: 0.2rem;height: 0.2rem;top: 0.1rem;}
    .nav-item .ico-n,.ico-return{top: 0.05rem;}
    .nav-item{padding-left: 0.3rem;}
    .key-img img{transform: rotate(-90deg) scale(0.7);-webkit-transform: rotate(-90deg) scale(0.7);margin: -3.65rem 0;}
    .interface-img img{transform: rotate(-90deg) scale(0.56);-webkit-transform: rotate(-90deg) scale(0.56);margin: -4.5rem 0;}
    #afooter{font-size: 0.14rem;padding: 0.1rem 0;line-height: 0.2rem;}
}