.wrap_index_list h2 {height:0.52rem;background:url(../../../data/img/wrap-header.png) no-repeat;background-size: 100% auto;color:#e1d784;font-size: 0.35rem;padding-left: 0.8rem;padding-top: 0.02rem;letter-spacing: 0.02rem;}
.wrap_index_list .index_list_content {background:url(../../../data/img/wrap-middle.png);background-size: 100% auto;padding:0 .5rem;overflow: hidden;}
.wrap_index_list .index_list_footer {background:url(../../../data/img/wrap-footer.png) no-repeat;background-size: 100% auto;height: .6rem;}
     
.dialog {width:100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 3;display: none;}

/* hero_txt people*/
.hero-people{margin-top:.20rem;position: relative;}
.hero-txt .hero-type{width:2.00rem;height:.62rem;color: transparent;background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;}
.hero-txt .ssr{background-image:url(../../../data/img/yx-SSR-153.png);}
.hero-txt .sr{;background-image:url(../../../data/img/yx-SR-154.png);}
.hero-txt .r{background-image:url(../../../data/img/yx-R-155.png);}
.hero-txt .n{background-image:url(../../../data/img/yx-N-156.png);}
.hero-people-img{}
.hero-people-img img{width:100%!important;height: auto!important;}
.hero-txt{position: absolute;top: -.15rem;padding-left:.40rem;padding-top: .10rem;}
.hero-txt img{display:block;}
.hero-txt .hero-name{color: #ffe79e;font-size:.35rem;width:.55rem;padding-left:.55rem;float: left;}
.hero-txt .hero-remark{width:.45rem;color: #ac9b84;font-size:.24rem;float: left;text-align: center;}
.hero-txt .hero-remark .cv{width:.48rem;height:.28rem;background:url(../../../data/img/hero-remark.png) no-repeat; background-size: 100% 100%;display: block;color: #3a3329;font-size:.24rem;text-align: center;line-height:.28rem;}
.hero-mess{position: absolute;top:.30rem!important;}
.hero-mess h2{width:2.10rem;height:.50rem;background:url(../../../data/img/hero-mess-header.png) no-repeat; background-size: 100% auto;margin-top:2.80rem;margin-left: .45rem;}
.hero-mess .hero-mess-con{width:2.10rem;height:auto;overflow:hidden;background:url(../../../data/img/hero-mess-con.png);background-size: 100% auto;margin-left:.45rem;}
.hero-mess-con .item{ background: url(../../../data/img/hero-mess-line.png) center bottom no-repeat;background-size: 1.78rem .02rem;padding-bottom: .05rem;margin-bottom: .05rem; }
.hero-mess-con .item:last-child{background: none;margin-bottom: 0;padding-bottom: 0;}
.hero-mess-con .item.hero-bwh-wrap{display: none;}
.hero-mess-con p{color: #3a3329;font-size:.18rem;text-align: center;}
.hero-mess-con .val{font-weight: bold;font-size:.18rem;}
.hero-mess-con .hero-mess-line{width:2.10rem;height:.02rem;background:url(../../../data/img/hero-mess-line.png) no-repeat;background-size: 100% 100%;margin:.05rem 0;}
.hero-mess .hero-mess-bottom{width:2.10rem;height:.48rem;background:url(../../../data/img/hero-mess-bottom.png) no-repeat; background-size: 100% auto;margin-left:.45rem;}

/* 英雄故事 */
.hero-story-wrap .index_list_content p{font-size:.14rem;color:#ffe79e;padding:.20rem 0;}

/* 英雄屬性 */
.hero-attr .attr-list{width: 5.50rem;margin-left:.60rem;margin-top:.30rem;}
.hero-attr .attr-list p{float: left;width:1.32rem;height:.40rem;line-height:.40rem;text-align: center;background:#a48f68;color: #22180e;font-size:.14rem;border:1px solid #333;}
.hero-attr .attr-list p:nth-of-type(2n+1){background: #e1d784;}

/* 英雄天賦 */
.hero-talent{display: -webkit-flex;display: flex; padding-top: .20rem;}
.hero-talent-pic{width:.90rem;height:.90rem;margin-left:.30rem;margin-right:.36rem;}
.hero-talent-pic img{display: block; width:100%;height:100%;}
.hero-talent-txt{-webkit-flex:1;flex:1;margin-top: -.04rem;}
.hero-talent-txt p{color: #ffe79e;}
.hero-talent-txt .hero-talName{position:relative;line-height:.30rem; font-size:.20rem;font-weight: bold;margin-bottom: .14rem;padding-left: .15rem;}
.hero-talent-txt .hero-talName:before{content:'';position:absolute;top:.12rem;left:0;width:.06rem;height: .06rem;background:#ffe79e;border-radius: 50%;}
.hero-talent-txt .hero-talDesc{font-size:.14rem;}

/* 英雄搭配*/
.hero-arms li{display: -webkit-flex;display: flex;padding-top:.10rem;}
.hero-arms .hero-talent-pic{width:1.62rem;text-align:center;}
.hero-arms .hero-talent-pic img{width:.90rem;height:.90rem;margin: 0 auto;}
.hero-arms .hero-talent-pic span{width:100%;height:.45rem;background:url(../../../data/img/hero-arms-txt.png) no-repeat; background-size: 100% 100%;display:block;color:#22180e;font-size:.16rem;text-align: center;line-height:.40rem;font-weight: bold;}
.hero-arms .hero-arms-txt{-webkit-flex:1;flex:1;margin-top: .06rem;}
.hero-arms .hero-arms-txt .item{}
.hero-arms .hero-arms-txt p{float: left;box-sizing: border-box; width:25%;text-align: center;line-height:.40rem;background:#a48f68;color: #22180e;font-size:.14rem;border:1px solid #333;word-break: break-all;}
.hero-arms .hero-arms-txt .item p:first-child{background:#e1d784;}
.hero-arms .hero-arms-txt .item p.skill{box-sizing:border-box;width: 100%;line-height: .20rem;padding: .10rem .10rem;text-align: left;}

/* 英雄技能 */
.hero-spells{font-size: .16rem;}
.hero-spells li{clear:both;}
.hero-spells li img{margin-top:.05rem;}

/* 英雄轉職 */
.hero_list .hero_list_content{background:url(../../../data/img/hero_list_middle.png) no-repeat;background-size: 100% 100%;}
.hero_list h2 {background:url(../../../data/img/hero_list_header.png) no-repeat;background-size: 100% 100%;font-size:.20rem;color:#e1d784;text-align: center;line-height:.60rem;padding-bottom:.35rem;letter-spacing: .08rem;}
.hero_list_content {padding:0 .50rem;overflow: hidden;}
.hero_list_footer {background:url(../../../data/img/hero_list_footer.png) no-repeat;background-size: 100% 100%;height:.60rem;}
.hero-list-zhuanzhi{position:relative;width:5.50rem;height:6.30rem;background:url(../../../data/img/hero-zhuanzhi-line.png) .07rem top no-repeat;background-size: 100% 100%;margin: -.25rem auto 0;}
.hero-list-zhuanzhi li{position: absolute;width: 1.62rem;cursor: pointer;}
.hero-list-zhuanzhi li:nth-of-type(1){top:.25rem;left:2.00rem;}
.hero-list-zhuanzhi li:nth-of-type(2){top:2.35rem;left:0; }
.hero-list-zhuanzhi li:nth-of-type(3){top:2.35rem;left:2.00rem;}
.hero-list-zhuanzhi li:nth-of-type(4){top:2.35rem;right:0;}
.hero-list-zhuanzhi li:nth-of-type(5){top:4.45rem;left:0;}
.hero-list-zhuanzhi li:nth-of-type(6){top:4.45rem;left:2.00rem}
.hero-list-zhuanzhi li:nth-of-type(7){top:4.45rem;right: 0;}
.hero-list-zhuanzhi li img{display: block; width: 1.20rem; height: 1.34rem; margin: 0 auto;}
.hero-list-zhuanzhi .hero-zhuanzhi{position: absolute;left: 50%;margin-left: -.60rem;top:.25rem;}
.hero-list-zhuanzhi li span{position: absolute;bottom:-.25rem;left: 0;width:1.62rem;height:.45rem;background:url(../../../data/img/hero-arms-txt.png) no-repeat; background-size: 100% 100%;color:#22180e;font-size:.16rem;text-align: center;line-height:.40rem;font-weight: bold;}

.hero-list-zhuanzhi .career_btn.active a{display: block;width: 1.25rem; background:url(../../../data/img/career_active.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}