*{ padding: 0; margin: 0}
html, body { position: relative; height: 100%; }
a{ text-decoration: none; }
ul{ list-style: none; }
body {-webkit-text-size-adjust:none; background-color: #02091d;background-repeat: no-repeat; background-size: 100%; font-family: Helvetica Neue,Microsoft YaHei, Helvetica, Arial, sans-serif;font-size:0.24rem; margin: 0; padding: 0; color:#fff}
.warp{ width: 100%; height: 100%; position: relative; }
.warp .bg{ position: relative; z-index: 20; width: 100%; height: 100%; overflow: hidden; }

.warp .nav{ position: fixed; height: 0.65rem; width: 100%; top: 0; z-index:9999} 
.warp .nav ul{ font-size: 0; width: 100%; height: 0.65rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/line.png) bottom no-repeat; background-size: 100% 100%; }
.warp .nav li {vertical-align: top; }
.warp .nav li a{ display: block; width: 100%; height: 100%; font-size: 0.2rem; color: #fff; text-align: center; line-height: 0.61rem; text-shadow: 0 0 0.3rem #1e3b60; }
.warp .nav  .back { width: 1.98rem; height: 0.6rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/baoliao/back.png) no-repeat; background-size: 100%; }
.warp .nav  .nav-com{ width: 2.2rem; height: 0.61rem; position: relative; margin: 0 auto; }
.warp .nav .last { text-indent: 0; }
.warp .nav .last a{ position: absolute; left: 50%; top: 50%; margin: -0.23rem 0 0 -0.86rem; width: 1.72rem; height: 0.49rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/lookMore.png) no-repeat; background-size: 100%; line-height: 0.46rem}
.warp .nav .cur1,.warp .nav .cur2,.warp .nav .cur3,.warp .nav .cur4,.warp .nav .cur5{ font-weight:700;}
.warp .nav .cur{font-weight:700; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/newheros/pangtong/nav_cur.png) center no-repeat; background-size: 1.90rem;}
.cont{padding:0.92rem 0.43rem 0;}
.cont .list1,.cont .list2{margin-left:-0.24rem;overflow:hidden}
.cont .list1 li{margin-left:0.24rem; margin-bottom:0.24rem;float:left;width:4rem;height: 5.4rem;overflow:hidden}
.cont .list1  a,.cont .list2 a{display:block;width:100%;height:100%;position:relative; }
.cont .list1  img,.cont .list2 img{width:100%;height:100%;display:block}
.cont .list1  span,.cont .list2 span{display:block;position:absolute;bottom:0.07rem;left:0.35rem;width:1.15rem;height:0.45rem; line-height: 0.45rem; text-align: center; background: #0b0e12; border:1px solid #646048;font-size:0.18rem;color:#e0cf8d;}
.cont .list2 li{margin-left:0.24rem;margin-bottom:0.24rem; width:4rem;height:2rem;float:left;overflow:hidden;}
.cont .list1 strong,.cont .list2 strong{ font-size: 0.22rem;  position: absolute; top: 0.15rem; left: 0.3rem; color: #d4b96f; font-weight: 400; /*background: url(http://game.gtimg.cn/images/yxzj/ingame/tobe/dotted.png) repeat-x 0 100%; */ border-bottom:0.01rem dashed #d4b96f;  padding-bottom: 0.02rem;}
.cont .list1 strong{ top:3rem;}
/*竖屏提示*/
/*.mask{display:none;position: fixed;top:0;left: 0;width: 100%;height: 100%;background: #161413;z-index: 99999;}*/
@media screen and (orientation: portrait){
    /*.wrap{display: none;}
    .mask{display: block;}
    .mask img{display:block;position: absolute;top:50%;left: 50%;width:5.5rem; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
    .show-img{display:none}*/
	.cont{padding:0.92rem 0 0;}
    .cont .list1, .cont .list2{margin-left:0}
    .cont .list2 li{ margin-left:0.17rem;margin-bottom:0.2rem; width:3.5rem;height: 1.75rem} 
    .cont .list1 li{width: 3.4rem;  height: 3.999rem;}
    .cont .list1 strong{top:2.2rem;}
	
}


/*体验服角标*/
.flag{background: url(//game.gtimg.cn/images/yxzj/web201706/images/coming/pages/tyf_ico1.png) no-repeat; background-size:100% 100%; position: absolute;display: block;width: 0.37rem;height: 0.7rem;top: 0;right: 0.05rem;z-index: 99;}

.back{ position: absolute; left: 0; top: 0; width: 1.98rem; height: 0.6rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/baoliao/back.png) center no-repeat; background-size: 100%; display: none;}
.msdk .back {display: block; z-index: 1;}
.msdk .wrap-title {display: none;}