html {
     font-size: 16px;
     height: 100%;
     -webkit-text-size-adjust: none;
     color: #9A5C3D;
 }
 body, h1, h2, h3, ul, li, p {
     margin: 0;
     padding: 0;
     font-size: 14px;
     font-weight: normal;
 }
 a {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     text-decoration: none;
     color: #9A5C3D;
 }
 img {
     vertical-align: top;
     width: 100%;
 }
 ul, li {
     list-style: none;
 }
 input {
     font-size: 100%;
     outline: none;
     color: #9A5C3D;
 }
 body {
     font-family: Helvetica;
     height: 100%;
     overflow-x: hidden;
 }
 * {
     -webkit-text-size-adjust: none;
     padding: 0;
     margin: 0;
 }
 .wraper {
     width: 7.5rem;
     position: relative;
     font-size: 0.22rem;
     color: #e7c17c;
     line-height: 0.36rem;
     min-height: 10rem;
     margin-top: 1.18rem;
 }
 a, select, div {
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
 }
 div#afooter {
     padding: .2rem 0;
     text-align: center;
     color: #5a5a5a;
     background: #181716;
     font-size: .2rem;
     line-height: 0.4rem;
     /*margin-bottom: 1.07rem;*/
     height: 1.9rem;
 }
 div#afooter a {
     color: #5a5a5a;
 }
 footer.foot {
     padding-bottom: 0;
 }
 .part1 {
     /*height: 13.57rem;*/
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/bg.jpg) no-repeat;
     background-size: 100%;
     position: relative;
 }
 /*底部导航栏*/

 ul.nav-box {
     bottom: 0;
     position: fixed;
     z-index: 99;
 }
 ul.nav-box li {
     width: 1.873rem;
     height: 1.09rem;
     float: left;
     text-align: center;
     line-height: 1.09rem;
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/nav.png) top center no-repeat;
     background-size: 100%;
 }
 ul.nav-box li a {
     color: #ffffff;
     display: block;
 }
 ul.nav-box li.on {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/nav.png) bottom center no-repeat;
     background-size: 100%;
 }
 ul.nav-box li.on a {
     color: #fee9d9;
 }
 ul.nav-box li:after {
     content: " ";
     width: 0.01rem;
     height: 0.5rem;
     display: block;
     border-left: 0.03rem solid #f8dbb1;
     position: absolute;
     top: 0.3rem;
     opacity: 0.26;
 }
 /*显示内容*/

 ul.big-main {
     /*width: 6.68rem;*/
     min-height: 3.65rem;
     background-size: 100% auto;
     overflow: hidden;
     position: relative;
     margin: 0 auto;
     /*padding: .45rem 0 0;*/
 }
 ul.big-main li.tab-list {
     display: none;
 }
 ul.big-main li.tab-list.dis {
     display: block;
 }
 /*职业介绍*/

 .role-tab {
     width: 7.2rem;
     margin: 0 auto;
     position: absolute;
     left: 50%;
     margin-left: -3.6rem;
     z-index: 9;
     margin-top: 0.3rem;
 }
 .role-tab li {
     width: 1.2rem;
     height: 0.46rem;
     float: left;
     text-align: center;
     line-height: 0.45rem;
     font-size: 0.24rem;
     font-weight: bold;
 }
 .role-tab li:nth-child(1) img{
     width: 0.2rem;
     position: absolute;
     left: 0px;
     top: 0.06rem;
  }
 .role-tab li:not(:first-child) a:after {
     content: " ";
     width: 0.05rem;
     height: 0.33rem;
     display: block;
     border-left: 0.03rem solid #767477;
     position: absolute;
     top: 0.08rem;
     opacity: 0.26;
 }
 .role-tab li a {
     display: block;
     color: #1c110e;
 }
 .role-tab li.on {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role-tab.png) top center no-repeat;
     background-size: 100% 100%;
 }
 .role-tab li.on a {
     color: #a02e33;
 }
 .details-box {
     overflow: hidden;
     min-height: 10rem;
     position: relative;
     margin: 0 auto;
 }
 .role-details>li {
     display: none;
     overflow: hidden;
 }
 .role-details>li.dis {
     display: block;
 }
