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);}

.viewM{ display: none!important;}

#app{ height: 14.14rem; background: url(../images/bg1.jpg) no-repeat center top / 25.6rem 14.14rem;}
.slogan{ bottom: 4.25rem;}
.indexBtns{ bottom: 2.73rem; display: flex; justify-content: center; align-items: flex-start;}
.indexBtns-2{ bottom: 2.22rem; display: flex; justify-content: center; align-items: flex-start;}
.indexBtns > a, .indexBtns > button{ position: relative; width: 4.02rem; height: 1.2rem; margin: 0 .1rem;}
.indexBtns-2 > a, .indexBtns-2 > button{ position: relative; width: 4.68rem; height: 1.4rem; margin: 0 .1rem;}
.indexBtns > a::after, .indexBtns > button::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.indexBtns-2 > a::after, .indexBtns-2 > button::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.indexDownBtn{ background: url(../images/indexDownBtn.png) no-repeat 0 0 / 100% auto;}
.bg6 .indexDownBtn,
.bg7 .indexDownBtn,
.bg8 .indexDownBtn{ background: url(https://nte.perfectworld.com/hot/261030/public/images/indexDownBtn.png) no-repeat 0 0 / 100% auto;}
.steamDownBtn{ background: url(../images/steamDownBtn.png) no-repeat 0 0 / 100% auto;}
.bg6 .steamDownBtn,
.bg7 .steamDownBtn,
.bg8 .steamDownBtn{ background: url(https://nte.perfectworld.com/hot/261030/public/images/steamDownBtn.png) no-repeat 0 0 / 100% auto;}
.steamDownBtn-2{ background: url(../images/steamDownBtn-2.png) no-repeat 0 0 / 100% auto;}
.ps5DownBtn{ background: url(../images/ps5DownBtn.png) no-repeat 0 0 / 100% auto;}
.bg6 .ps5DownBtn,
.bg7 .ps5DownBtn,
.bg8 .ps5DownBtn{ background: url(https://nte.perfectworld.com/hot/261030/public/images/ps5DownBtn.png) no-repeat 0 0 / 100% auto;}
.otherDownBtn{ background: url(../images/otherDownBtn.png) no-repeat 0 0 / 100% auto;}
.bg6 .otherDownBtn,
.bg7 .otherDownBtn,
.bg8 .otherDownBtn{ background: url(https://nte.perfectworld.com/hot/261030/public/images/otherDownBtn.png) no-repeat 0 0 / 100% auto;}
.otherDownBtn-2{ background: url(../images/otherDownBtn-2.png) no-repeat 0 0 / 100% auto;}
.indexBtns > a:hover, .indexBtns > button:hover{ background-position-y: bottom!important;}
.indexBtns-2 > a:hover, .indexBtns-2 > button:hover{ background-position-y: bottom!important;}
#pop_down{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;display:none}
.popDownCont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: 15.14rem; height: 6.24rem; background: url(https://nte.perfectworld.com/public/images/down/popDownCont.png) no-repeat 0 0 / 100% auto;}
.downClose{ top: .46rem; right: .5rem; width: .74rem; height: .73rem; background: url(https://nte.perfectworld.com/public/images/down/downClose.png) no-repeat 0 0 / 100% auto;}
.popDownTit{ top: 1.14rem;}
.downSource{ top: 2.4rem; display: flex; justify-content: center; align-items: center;}
.downCodeBox{ display: flex; justify-content: center; align-items: center; width: 2.29rem; height: 2.29rem; margin-right: .5rem; background: url(https://nte.perfectworld.com/public/images/down/downCodeBox.png) no-repeat 0 0 / 100% auto;}
.downCode{ width: 1.84rem; height: 1.84rem;}
.downBtns{ width: 6.3rem; display: flex; flex-wrap: wrap; align-items: center;}
.downBtns a{ margin-right: .25rem;  margin-bottom: .1rem; width: 2.86rem; height: .96rem;}
.down-win{ background: url(https://nte.perfectworld.com/public/images/down260708/win.png) no-repeat 0 0 / 100% auto;}
.down-epic{ background: url(https://nte.perfectworld.com/public/images/down260708/epic.png) no-repeat 0 0 / 100% auto;}
.down-appStore{ position: relative;}
.downBtns .macTip{ bottom: -.25rem;}

/********************************************** de **********************************************/
.html-de .slogan{ width: 19.01rem; height: 4.42rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_de.png) no-repeat 0 0 / 100% auto;}
.html-de .bg6 .slogan,
.html-de .bg7 .slogan,
.html-de .bg8 .slogan{ width: 16.64rem; height: 2.77rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_de.png) no-repeat 0 0 / 100% auto;}
.html-de .indexDownBtn::after{background: url(../images/indexDownTxt-de.png) no-repeat 0 0 / 100% auto}
.html-de .steamDownBtn::after{background: url(../images/steamDownTxt-de.png) no-repeat 0 0 / 100% auto}
.html-de .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-de.png) no-repeat 0 0 / 100% auto}
.html-de .ps5DownBtn::after{background: url(../images/ps5DownTxt-de.png) no-repeat 0 0 / 100% auto}
.html-de .otherDownBtn::after{background: url(../images/otherDownTxt-de.png) no-repeat 0 0 / 100% auto}
.html-de .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-de.png) no-repeat 0 0 / 100% auto}
.html-de .popDownTit{ width: 8.29rem; height: .52rem; background: url(../images/popDownTit-de.png) no-repeat 0 0 / 100% auto;}
.html-de .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/de/appStore.png) no-repeat 0 0 / 100% auto;}
.html-de .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/de/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-de .downBtns .macTip{ width: 1.52rem; height: .25rem; background: url(https://nte.perfectworld.com/de/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}

/********************************************** en **********************************************/
.html-en .slogan{ width: 15.43rem; height: 4.44rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_en.png) no-repeat 0 0 / 100% auto;}
.html-en .bg6 .slogan,
.html-en .bg7 .slogan,
.html-en .bg8 .slogan{ width: 16.64rem; height: 2.93rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_en.png) no-repeat 0 0 / 100% auto;}
.html-en .indexDownBtn::after{background: url(../images/indexDownTxt-en.png) no-repeat 0 0 / 100% auto}
.html-en .steamDownBtn::after{background: url(../images/steamDownTxt-en.png) no-repeat 0 0 / 100% auto}
.html-en .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-en.png) no-repeat 0 0 / 100% auto}
.html-en .ps5DownBtn::after{background: url(../images/ps5DownTxt-en.png) no-repeat 0 0 / 100% auto}
.html-en .otherDownBtn::after{background: url(../images/otherDownTxt-en.png) no-repeat 0 0 / 100% auto}
.html-en .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-en.png) no-repeat 0 0 / 100% auto}
.html-en .popDownTit{ width: 10.07rem; height: .54rem; background: url(../images/popDownTit-en.png) no-repeat 0 0 / 100% auto;}
.html-en .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/en/appStore.png) no-repeat 0 0 / 100% auto;}
.html-en .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/en/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-en .downBtns .macTip{ width: 1.94rem; height: .2rem; background: url(https://nte.perfectworld.com/en/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}

/********************************************** fr **********************************************/
.html-fr .slogan{ width: 17.08rem; height: 4.42rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_fr.png) no-repeat 0 0 / 100% auto;}
.html-fr .bg6 .slogan,
.html-fr .bg7 .slogan,
.html-fr .bg8 .slogan{ width: 16.62rem; height: 2.77rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_fr.png) no-repeat 0 0 / 100% auto;}
.html-fr .indexDownBtn::after{background: url(../images/indexDownTxt-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .steamDownBtn::after{background: url(../images/steamDownTxt-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .ps5DownBtn::after{background: url(../images/ps5DownTxt-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .otherDownBtn::after{background: url(../images/otherDownTxt-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-fr.png) no-repeat 0 0 / 100% auto}
.html-fr .popDownTit{ width: 10.69rem; height: .44rem; background: url(../images/popDownTit-fr.png) no-repeat 0 0 / 100% auto;}
.html-fr .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/fr/appStore.png) no-repeat 0 0 / 100% auto;}
.html-fr .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/fr/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-fr .downBtns .macTip{ width: 1.81rem; height: .25rem; background: url(https://nte.perfectworld.com/fr/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}

/********************************************** jp **********************************************/
.html-jp .slogan{ width: 15.5rem; height: 4.44rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_jp.png) no-repeat 0 0 / 100% auto;}
.html-jp .bg6 .slogan,
.html-jp .bg7 .slogan,
.html-jp .bg8 .slogan{ width: 16.68rem; height: 2.95rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_jp.png) no-repeat 0 0 / 100% auto;}
.html-jp .indexDownBtn::after{background: url(../images/indexDownTxt-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .steamDownBtn::after{background: url(../images/steamDownTxt-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .ps5DownBtn::after{background: url(../images/ps5DownTxt-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .otherDownBtn::after{background: url(../images/otherDownTxt-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-jp.png) no-repeat 0 0 / 100% auto}
.html-jp .popDownTit{ width: 10.47rem; height: .37rem; background: url(../images/popDownTit-jp.png) no-repeat 0 0 / 100% auto;}
.html-jp .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/jp/appStore.png) no-repeat 0 0 / 100% auto;}
.html-jp .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/jp/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-jp .downBtns .macTip{ width: 1.11rem; height: .23rem; background: url(https://nte.perfectworld.com/jp/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}

/********************************************** kr **********************************************/
.html-kr .slogan{ width: 15.66rem; height: 4.44rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_kr.png) no-repeat 0 0 / 100% auto;}
.html-kr .bg6 .slogan,
.html-kr .bg7 .slogan,
.html-kr .bg8 .slogan{ width: 16.68rem; height: 2.95rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_kr.png) no-repeat 0 0 / 100% auto;}
.html-kr .indexDownBtn::after{background: url(../images/indexDownTxt-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .steamDownBtn::after{background: url(../images/steamDownTxt-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .ps5DownBtn::after{background: url(../images/ps5DownTxt-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .otherDownBtn::after{background: url(../images/otherDownTxt-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-kr.png) no-repeat 0 0 / 100% auto}
.html-kr .popDownTit{ width: 11.2rem; height: .37rem; background: url(../images/popDownTit-kr.png) no-repeat 0 0 / 100% auto;}
.html-kr .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/kr/appStore.png) no-repeat 0 0 / 100% auto;}
.html-kr .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/kr/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-kr .downBtns .macTip{ width: 1.29rem; height: .25rem; background: url(https://nte.perfectworld.com/kr/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}

/********************************************** ru **********************************************/
.html-ru .slogan{ width: 17.23rem; height: 4.42rem; background: url(https://nte.perfectworld.com/hot/261020/public/images/slogan_ru.png) no-repeat 0 0 / 100% auto;}
.html-ru .bg6 .slogan,
.html-ru .bg7 .slogan,
.html-ru .bg8 .slogan{ width: 16.64rem; height: 2.78rem; background: url(https://nte.perfectworld.com/hot/261030/public/images/slogan_ru.png) no-repeat 0 0 / 100% auto;}
.html-ru .indexDownBtn::after{background: url(../images/indexDownTxt-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .steamDownBtn::after{background: url(../images/steamDownTxt-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .steamDownBtn-2::after{background: url(../images/steamDownTxt-2-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .ps5DownBtn::after{background: url(../images/ps5DownTxt-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .otherDownBtn::after{background: url(../images/otherDownTxt-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .otherDownBtn-2::after{background: url(../images/otherDownTxt-2-ru.png) no-repeat 0 0 / 100% auto}
.html-ru .popDownTit{ width: 10.72rem; height: .45rem; background: url(../images/popDownTit-ru.png) no-repeat 0 0 / 100% auto;}
.html-ru .down-appStore{ background: url(https://nte.perfectworld.com/public/images/down260708/ru/appStore.png) no-repeat 0 0 / 100% auto;}
.html-ru .down-googlePlay{ background: url(https://nte.perfectworld.com/public/images/down260708/ru/googlePlay.png) no-repeat 0 0 / 100% auto;}
.html-ru .downBtns .macTip{ width: 2rem; height: .27rem; background: url(https://nte.perfectworld.com/ru/images/main260402/macTip.png) no-repeat 0 0 / 100% 100%;}