body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; 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; 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; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
button:disabled{ cursor: default;}
.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);}

#wrapper{ height: 15.64rem; display: none; background: url(../images/bg.jpg) no-repeat center top / cover;}
.headMenu{ top: .38rem; left: 0; width: 100%; box-sizing: border-box; padding: 0 .38rem 0 .72rem; display: flex; align-items: flex-start;}
.logo{ margin-right: auto; height: 1.62rem;}
.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{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.26rem; 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}
.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;}
.slogan { position: absolute; bottom: 6rem; left: 50%; transform: translate(-50%, 0);}
.pvBtn{width:.96rem;height:.96rem;position:absolute;left:50%;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:.96rem;height:.96rem;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)}
}
.downLoadBtn{ bottom: 4rem; width: 6.11rem; height: 1.78rem;}
.downLoadBtn:hover{ background-position-x: right!important;}

/********************************************** cn **********************************************/
.html-cn .slogan { width: 10.3rem; height: 1.68rem; background: url(https://nte.perfectworld.com/cn/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-cn .pvBtn{bottom:6.25rem;margin-left:3.7rem}
.html-cn .downLoadBtn{ background: url(../images/downLoadBtn-cn.png) no-repeat 0 0 / auto 100%;}

/********************************************** de **********************************************/
.html-de .slogan { width: 15.7rem; height: 1.68rem; background: url(https://nte.perfectworld.com/de/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-de .pvBtn{bottom:6.25rem;margin-left:6.55rem}
.html-de .downLoadBtn{ background: url(../images/downLoadBtn-de.png) no-repeat 0 0 / auto 100%;}

/********************************************** en **********************************************/
.html-en .slogan { width: 13.47rem; height: 1.68rem; background: url(https://nte.perfectworld.com/en/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-en .pvBtn{bottom:6.25rem;margin-left:5.5rem}
.html-en .downLoadBtn{ background: url(../images/downLoadBtn-en.png) no-repeat 0 0 / auto 100%;}

/********************************************** es **********************************************/
.html-es .slogan { width: 16.29rem; height: 1.68rem; background: url(https://nte.perfectworld.com/es/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-es .pvBtn{bottom:6.25rem;margin-left:6.8rem}
.html-es .downLoadBtn{ background: url(../images/downLoadBtn-es.png) no-repeat 0 0 / auto 100%;}

/********************************************** fr **********************************************/
.html-fr .slogan { width: 15.54rem; height: 1.68rem; background: url(https://nte.perfectworld.com/fr/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-fr .pvBtn{bottom:6.25rem;margin-left:6.5rem}
.html-fr .downLoadBtn{ background: url(../images/downLoadBtn-fr.png) no-repeat 0 0 / auto 100%;}

/********************************************** jp **********************************************/
.html-jp .slogan { width: 12.51rem; height: 1.68rem; background: url(https://nte.perfectworld.com/jp/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-jp .pvBtn{bottom:6.25rem;margin-left:5rem}
.html-jp .downLoadBtn{ background: url(../images/downLoadBtn-jp.png) no-repeat 0 0 / auto 100%;}

/********************************************** kr **********************************************/
.html-kr .slogan { width: 11.85rem; height: 1.68rem; background: url(https://nte.perfectworld.com/kr/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-kr .pvBtn{bottom:6.2rem;margin-left:4.6rem}
.html-kr .downLoadBtn{ background: url(../images/downLoadBtn-kr.png) no-repeat 0 0 / auto 100%;}

/********************************************** ru **********************************************/
.html-ru .slogan { width: 14.41rem; height: 1.68rem; background: url(https://nte.perfectworld.com/ru/images/cover260326/slogan.png) no-repeat 0 0 / 100% 100%;}
.html-ru .pvBtn{bottom:6.2rem;margin-left:5.9rem}
.html-ru .downLoadBtn{ background: url(../images/downLoadBtn-ru.png) no-repeat 0 0 / auto 100%;}

/* 手机竖屏 + 横屏 */
@media screen and 
  ( (max-width: 932px) and (orientation: landscape) ), 
  ( (max-width: 768px) and (orientation: portrait) ) {

  html, body{ height: 100%;}
  body{ background: #191919;}
  #wrapper{ height: 11.73rem; background: url(../images/bg-m.jpg) no-repeat center top / cover;}
  .headMenu{ top: 0; height: 1rem; padding-left: .34rem; background: #1d1d1d; align-items: center; z-index: 1;}
  .logo{ height: .87rem;}
  .language{width:.63rem;height:.62rem;}
  .iconLanguage{width:.63rem;height:.62rem; background:url(../images/iconLanguage.png) no-repeat 0 0 / 100% auto}
  .enter_btn{ width:.63rem;height:.62rem;background:url(../images/enter_btn.png) no-repeat 0 0 / 100% auto;}
  .slogan{ bottom: 5.21rem;}
  .pvBtn{width:0.75rem;height:0.75rem;background:url(https://nte.perfectworld.com/public/m/images/cover250513/pvBtn_a.png) no-repeat 0 0 / 100% auto;}
  .pvBtn span{width:0.75rem;height:0.75rem;background:url(https://nte.perfectworld.com/public/m/images/cover250513/pvBtn_k.png) no-repeat 0 0 / 100% auto;}
  .downLoadBtn{ bottom: 3.91rem; width: 4.16rem; height: 1.23rem;}
  .downLoadBtn:hover{ background-position-x: 0!important;}

  /********************************************** cn **********************************************/
  .html-cn .slogan{width: 7.23rem; height: 1.18rem; background: url(https://nte.perfectworld.com/cn/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-cn .pvBtn{bottom:5.3rem;margin-left:2.55rem}

  /********************************************** de **********************************************/
  .html-de .slogan{width: 6.63rem; height: 1.86rem; background: url(https://nte.perfectworld.com/de/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-de .pvBtn{bottom:5.25rem;margin-left:1.2rem}

  /********************************************** en **********************************************/
  .html-en .slogan{width: 6.31rem; height: 2.08rem; background: url(https://nte.perfectworld.com/en/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-en .pvBtn{bottom:5.35rem;margin-left:1.1rem}

  /********************************************** es **********************************************/
  .html-es .slogan{width: 7.3rem; height: 1.76rem; background: url(https://nte.perfectworld.com/es/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-es .pvBtn{bottom:5.2rem;margin-left:.97rem}

  /********************************************** fr **********************************************/
  .html-fr .slogan{width: 7.34rem; height: 2.02rem; background: url(https://nte.perfectworld.com/fr/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-fr .pvBtn{bottom:5.25rem;margin-left:1.25rem}

  /********************************************** jp **********************************************/
  .html-jp .slogan{ width: 7.19rem; height: .97rem; background: url(https://nte.perfectworld.com/jp/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-jp .pvBtn{bottom:5.25rem;margin-left:2.75rem}

  /********************************************** kr **********************************************/
  .html-kr .slogan{width: 7.27rem; height: 1.04rem; background: url(https://nte.perfectworld.com/kr/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-kr .pvBtn{bottom:5.25rem;margin-left:2.8rem}

  /********************************************** ru **********************************************/
  .html-ru .slogan{width: 7.04rem; height: 1.68rem; background: url(https://nte.perfectworld.com/ru/m/images/cover260226/slogan.png) no-repeat 0 0 / 100% auto;}
  .html-ru .pvBtn{bottom:5.2rem;margin-left:.65rem}


}

/* 手机竖屏 */
@media screen and (max-width: 768px) and (orientation: portrait) {
  /* .foot_box_container{ position: absolute; bottom: 0; left: 0; width: 100%;} */
}

/* 手机横屏 */
@media screen and (max-width: 932px) and (orientation: landscape) {
  
}