.role-details>li:nth-child(1) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role6bg.png) 0rem 1.1rem no-repeat;
     background-size: 100%;
     /*height: 12.65rem;*/
     padding-bottom: 2rem;
}
 .role-details>li:nth-child(3) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role2bg.png) 0rem -0.8rem no-repeat;
     background-size: 100%;
     /*height: 12.65rem;*/
     padding-bottom: 2rem;
 }
 .role-details>li:nth-child(4) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role3bg.png) 0rem -1.4rem no-repeat;
     background-size: 100%;
     /*    height: 12.65rem;*/
     padding-bottom: 2rem;
 }
 .role-details>li:nth-child(5) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role4bg.png) 0rem -1rem no-repeat;
     background-size: 100%;
     /*    height: 12.65rem;*/
     padding-bottom: 2rem;
 }
 .role-details>li:nth-child(2) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role1bg.png) 0rem 1.1rem no-repeat;
     background-size: 100%;
     /*    height: 12.65rem;*/
     padding-bottom: 2rem;
 }
  .role-details>li:nth-child(6) {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/role5bg.png) 0rem -1.2rem no-repeat;
     background-size: 100%;
     /*    height: 12.65rem;*/
     padding-bottom: 2rem;
 }
 .role-details .description {
     color: #475768;
     width: 0.35rem;
     margin: 0 auto;
     line-height: 0.32rem;
     font-size: 0.3rem;
     word-wrap: break-word;
     position: absolute;
     top: 2.3rem;
     left: 2rem;
     padding: 0.1rem 0.05rem;
     border: 0.04rem solid #a1b3c6;
     background-color: #fff;
     background-color: rgba(255, 255, 255, 0.7);
 }
 .role-details p.msg {
     color: #2f3a46;
     font-size: 0.24rem;
     font-weight: bold;
     margin-top: 6.25rem;
     margin-left: 0.85rem;
 }
 .role-details li img {
     width: 2.22rem;
     margin-left: 0.8rem;
     margin-top: 0.3rem;
 }
 .role-details p span {
     margin-left: 0.72rem;
 }
 /*快速提升*/

 .mission-tab {
     width: 6.68rem;
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     margin-top: 0.3rem;
 }
 .mission-tab li {
     width: 3.34rem;
     height: 0.46rem;
     float: left;
     text-align: center;
     line-height: 0.46rem;
     font-size: 0.24rem;
     font-weight: bold;
 }
 .mission-tab li:not(:first-child) a:after {
     content: " ";
     width: 0.05rem;
     height: 0.33rem;
     display: block;
     border-left: 0.03rem solid #767477;
     position: absolute;
     top: 0.08rem;
     opacity: 0.26;
 }
 .mission-tab li a {
     display: block;
     color: #1c110e;
 }
 .mission-tab li.on {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/mission-tab.png) top center no-repeat;
     background-size: 60%;
 }
 .mission-tab li.on a {
     color: #a02e33;
 }
 .mission-details li {
     display: none;
     /*overflow: hidden;*/
     width: 6.5rem;
     margin: 0.3rem auto;
 }
 .mission-details li.dis {
     display: block;
 }
 .mission-details li h2 {
     text-align: center;
     font-size: 0.3rem;
     color: #1c110e;
     margin-top: 0.3rem;
     margin-bottom: 0.2rem;
 }
 .mission-details li p {
     text-align: left;
     text-indent: 2em;
     margin-top: 0.2rem;
     font-size: 0.22rem;
     color: #1c110e;
 }
 .mission-details li p span {
     color: #ab3f3f;
 }
 .mission-details li img {
     margin-top: 0.3rem;
     margin-bottom: 1rem;
 }
 /*斗气提升*/

 .enhance-tab {
     width: 6.85rem;
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     margin-top: 0.3rem;
 }
 .enhance-tab li {
     width: 1.37rem;
     height: 0.46rem;
     float: left;
     text-align: center;
     line-height: 0.46rem;
     font-size: 0.24rem;
     font-weight: bold;
 }
 .enhance-tab li:not(:first-child) a:after {
     content: " ";
     width: 0.05rem;
     height: 0.33rem;
     display: block;
     border-left: 0.03rem solid #767477;
     position: absolute;
     top: 0.08rem;
     opacity: 0.26;
 }
 .enhance-tab li a {
     display: block;
     color: #1c110e;
 }
 .enhance-tab li.on {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/enhance-tab.png) top center no-repeat;
     background-size: 100%;
 }
 .enhance-tab li.on a {
     color: #a02e33;
 }
 .enhance-details li {
     display: none;
     overflow: hidden;
     width: 6.5rem;
     margin: 0.3rem auto;
 }
 .enhance-details li.dis {
     display: block;
 }
 .enhance-details li h2 {
     text-align: center;
     font-size: 0.3rem;
     color: #1c110e;
     margin-top: 0.3rem;
     margin-bottom: 0.2rem;
 }
 .enhance-details li p {
     text-align: left;
     text-indent: 2em;
     margin-top: 0.2rem;
     font-size: 0.22rem;
     color: #1c110e;
 }
 .enhance-details li p span {
     color: #ab3f3f;
 }
 .enhance-details li img {
     margin-top: 0.2rem;
 }
 /*社交系统*/

 .social-tab {
     width: 6.68rem;
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     margin-top: 0.3rem;
 }
 .social-tab li {
     width: 3.34rem;
     height: 0.46rem;
     float: left;
     text-align: center;
     line-height: 0.46rem;
     font-size: 0.24rem;
     font-weight: bold;
 }
 .social-tab li:not(:first-child) a:after {
     content: " ";
     width: 0.05rem;
     height: 0.33rem;
     display: block;
     border-left: 0.03rem solid #767477;
     position: absolute;
     top: 0.08rem;
     opacity: 0.26;
 }
 .social-tab li a {
     display: block;
     color: #1c110e;
 }
 .social-tab li.on {
     background: url(//game.gtimg.cn/images/dp/cp/a20180913xszym/mission-tab.png) top center no-repeat;
     background-size: 60%;
 }
 .social-tab li.on a {
     color: #a02e33;
 }
 .social-details li {
     display: none;
     overflow: hidden;
     width: 6.5rem;
     margin: 0.3rem auto;
 }
 .social-details li.dis {
     display: block;
 }
 .social-details li h2 {
     text-align: center;
     font-size: 0.3rem;
     color: #1c110e;
     margin-top: 0.3rem;
     margin-bottom: 0.2rem;
 }
 .social-details li p {
     text-align: left;
     text-indent: 2em;
     line-height: 0.32rem;
     font-size: 0.22rem;
     color: #1c110e;
     /*font-weight: bold;*/
 }
 .social-details li p.soul {
     margin-top: 0.2rem;
 }
 .social-details li p span {
     color: #ab3f3f;
 }
 .social-details li img {
     margin-top: 0.2rem;
 }
 .social-details li img.icon {
     width: 3rem;
     margin: 0.5rem auto;
     display: block;
 }