*{ 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: #091222;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 .bg img{ width: 100%; }

.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%; }
.warp .nav li {visibility: hidden; display: inline-block; 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.79rem; height: 0.7rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/back.png) no-repeat; background-size: 100%; }
.warp .nav  .nav-com{  height: 0.61rem; position: relative; margin: 0 auto; }

/*.warp .nav  .nav1{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav1.png) center no-repeat; background-size: 0.94rem; }
.warp .nav  .nav2{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav2.png) center no-repeat; background-size: 0.94rem; }
.warp .nav  .nav3{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav3.png) center no-repeat; background-size: 0.94rem; }
.warp .nav  .nav4{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav4.png) center no-repeat; background-size: 0.94rem; }
.warp .nav  .nav5{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav5.png) center no-repeat; background-size: 0.94rem; }*/
.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: 100%;}
/*.warp .nav .cur1{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav1-cur.png) center no-repeat; background-size: 1.90rem; }
.warp .nav .cur2{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav2-cur.png) center no-repeat; background-size: 1.90rem; }
.warp .nav .cur3{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav3-cur.png) center no-repeat; background-size: 1.90rem; }
.warp .nav .cur4{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav4-cur.png) center no-repeat; background-size: 1.90rem; }
.warp .nav .cur5{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/nav5-cur.png) center no-repeat; background-size: 1.90rem; }*/

