body{position:relative;-webkit-text-size-adjust:100%;font-family:"Microsoft YaHei",Arial,sans-serif,Helvetica;font-size:.16rem}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span,a{margin:0;padding:0;font-family:inherit;vertical-align:baseline}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit;cursor:pointer;outline:none}
a:hover{text-decoration:none}
img{border:0;object-fit:cover}
video{object-fit:cover}
table{border-collapse:collapse}
area{outline:none}
input,textarea,select{-webkit-appearance:none;outline:none;resize:none;border-radius:0}
input::-ms-clear{display:none}
input[type="text"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{border:none;background:none;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
h1.wm-public{height:0;line-height:0;font-size:0}
.cf:after{content:"";display:block;height:0;clear:both}
.cf{zoom:1}
.fl{float:left}
.fr{float:right}
.rel{position:relative}
.abs{position:absolute}
.auto{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
html,body{width:100%;overflow-x:hidden}
body{min-width:19.2rem;background:#1d1d1d;}

#wrapper{ display: none;}
.viewM{display:none!important}

/* 老式监视器 / CRT 闪烁故障效果，扫描线、闪烁、噪点、老电视切换的质感 */
.glitching { animation: main-flash 0.4s linear; }
.glitching:before,.glitching::after{content:'';position:absolute;inset:0;background:inherit;opacity:0;pointer-events:none;z-index:5}
.glitching:before{opacity:0.4;mix-blend-mode:screen;filter:drop-shadow(2px 0 0 rgba(255,0,60,.7));animation:glitch-anim-red 0.3s cubic-bezier(0.25,0.46,0.45,0.94) both infinite}
.glitching::after{opacity:0.4;mix-blend-mode:screen;filter:drop-shadow(-2px 0 0 rgba(0,255,204,.7));animation:glitch-anim-cyan 0.3s cubic-bezier(0.25,0.46,0.45,0.94) both infinite reverse}
@keyframes main-flash {
  0% { filter: brightness(1) contrast(1); transform: scale(1); }
  20% { filter: brightness(1.2) contrast(1.3) saturate(0); transform: scale(1.01); }
  50% { filter: brightness(0.8) contrast(1.6) saturate(1.2); transform: scale(0.99); }
  80% { filter: brightness(1.1) contrast(1.2); transform: scale(1.005); }
  100% { filter: brightness(1) contrast(1); transform: scale(1); }
}
@keyframes glitch-anim-red {
  0% { clip-path: inset(20% 0 80% 0); transform: translate(-2px, 1px); }
  20% { clip-path: inset(60% 0 10% 0); transform: translate(2px, -1px); }
  40% { clip-path: inset(40% 0 50% 0); transform: translate(-2px, 1px); }
  60% { clip-path: inset(80% 0 5% 0); transform: translate(2px, -1px); }
  80% { clip-path: inset(10% 0 70% 0); transform: translate(-2px, 1px); }
  100% { clip-path: inset(30% 0 20% 0); transform: translate(2px, -1px); }
}
@keyframes glitch-anim-cyan {
  0% { clip-path: inset(10% 0 60% 0); transform: translate(2px, -1px); }
  20% { clip-path: inset(30% 0 20% 0); transform: translate(-2px, 1px); }
  40% { clip-path: inset(70% 0 10% 0); transform: translate(2px, -1px); }
  60% { clip-path: inset(20% 0 50% 0); transform: translate(-2px, 1px); }
  80% { clip-path: inset(50% 0 30% 0); transform: translate(2px, -1px); }
  100% { clip-path: inset(5% 0 80% 0); transform: translate(-2px, 1px); }
}

/* header */
.header{position:fixed; top: 0; left: 0; right: 0; height: 1.18rem; box-sizing: border-box; padding: 0 .63rem 0 .87rem; display: flex; justify-content: space-between; align-items: center; z-index: 3;}
.downBtn{ margin-left: auto; width: 2.28rem; height: .69rem; box-sizing: border-box; border-radius: .1rem; background: #c3e9c0; border: .02rem solid #858585;}
.downBtn:hover{ background: #f35592;}
.downBtn::after{ content: ""; display: block; width: 100%; height: 100%;}
.payBtn{ margin-left: .23rem; width:0.69rem; height:0.69rem; background: url(https://nte.perfectworld.com/public/images/cover260429/payBtn.png) no-repeat 0 0 / 100% auto;}
.payBtn:hover{ background-position-y: bottom;}
.headerLoginStatus{ margin-left: .23rem; width:0.69rem; height:0.69rem; overflow: hidden;}
.headerLoginStatus:hover{ overflow: visible;}
.loginIcon{display:block;width:.69rem;height:.69rem; background:url(https://nte.perfectworld.com/public/images/cover251223/loginIcon.png) no-repeat 0 0;background-size:100% auto}
.headerLoginStatus:hover .loginIcon{ background-position-y: bottom;}
.loginAfter{ width: 2.98rem; transform: translateX(-1.15rem); padding-top: .1rem; display: none;}
.loginAfter .cont{ box-sizing: border-box; padding-top: .25rem; width:2.98rem;height:.99rem;background:url(https://nte.perfectworld.com/public/images/cover251223/loginAfter.png) no-repeat 0 0 / 100% auto;}
.uidBox{font-size:.16rem;color:#FFF;text-align:center; margin-bottom: .05rem;}
.logOut{display:block;margin:0 auto;height:.33rem;line-height:.33rem; padding: 0 .25rem; background:#4fe5fb;border-radius:.16rem;text-align:center; font-size:.22rem;color:#1d1d1d}
.language{width:.69rem;height:.69rem; margin-left: .23rem;}
.iconLanguage{width:.69rem;height:.69rem; background:url(https://nte.perfectworld.com/public/images/cover251223/iconLanguage.png) no-repeat 0 0 / 100% auto}
.iconLanguage:hover{ background-position-y: bottom;}
.chooseLanguage{ position: absolute; top:.93rem;width:1.5rem;border-radius:.1rem;padding-top:.13rem;background: rgba(29,29,29,.8);display:none}
.chooseLanguage::after{ content: ""; position: absolute; top: -0.25rem; left: 50%; transform: translateX(-50%); width: .45rem; height: .26rem; background: url(https://nte.perfectworld.com/public/images/cover260204/languageArrow.png) no-repeat 0 0 / 100% auto;}
.chooseLanguage button{display:block;float:none;margin:0 auto;width:1.25rem;height:.49rem;border-bottom:.01rem solid #606060;font-size:.2rem;color:#FFF}
.chooseLanguage button:hover, .chooseLanguage button[active="on"]{color:#7cecfc}
.community{ margin-left: .23rem; width: .69rem; height: .69rem; background: url(https://nte.perfectworld.com/public/images/cover251223/community.png) no-repeat 0 0 / 100% auto; cursor: pointer; overflow: hidden;}
.community:hover{ background-position-y: bottom;}
.community.on{ overflow: visible;}
.community .otherPlatform{ top: 1rem; right: -0.55rem; height: .86rem; box-sizing: border-box; padding: 0 .26rem; justify-content: center; border-radius: .43rem; background: rgba(29,29,29,.8); display: flex; justify-content: center; align-items: center;}
.community .otherPlatform::after{ content: ""; position: absolute; top: -0.26rem; right: .7rem; width: .45rem; height: .26rem; background: url(https://nte.perfectworld.com/public/images/cover260204/languageArrow.png) no-repeat 0 0 / 100% auto;}
.community .otherPlatform a{ margin: 0 .09rem;}
.bgMusic{ margin-left: .23rem; width:0.69rem;height:0.69rem;background:url(https://nte.perfectworld.com/public/images/cover251223/bgMusic.png) no-repeat 0 0;background-size:auto 400%}
.bgMusic:hover{ background-position-y: -0.69rem;}
.bgMusic.off{ background-position-y: -1.38rem;}
.bgMusic.off:hover{ background-position-y: -2.07rem;}
.shareHref{ margin-left: .23rem; width: .69rem; height: .69rem; background: url(https://nte.perfectworld.com/public/images/cover251223/shareHref.png) no-repeat 0 0 / 100% auto;}
.shareHref:hover{ background-position-y: bottom;}
.enter_btn{ margin-left: .23rem; width:.69rem;height:0.69rem;background:url(https://nte.perfectworld.com/public/images/cover251223/enter_btn.png) no-repeat 0 0 / 100% auto;}
.enter_btn:hover{ background-position-y: bottom;}

.wrap{position:relative;}

.box1{width:100%;height:15.64rem;position:relative;background: url(../images/cover260708/box1.jpg) no-repeat center top / cover;}
.bg1 .box1{ background: url(../images/cover260708/bg1.jpg) no-repeat center top / cover;}
.bg2 .box1{ background: url(../images/cover260708/bg2.jpg) no-repeat center top / cover;}
.bg3 .box1{ background: url(../images/cover260708/bg3.jpg) no-repeat center top / cover;}
.bg4 .box1{ background: url(../images/cover260708/bg4.jpg) no-repeat center top / cover;}
.bg5 .box1{ background: url(../images/cover260708/bg5.jpg) no-repeat center top / cover;}
.bg6 .box1{ background: url(../images/cover260708/bg6.jpg) no-repeat center top / cover;}
.bg7 .box1{ background: url(../images/cover260708/bg7.jpg) no-repeat center top / cover;}
.box1::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 25.6rem; height: 2.23rem; background: url(../images/cover260708/box1After.png) 0 0 / 100% auto; z-index: 1;}
.box1Video{ top: 0; width: 25.6rem; height: 14.4rem; display: none;}
.logo{top:.39rem; left:.67rem; width: 2.09rem; height:1.88rem; background: url(https://nte.perfectworld.com/public/images/cover260411/nte-en-logo.png) no-repeat 0 0 / 100% auto; z-index: 2;}
.slogan { left: 50%; transform: translateX(-50%); margin-left: -0.11rem;}
.pvBtn{ width: 1.15rem; height: 1.15rem; background:url(https://nte.perfectworld.com/public/images/cover260226/pvBtn_a.png) no-repeat 0 0;background-size:100% auto;z-index:1}
.pvBtn span{ width: 100%; height: 100%;position:absolute;top:0;left:0;background:url(https://nte.perfectworld.com/public/images/cover260226/pvBtn_k.png) no-repeat 0 0;background-size:100% auto;animation:tapeRotate 6s linear infinite}
@keyframes tapeRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(-360deg)}
}
.indexBtns{ bottom: 3.77rem; display: flex; justify-content: center; align-items: flex-start; z-index: 2;}
.indexBtns > a, .indexBtns > button{ width:4.68rem; height:1.39rem; margin: 0 .11rem;}
.indexBtns > a::after, .indexBtns > button::after{ content: ""; display: block; width: 100%; height: 100%;}
.indexDownBtn{ background: url(../images/cover260708/indexDownBtn.png) no-repeat 0 0 / 100% auto;}
.steamDownBtn{ background: url(../images/cover260708/steamDownBtn.png) no-repeat 0 0 / 100% auto;}
.otherDownBtn{ background: url(../images/cover260708/otherDownBtn.png) no-repeat 0 0 / 100% auto;}
.indexBtns > a:hover, .indexBtns > button:hover{ background-position-y: bottom!important;}

/* 全新角色 */
.box2{ height: 14.27rem; background: url(https://nte.perfectworld.com/public/images/cover260603/box2.jpg) no-repeat center / cover;}
.box2Tit{ top: 1.08rem; left: 50%; margin-left: -8.2rem;}
.roleSwiper{ top: 0; left: 0; width: 100%; height: 100%;}
.role-zhen{ background: url(../images/cover260708/role-zhen.png) no-repeat center center / 25.6rem 14.27rem;}
.role-yi{ background: url(../images/cover260708/role-yi.png) no-repeat center center / 25.6rem 14.27rem;}
.role-name{ top: 4.2rem; left: 50%; margin-left: -8.18rem;}
.role-cv{ top: 5.59rem; left: 50%; margin-left: -8.18rem;}
.role-tag{ top: 6.02rem; left: 50%; margin-left: -8.18rem; font-size: .48rem; color: #e3e3e3;}
.role-tag li{ margin-bottom: .18rem; width: 4.35rem; height: .83rem; line-height: .83rem; box-sizing: border-box; padding-left: 1.1rem;}
.role-tag1{ background: url(https://nte.perfectworld.com/public/images/cover260603/role-tag1.png) no-repeat 0 0 / 100% auto;}
.role-tag2{ background: url(https://nte.perfectworld.com/public/images/cover260603/role-tag2.png) no-repeat 0 0 / 100% auto;}
.role-tag3{ background: url(https://nte.perfectworld.com/public/images/cover260603/role-tag3.png) no-repeat 0 0 / 100% auto;}
.role-tag4{ background: url(https://nte.perfectworld.com/public/images/cover260603/role-tag4.png) no-repeat 0 0 / 100% auto;}
.role-tag5{ background: url(../images/cover260708/role-tag5.png) no-repeat 0 0 / 100% auto;}
.role-info-more{ top: 11rem; left: 50%; margin-left: -8.18rem; width: 4.04rem; height: 1.08rem; background: url(../images/cover260708/role-info-more.png) no-repeat 0 0 / 100% auto;}
.role-info-more:hover{ background-position-y: bottom;}
.role-info-more::after{ content: ""; display: block; width: 100%; height: 100%;}
.roleNavSwiper{ top: 10.37rem; left: 50%; margin-left: 5.1rem;}
.roleNavSwiper .swiper-slide{ width: 1.82rem; height: 1.82rem; margin-right: .25rem; cursor: pointer;}
.role-nav-zhen{ background: url(../images/cover260708/role-nav-zhen.png) no-repeat 0 0 / 100% auto;}
.role-nav-yi{ background: url(../images/cover260708/role-nav-yi.png) no-repeat 0 0 / 100% auto;}
.roleNavSwiper .swiper-slide-thumb-active{ background-position-y: bottom;}

/* 全新内容 */
.box3{ height: 11.73rem; background: url(https://nte.perfectworld.com/public/images/cover260603/box3.jpg) no-repeat center / cover;}
.box3Tit{ top: 0; left: 50%; margin-left: -8.2rem;}
.box3Swiper{ top: 1.96rem; left: 50%; margin-left: -2.12rem; width: 12.77rem; height: 7.18rem; border: .11rem solid #494949;}
.box3-slide1{ background: url(../images/cover260708/box3-slide1.jpg) no-repeat 0 0 / 100% auto;}
.box3-slide2{ background: url(../images/cover260708/box3-slide2.jpg) no-repeat 0 0 / 100% auto;}
.box3-slide3{ background: url(../images/cover260708/box3-slide3.jpg) no-repeat 0 0 / 100% auto;}
.box3-slide4{ background: url(../images/cover260708/box3-slide4.jpg) no-repeat 0 0 / 100% auto;}
.box3-slide5{ background: url(../images/cover260708/box3-slide5.jpg) no-repeat 0 0 / 100% auto;}
.box3Pagination{ top: 9.65rem; left: 50%!important; margin-left: .8rem; display: flex; width: 8.1rem!important; z-index: 1;}
.box3Pagination .swiper-pagination-bullet{ opacity: 1; background: #313131; border: .01rem solid #a0a0a0; border-radius: 0; flex: 1; margin: 0 .14rem 0 0!important; position: relative;}
.box3Pagination .swiper-pagination-bullet::after{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #f9dbbd;}
.box3Pagination .swiper-pagination-bullet-active:after{ transition: all 8s ease; width: 100%;}
.box3SwiperInfo{ top: 1.22rem; left: 50%; margin-left: -12.8rem; width: 21.85rem; height: 9.65rem; background: url(../images/cover260708/box3SwiperInfo.png) no-repeat 0 0 / 100% auto;}
.box3Cont{ top: 2.1rem; left: 4.63rem; width: 5.53rem; height: 6.96rem; display: flex; align-items: center; color: #000;}
.box3Cont .item{ display: none;}
.box3Cont .tit{ margin-bottom: .35rem; font-size: .6rem;}
.box3Cont .text{ padding-right: .25rem; margin-bottom: .7rem; height: 2.2rem; line-height: .48rem; font-size: .3rem; overflow-x: hidden; overflow-y: auto;}
.box3Cont .text::-webkit-scrollbar{ width: .12rem; border-radius: .06rem; background: #313131;}
.box3Cont .text::-webkit-scrollbar-thumb{ border-radius: .06rem;  background: #f9dbbd; }
.box3More{ display: block; width: 4.04rem; height: 1.08rem; line-height: 1.08rem; text-align: center; cursor: default; background: url(../images/cover260708/comingSoon.png) no-repeat 0 0 / 100% auto;}
.box3More::after{ content: ""; display: block; width: 100%; height: 100%;}
.box3More.active{ background: url(../images/cover260708/box3More.png) no-repeat 0 0 / 100% auto; cursor: pointer;}
.box3More.active:hover{ background-position-y: bottom!important;}
.box3More.active:hover::after{ background-position-y: bottom!important;}

/* 都市映像 */
.page_city{height:14.57rem; background: url(https://nte.perfectworld.com/public/images/cover260603/page_city.jpg) no-repeat center top / cover;}
.city_title{top:0; left: 50%; margin-left: -8.16rem;}
.citySlides{top:2.19rem;width:16.14rem;height:7.46rem;border:.05rem solid #696969;}
.citySwiper{top:0; left: 0; width:100%;height:100%;}
.citySwiper img{ display: block; width: 100%; height: 100%;}
.citySlides .cityPagination{bottom:-.8rem;line-height:0;font-size:0}
.cityPagination .swiper-pagination-bullet{width:.22rem;height:.22rem;margin:0 .18rem!important;background:#616161;border:.02rem solid #000;border-radius:50%;opacity:1}
.cityPagination .swiper-pagination-bullet-active{background:#f9dbbd}

/* 悬浮底 */
.fixedBottom{ position: fixed; bottom: 0; left: 0; width: 100%; height: 1.72rem; background: url(https://nte.perfectworld.com/public/images/cover260429/fixedBottom.png) no-repeat 0 0 / 25.6rem 1.72rem; display: none; z-index: 2;}
.fixedBottom .tip{ top: .8rem; left: 10%; display: none;}
.fixedBottom .down{ top: .4rem; right: 50%; transform: translateX(50%); width: 4.67rem; height: 1.12rem;}
.closeBottom{ top: .6rem; right: 5%; width: 1.1rem; height: .82rem; background: url(https://nte.perfectworld.com/public/images/cover260429/closeBottom.png) no-repeat 0 0 / 100% auto;}

/********************************************** cn **********************************************/
.html-cn .downBtn::after{ background: url(../../cn/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-cn .slogan { bottom: 4.8rem; width: 11.52rem; height: 3.29rem; background: url(../../cn/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-cn .pvBtn{ top: 1.2rem; right: .54rem;}
.html-cn .indexDownBtn::after{background: url(../../cn/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-cn .steamDownBtn::after{background: url(../../cn/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-cn .otherDownBtn::after{background: url(../../cn/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-cn .box2Tit{ width: 10.22rem; height: 1.7rem; background: url(https://nte.perfectworld.com/cn/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-cn .role-name-yi{ width: 6.03rem; height: 1.3rem; background: url(../../cn/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-cn .role-name-zhen{ width: 4.71rem; height: 1.3rem; background: url(../../cn/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-cn .role-tag{}
.html-cn .role-info-more::after{ background: url(../../cn/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-cn .box3Tit{ width: 10.22rem; height: 1.7rem; background: url(https://nte.perfectworld.com/cn/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-cn .box3More::after{ background: url(../../cn/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-cn .box3More.active::after{ background: url(../../cn/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-cn .city_title{ width: 10.23rem; height: 1.69rem; background:url(https://nte.perfectworld.com/cn/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-cn .fixedBottom .tip{ width: 8.98rem; height: .42rem; background: url(https://nte.perfectworld.com/cn/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-cn .fixedBottom .down{ background: url(https://nte.perfectworld.com/cn/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** de **********************************************/
.html-de .downBtn::after{ background: url(../../de/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-de .slogan { bottom: 4.8rem; width: 12.43rem; height: 4.99rem; background: url(../../de/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-de .pvBtn{ top: 1.2rem; right: .54rem;}
.html-de .indexDownBtn::after{background: url(../../de/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-de .steamDownBtn::after{background: url(../../de/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-de .otherDownBtn::after{background: url(../../de/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-de .box2Tit{ width: 10.21rem; height: 1.59rem; background: url(https://nte.perfectworld.com/de/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-de .role-name-yi{ width: 4.75rem; height: 1.3rem; background: url(../../de/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-de .role-name-zhen{ width: 6.11rem; height: 1.3rem; background: url(../../de/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-de .role-tag{ font-size: .3rem;}
.html-de .role-info-more::after{ background: url(../../de/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-de .box3Tit{ width: 10.24rem; height: 1.58rem; background: url(https://nte.perfectworld.com/de/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-de .box3More::after{ background: url(../../de/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-de .box3More.active::after{ background: url(../../de/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-de .city_title{ width: 10.27rem; height: 1.68rem; background:url(https://nte.perfectworld.com/de/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-de .fixedBottom .tip{ width: 6.91rem; height: .81rem; background: url(https://nte.perfectworld.com/de/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-de .fixedBottom .down{ background: url(https://nte.perfectworld.com/de/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** en **********************************************/
.html-en .downBtn::after{ background: url(../../en/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-en .slogan { bottom: 4.8rem; width: 12.33rem; height: 4.99rem; background: url(../../en/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-en .pvBtn{ top: 1.2rem; right: .54rem;}
.html-en .indexDownBtn::after{background: url(../../en/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-en .steamDownBtn::after{background: url(../../en/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-en .otherDownBtn::after{background: url(../../en/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-en .box2Tit{ width: 10.23rem; height: 1.59rem; background: url(https://nte.perfectworld.com/en/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-en .role-name-yi{ width: 4.57rem; height: 1.3rem; background: url(../../en/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-en .role-name-zhen{ width: 6.19rem; height: 1.3rem; background: url(../../en/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-en .role-tag{}
.html-en .role-info-more::after{ background: url(../../en/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-en .box3Tit{ width: 10.23rem; height: 1.59rem; background: url(https://nte.perfectworld.com/en/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-en .box3More::after{ background: url(../../en/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-en .box3More.active::after{ background: url(../../en/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-en .city_title{ width: 10.22rem; height: 1.59rem;background:url(https://nte.perfectworld.com/en/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-en .fixedBottom .tip{ width: 9.47rem; height: .36rem; background: url(https://nte.perfectworld.com/en/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-en .fixedBottom .down{ background: url(https://nte.perfectworld.com/en/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** es **********************************************/
.html-es .downBtn::after{ background: url(../../es/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-es .slogan { bottom: 4.8rem; width: 11.52rem; height: 3.29rem; background: url(../../es/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-es .pvBtn{ top: 1.2rem; right: .54rem;}
.html-es .indexDownBtn::after{background: url(../../es/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-es .steamDownBtn::after{background: url(../../es/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-es .otherDownBtn::after{background: url(../../es/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-es .box2Tit{ width: 10.21rem; height: 1.59rem; background: url(https://nte.perfectworld.com/es/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-es .role-name-yi{ width: 4.75rem; height: 1.3rem; background: url(../../es/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-es .role-name-zhen{ width: 6.06rem; height: 1.3rem; background: url(../../es/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-es .role-tag{ font-size: .4rem;}
.html-es .role-info-more::after{ background: url(../../es/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-es .box3Tit{ width: 10.24rem; height: 1.58rem; background: url(https://nte.perfectworld.com/es/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-es .box3More::after{ background: url(../../es/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-es .box3More.active::after{ background: url(../../es/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-es .city_title{ width: 10.26rem; height: 1.58rem;background:url(https://nte.perfectworld.com/es/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-es .fixedBottom .tip{ width: 10.62rem; height: .44rem; background: url(https://nte.perfectworld.com/es/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-es .fixedBottom .down{ background: url(https://nte.perfectworld.com/es/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** fr **********************************************/
.html-fr .downBtn::after{ background: url(../../fr/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-fr .slogan { bottom: 4.8rem; width: 12.42rem; height: 4.99rem; background: url(../../fr/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-fr .pvBtn{ top: 1.2rem; right: .54rem;}
.html-fr .indexDownBtn::after{background: url(../../fr/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-fr .steamDownBtn::after{background: url(../../fr/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-fr .otherDownBtn::after{background: url(../../fr/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-fr .box2Tit{ width: 10.21rem; height: 1.59rem; background: url(https://nte.perfectworld.com/fr/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-fr .role-name-yi{ width: 4.75rem; height: 1.3rem; background: url(../../fr/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-fr .role-name-zhen{ width: 6.06rem; height: 1.3rem; background: url(../../fr/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-fr .role-tag{ font-size: .4rem;}
.html-fr .role-info-more::after{ background: url(../../fr/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-fr .box3Tit{ width: 10.24rem; height: 1.58rem; background: url(https://nte.perfectworld.com/fr/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-fr .box3More::after{ background: url(../../fr/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-fr .box3More.active::after{ background: url(../../fr/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-fr .city_title{ width: 10.28rem; height: 1.58rem;background:url(https://nte.perfectworld.com/fr/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-fr .fixedBottom .tip{ width: 6.53rem; height: .82rem; background: url(https://nte.perfectworld.com/fr/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-fr .fixedBottom .down{ background: url(https://nte.perfectworld.com/fr/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** jp **********************************************/
.html-jp .downBtn::after{ background: url(../../jp/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-jp .slogan { bottom: 4.8rem; width: 12.33rem; height: 4.99rem; background: url(../../jp/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-jp .pvBtn{ top: 1.2rem; right: .54rem;}
.html-jp .indexDownBtn::after{background: url(../../jp/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-jp .steamDownBtn::after{background: url(../../jp/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-jp .otherDownBtn::after{background: url(../../jp/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-jp .box2Tit{ width: 10.21rem; height: 1.72rem; background: url(https://nte.perfectworld.com/jp/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-jp .role-name{ top: 4.18rem;}
.html-jp .role-name-yi{ width: 6.03rem; height: 1.3rem; background: url(../../jp/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-jp .role-name-zhen{ width: 4.71rem; height: 1.33rem; background: url(../../jp/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-jp .role-cv-an{ width: 2.94rem; height: .57rem; background: url(https://nte.perfectworld.com/jp/images/cover260603/role-cv-an.png) no-repeat 0 0 / 100% auto;}
.html-jp .role-cv-zhen{ width: 2.94rem; height: .57rem; background: url(../../jp/images/cover260708/role-cv-zhen.png) no-repeat 0 0 / 100% auto;}
.html-jp .role-cv-yi{ width: 2.94rem; height: .57rem; background: url(../../jp/images/cover260708/role-cv-yi.png) no-repeat 0 0 / 100% auto;}
.html-jp .role-tag{ top: 6.62rem; font-size: .4rem;}
.html-jp .role-info-more::after{ background: url(../../jp/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-jp .box3Tit{ width: 10.26rem; height: 1.69rem; background: url(https://nte.perfectworld.com/jp/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-jp .box3More::after{ background: url(../../jp/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-jp .box3More.active::after{ background: url(../../jp/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-jp .city_title{ width: 10.27rem; height: 1.71rem;background:url(https://nte.perfectworld.com/jp/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-jp .fixedBottom .tip{ width: 9.45rem; height: .87rem; background: url(https://nte.perfectworld.com/jp/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-jp .fixedBottom .down{ background: url(https://nte.perfectworld.com/jp/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** kr **********************************************/
.html-kr .logo{ width: 1.93rem; height: 1.58rem; background: url(https://nte.perfectworld.com/public/images/cover260411/nte-kr-logo.png) no-repeat 0 0 / 100% auto;}
.html-kr .downBtn::after{ background: url(../../kr/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-kr .slogan { bottom: 4.8rem; width: 12.33rem; height: 4.99rem; background: url(../../kr/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-kr .pvBtn{ top: 1.2rem; right: .54rem;}
.html-kr .indexDownBtn::after{background: url(../../kr/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-kr .steamDownBtn::after{background: url(../../kr/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-kr .otherDownBtn::after{background: url(../../kr/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-kr .box2Tit{ width: 10.21rem; height: 1.65rem; background: url(https://nte.perfectworld.com/kr/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-kr .role-name-yi{ width: 6.03rem; height: 1.34rem; background: url(../../kr/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-kr .role-name-zhen{ width: 4.71rem; height: 1.35rem; background: url(../../kr/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-kr .role-tag{}
.html-kr .role-info-more::after{ background: url(../../kr/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-kr .box3Tit{ width: 10.23rem; height: 1.67rem; background: url(https://nte.perfectworld.com/kr/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-kr .box3More::after{ background: url(../../kr/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-kr .box3More.active::after{ background: url(../../kr/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-kr .city_title{ width:10.24rem; height: 1.64rem;background:url(https://nte.perfectworld.com/kr/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-kr .fixedBottom .tip{ width: 9.42rem; height: .86rem; background: url(https://nte.perfectworld.com/kr/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-kr .fixedBottom .down{ background: url(https://nte.perfectworld.com/kr/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}


/********************************************** ru **********************************************/
.html-ru .downBtn::after{ background: url(../../ru/images/cover260708/headMenuYYText.png) no-repeat 0 0 / 100% auto;}
.html-ru .slogan { bottom: 4.8rem; width: 12.33rem; height: 4.99rem; background: url(../../ru/images/cover260708/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-ru .pvBtn{ top: 1.2rem; right: .54rem;}
.html-ru .indexDownBtn::after{background: url(../../ru/images/cover260708/indexDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-ru .steamDownBtn::after{background: url(../../ru/images/cover260708/steamDowntest.png) no-repeat 0 0 / 100% auto}
.html-ru .otherDownBtn::after{background: url(../../ru/images/cover260708/otherDownBtnText.png) no-repeat 0 0 / 100% auto}
.html-ru .box2Tit{ width: 10.21rem; height: 1.83rem; background: url(https://nte.perfectworld.com/ru/images/cover260603/box2Tit.png) no-repeat 0 0 / 100% auto}
.html-ru .role-name-yi{ width: 4.75rem; height: 1.3rem; background: url(../../ru/images/cover260708/role-name-yi.png) no-repeat 0 0 / 100% auto;}
.html-ru .role-name-zhen{ width: 6.11rem; height: 1.3rem; background: url(../../ru/images/cover260708/role-name-zhen.png) no-repeat 0 0 / 100% auto;}
.html-ru .role-tag{ font-size: .3rem;}
.html-ru .role-info-more::after{ background: url(../../ru/images/cover260708/role-info-more-text.png) no-repeat 0 0 / 100% auto;}
.html-ru .box3Cont .tit{ font-size: .5rem;}
.html-ru .box3Tit{ width: 10.21rem; height: 1.83rem; background: url(https://nte.perfectworld.com/ru/images/cover260603/box3Tit.png) no-repeat 0 0 / 100% auto;}
.html-ru .box3More::after{ background: url(../../ru/images/cover260708/box3MoreNull.png) no-repeat 0 0 / 100% auto;}
.html-ru .box3More.active::after{ background: url(../../ru/images/cover260708/box3MoreText.png) no-repeat 0 0 / 100% auto;}
.html-ru .city_title{ width: 10.21rem; height: 1.7rem;background:url(https://nte.perfectworld.com/ru/images/cover260603/city_title.png) no-repeat 0 0 / 100% auto;}
.html-ru .fixedBottom .tip{ width: 9.64rem; height: .52rem; background: url(https://nte.perfectworld.com/ru/images/cover260429/downTip.png) no-repeat 0 0 / 100% auto;}
.html-ru .fixedBottom .down{ background: url(https://nte.perfectworld.com/ru/images/cover260429/bottomDown.png) no-repeat 0 0 / 100% auto;}