.warp  .showHero{ position: absolute; top: 0; right: 0; z-index: 99; width: 50%; height: 100%; overflow:hidden }
.showHero .message{ width: 85%; margin-top: 1rem; height: auto; }
.showHero .message h1{display:none;font-size: 0.5rem; color: #d4b96f; text-indent: -999rem; height: 0.46rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/hero-resize.png) right no-repeat; background-size: 1.99rem; }
.showHero .message .hero-img{ width: 100%; display: block; margin: 0.1rem 0 0.2rem 0; }
.showHero .message  .text{ width: 100%; position: relative; }
.showHero .message  .text p{ height: 2.5rem; margin-top: 0.2rem; overflow-y:scroll; -webkit-overflow-scrolling: touch; color: #fff; font-size: 0.24rem; line-height: 0.4rem; }
.showHero .message  .text  .right-icon{ position: absolute; right: -0.5rem; top: 50%; margin-top: -0.675rem; width: 0.32rem; height: 1.35rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/tip.png) no-repeat; background-size: 100%; }
.showHero .message  .text  .enter{ position: absolute; margin-top: 0.5rem; right: 0; font-size: 0.25rem; color: #fff; line-height: 0.64rem; width: 2.6rem; text-align: center; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/enter.png) no-repeat; background-size: 100%; text-shadow:0 0 0.2rem #fff; }
/*new*/
.message .bar{float:right;margin-top:1.3rem}
.message .bar li{height: 0.25rem;margin:0.15rem 0;}
.message .bar strong,.message .bar div{font-size:0.22rem; color:#fff; display: inline-block;vertical-align:middle; }
.message .bar strong{font-weight:400}
.message .bar div {margin-left:0.15rem;  position:relative; width:2.46rem;height:100%; line-height: 0.25rem; background: #242a39}
.message .bar i{display:block; width:50%; height:100%; position: absolute;z-index:9; top:0;left:0; background:#dcb448 }
.message .bar span{position:absolute;right:5px;z-index:9;font-weight:700}
.showHero .message .hero-video{/* width: 4.18rem; height: 2.34rem;*/ width:70%;  overflow: hidden; float: right; margin-top: 0.2rem; position: relative; }
.showHero .message .hero-video img{border: 1px solid #6f6336; width: 99.3%; height: 100%;vertical-align: top}
.showHero .message .hero-video .video-btn{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/video-btn.png) center no-repeat; background-size: 100%; position: absolute; width: 1.1rem; height: 1.1rem; left: 50%; top: 50%; margin: -0.55rem 0 0 -0.55rem; }
 /*video*/
.videocon {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 99991;}
.video1 {position: absolute;top: 0;left: 0;}
.closevideo {position: absolute;  z-index: 999999;top: 0px;right: 0px;width: 30px;height: 30px;display: block;text-align: center;line-height: 30px;color: white;font-size: 24px;font-weight: bold;text-decoration: none;}
.video-btn{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/video-btn.png) center no-repeat; background-size: 100%; position: absolute; width: 1.1rem; height: 1.1rem; left: 50%; top: 50%; margin: -0.55rem 0 0 -0.55rem; }
/*new end1*/


/* ����˼· */
.designIdea{ width: 90%; margin: 0 auto; padding-bottom: 0.5rem; }
.designIdea .d-content{ width: 100%; margin-top: 1.2rem; height: auto; }
.designIdea .d-content h1{ font-size: 0.41rem; color: #d4b96f; text-indent: -999rem; width: 1.63rem; height: 0.38rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/design-title.png) no-repeat; background-size: 100%; }
.designIdea .d-content .text{ margin-top: 0.2rem; font-size: 0.24rem; color: #fff; line-height: 0.35rem; padding-bottom: 0.5rem; }
.designIdea .d-content .text p{ font-size: 0.24rem; }
.designIdea .d-content .text img{ max-width: 100%; }

/* ���ܲ��� */
.skill-box{ width: 90%; margin: 0 auto; height: auto; padding-bottom: 0.5rem; }
.skill-box .skill-show{ width: 100%; margin-top: 1.2rem; height: auto; }
.skill-box .skill-message{ width: 100%; height: auto; }
.skill-message .skill-nav{ height: 1rem; position:relative; z-index:99 }
.skill-message .skill-nav  a{ float:left; margin-right:0.15rem; width: 0.94rem; height:0.94rem; border: 2px solid #241f1d; border-radius: 50%; }
.skill-message .skill-nav  a.cur{ border: 2px solid #d0ba7e; }
.skill-message .skill-nav  img{ width: 100%; vertical-align:top; }
.skill-message .skill-text{position:relative}
.skill-message .skill-com{ position:relative; margin-top: 0.2rem; height: auto; }
.skill-message .skill-com h3{margin:0 0 0.1rem 0; font-size: 0.36rem; color: #d4b96f; }
.skill-message .skill-com .show{ height: auto;  display: flex; display: -webkit-box;}
.skill-com .show .show-text{ width: 50%; height: auto; font-size: 0.24rem; line-height:0.4rem }
.skill-com .show .show-text span{ color: #d4b96f; }
.skill-com .show .show-text p{ width: 90%; line-height: 0.4rem; color: #e7e7e7; }
.skill-com   .show-img{  width: 5.62rem; height:2.6rem; position:absolute; top:-1.2rem; right:0  }
.skill-com   .show-img img{width:100%; max-width: 100%; display:none;  vertical-align: top; border:5px solid #1d283b}
.skill-com  .img-wrap{position:relative;z-index:99}
.img-witch{position:absolute;bottom:4px;right:-5px;font-size:0}
.img-witch span{display:inline-block;width:0.88rem;height:0.52rem; line-height:0.52rem; background:rgba(44,50,59,0.7);text-align: center;font-size:0.26rem;color:#fff}
.img-witch .cur{background:rgba(44,50,59,1);color:#d4b96f}
/*.gl-btn{float:right; margin:0.67rem 0 0 0;  display:block; width:2.56rem;height:0.6rem;background:url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/gl_btn.png); background-size:100% 100%}*/
.gl-btn{  position:absolute;z-index:999; right:0;top:2.5rem; display:block; width:2.56rem;height:0.6rem;background:url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/gl_btn.png); background-size:100% 100%}
/*new*/
.skill-tit{margin-bottom:0.4rem; color:#fff;font-size:0.26rem;}
.skill-tit strong,.skill-tit span{display: inline-block}
.skill-tit strong{margin-right:0.2rem; width:1.26rem;height:0.4rem; text-align: center; line-height: 0.4rem; border-radius: 3px; background: #a11e1e}
.skill-tit span{color:#d4b96f}
/*new:end*/


/* ���� */
.dashen-box{ width: 90%; margin: 0 auto; height: auto; padding-bottom: 0.5rem; }
.dashen-box .dashen-text{ width: 100%; margin-top: 1.2rem; height: auto; }
.dashen-text .dashen-role,.tjcz,.user-skill,.dapei{ width: 100%;height: auto; padding-bottom: 0.5rem; border-bottom: 1px dashed #463d33; }
.dashen-text .dashen-role .ds-r,.dashen-text .dashen-role .ds-fw{  height: 100%; }
.dashen-role  h3,.tjcz h3,.user-skill h3,.dapei h3{margin-bottom:0.3rem; width: 1.74rem; height: 0.39rem; text-indent:-999em;overflow:hidden; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/jingke/mw_tit.png) no-repeat; background-size: 100%; }
.dashen-role .ds-fw{ display: block; font-size: 0; width: 100%;  }
.dashen-role .ds-fw p{ font-size: 0.24rem; color: #a69158;  }
.dashen-role .ds-fw  ul{margin-top:0.1rem}
.dashen-role .ds-fw  li{ width: 0.7rem; height: 0.7rem; border-radius: 50%; border: 2px solid #262b34; display: inline-block; margin-right: 0.15rem; }
.dashen-role .ds-fw  li img{ width: 100%; display: block; }
.dashen-role .ds-fw span{  font-size: 0.24rem;  }
/*new*/
.wm_tj div{overflow:hidden;padding-bottom:0.15rem}
.wm_tj strong, .dashen-role .ds-fw .wm_tj p{float:left;font-size:0.26rem;color:#fff}
.wm_tj strong{color:#a69158}
.wm_tj p{width:85%}
.tjcz,.user-skill{padding-top:0.5rem}
.tjcz h3{background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/jingke/tjcz_tit.png) no-repeat;background-size: 100%;}
.tjcz-box{display: flex; display: -webkit-box;justify-content:space-between;-webkit-justify-content:space-between}
.tjcz-box .tjcz-l,.tjcz-box .tjcz-r{width:50%}
.tj-txt{overflow:hidden}
.tj-txt strong,.tj-txt p{float:left}
.tj-txt p{width:70%}
.tjcz ul{padding-top:0.2rem}
.tjcz li{ width: 0.7rem; height: 0.7rem; border-radius: 50%; border: 2px solid #262b34; display: inline-block; margin-right: .05rem;  }
.tjcz li img{ width: 100%; display: block; }
.tjcz-l,.tjcz-r{font-size:0.26rem;color:#fff} 
.tjcz-l strong,.tjcz-r strong{color:#a69158} 
.tjcz-txt{width:90%;font-size:0.26rem;margin-top:0.1rem;line-height: 0.4rem;color:#979ea9}
.user-skill h3{background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/jingke/user_skill.png) no-repeat;background-size: 100%;}
.user-skill-box{display: flex; display: -webkit-box;justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.user-skill-box div{width:50%}
.user-skill-box h4{margin-bottom:0.1rem;color:#a69158;}
.user-skill-box p{width:90%;line-height:0.4rem;margin-top:0.15rem} 
.user-skill-box p i{color:#a69158; font-weight:700;float:left;margin-right:0.05rem}
.user-skill-box p span{float:left;width:95%}
.dapei{padding-top:0.5rem;border:none}
.dapei h3{background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/jingke/zrdp_tit.png) no-repeat;background-size: 100%;}
.dapei h4{font-size:0.28rem;color:#a69158;margin-bottom:0.2rem;}
.dapei div{overflow:hidden;margin-bottom:0.1rem}
.dapei span{float:left;margin-right:0.2rem}
.dapei img{width:0.65rem}
.dapei strong{display:block;font-size:0.26rem;color:#a69158}
.dapei p{font-size:0.26rem;color:#fefefe}
/*new:end*/



/*add 2017.04.05 start*/
.ds-level{ display: flex; display: -webkit-box;justify-content:space-between;-webkit-justify-content:space-between}
.ds-level div{width:50%}
.ds-level h6{font-size:0.26rem;font-weight: 400;color:#fafafa;margin:0.2rem 0 0.15rem 0;color:#a69158;font-weight:700}
.ds-level li{margin-right:0.15rem; float:left;width:1.52rem;height:1.28rem;border:1px solid #1f242c;background:#141d2e;border-radius: 0.03rem;color:#787878; font-size:0.24rem; overflow:hidden; text-align: center;}
.ds-level li img{margin:0.1rem 0 0 0; width:0.6rem;height:0.7rem;}
.ds-level li p{font-size:0.22rem}
.ds-level li p span{color:#fafafa}
/*add 2017.04.05 end*/
.dashen-role .ds-jq,.dashen-role .ds-zr{ margin-top: 0.5rem; }
.dashen-role .ds-jq h3{ width: 1.63rem; height: 0.39rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/ds-jq.png) no-repeat; background-size: 100%; }
.dashen-role .ds-jq span{ display: block; color: #a69158; font-size: 0.28rem; margin-top: 0.2rem; }

.dashen-role .ds-jq i{ display: inline-block; color: #a69158; font-size: 0.3rem; vertical-align:bottom; margin-right: 0.1rem; }
/*.dashen-role .ds-jq  p{ margin-top: 0; }*/


.dashen-role .ds-zr h3{ width: 1.60rem; height: 0.38rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/ds-zr.png) no-repeat; background-size: 100%; }

.dashen-role .ds-zr .zr-zj{ display: inline-block; width: 2.85rem; height: auto; font-size: 0; vertical-align: top; }
.dashen-role .ds-zr .zr-zj span{ display: block; color: #a69158; font-size: 0.28rem; margin-top: 0.2rem; }
.dashen-role .ds-zr .zr-zj img{ display: inline-block; margin-top: 0.15rem; vertical-align: top; width: 0.65rem; margin-right: 0.15rem; border: 1px solid #8c7b40; border-radius: 0.07rem; }
.dashen-role .ds-zr .zr-zj img:last-child{margin-right: 0}


.dashen-video{ height: auto; margin-top: 0.5rem; }
.dashen-video h3{ font-size: 0.41rem; color: #d4b96f; text-indent: -999rem; width: 1.63rem; height: 0.38rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/ds-video.png) no-repeat; background-size: 100%; }
.dashen-video ul { margin-top: 0.35rem; font-size: 0}
.dashen-video ul li{ width: 30%; height: auto; margin-right: 5%; padding-bottom: 0.5rem; display: inline-block; }
.dashen-video ul li:nth-child(3n){ margin-right: 0; }
.dashen-video ul li .video-img{ position: relative; height: 2rem; width: 100%; outline: 1px solid #5b543e; }
.dashen-video ul li .video-img img{ max-width: 100%; }
.dashen-video ul li .video-img i{ position: absolute; top: 50%; left: 50%; width: 0.73rem; height: 0.73rem; margin: -0.365rem 0 0 -0.365rem; background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero/videoBtn.png) no-repeat; background-size: 100%; }
.dashen-video ul li p{ font-size: 0.24rem; color: #fff; margin-top: 0.15rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ��ȡ��ʽ */
.get{ width: 100%; margin: .6rem auto 0;padding-top:0.2rem; height: 100%;  display: flex; display: -webkit-flex; justify-content:center }
.get a{ display: block; width: 32%; height: 100%; margin-right: 2%; }
.get a:last-child{margin-right: 0}
.get a img{width: 100%;display: block;}

/* �������� */

.story{ width: 90%; margin: 0 auto; padding-bottom: 0.5rem; }
.story .s-content{ padding-top: 1.2rem; height: 100%;}
.story .s-content h1{ font-size: 0.38rem;  color: #d4b96f; width: 1.63rem; height: 0.38rem; /*background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/story.png) no-repeat; background-size: 100%; */}
.story .s-content  .s-text{margin-top: 0.3rem;  }
.story .s-content  .s-text p{ font-size:0.26rem; color: #e7e7e7; line-height: 0.4rem;  margin-top: 0.15rem; }
.story .s-content .goStory{ background: url(//game.gtimg.cn/images/yxzj/ingame/tobe/hero2/enter.png) center no-repeat; background-size: 100%; display: block; width: 2.6rem; height: 0.64rem; text-align: center; line-height: 0.64rem; color: #fff; font-size: 0.26rem; text-shadow: 0 0 0.3rem #506c95; text-indent:-999em;overflow:hidden; margin: 0.5rem auto; }

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