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

#app{ height: 14.14rem; display: none;}
.bg1{ background: url(../images/bg1.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg2{ background: url(../images/bg2.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg3{ background: url(../images/bg3.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg4{ background: url(../images/bg4.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg5{ background: url(../images/bg5.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg6{ background: url(../images/bg6.jpg) no-repeat center top / 25.6rem 14.14rem;}
.bg7{ background: url(../images/bg7.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg8{ background: url(../images/bg8.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg9{ background: url(../images/bg9.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg10{ background: url(../images/bg10.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg11{ background: url(../images/bg11.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg12{ background: url(../images/bg12.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg13{ background: url(../images/bg13.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg14{ background: url(../images/bg14.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg15{ background: url(../images/bg15.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg16{ background: url(../images/bg16.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg17{ background: url(../images/bg17.jpg) no-repeat center top / 25.6rem 14.4rem;}
.bg18{ background: url(../images/bg18.jpg) no-repeat center top / 25.6rem 14.4rem;}
.logo{ top: .17rem; left: .33rem; height: 1.62rem;}
.logo-kr{ top: .21rem; left: .38rem; height: 1.55rem;}
.slogan{ bottom: 4.5rem; height: 2.34rem;}
.slogan-kr{ bottom: 4.5rem; height: 2.58rem;}
.slogan-jp{ bottom: 4.5rem; height: 2.56rem;}
.content{ bottom: 1.66rem; display: flex; justify-content: center; align-items: center; z-index: 1;}
.downLoadBtn{ width: 9.35rem; height: 2.81rem;}
.benefits{ margin-left: .56rem; height: 3.03rem; transform: translateY(-.2rem);}
/* .footer{ left: 0; bottom: 0; width: 100%; height: 4rem; background: url(../images/footer.png) no-repeat center / 25.6rem 4rem;}
#wmgameFooterInsert{ bottom: .2rem; left: 0; right: 0;}
.foot_box_container{ background: transparent!important;} */



/********************************************** de **********************************************/
.html-de .downLoadBtn{ background: url(../images/downLoadBtn-de.png) no-repeat 0 0 / auto 100% ;}
.html-de .ps5{ background: url(https://nte.perfectworld.com/de/images/cover260213/ps5.png) no-repeat 0 0 / 100% 100%;}
.html-de .appStore{ background: url(https://nte.perfectworld.com/de/images/cover260213/appStore.png) no-repeat 0 0 / 100% 100%;}
.html-de .googlePlay{ background: url(https://nte.perfectworld.com/de/images/cover260213/googlePlay.png) no-repeat 0 0 / 100% 100%;}
.html-de .windows{background:url(https://nte.perfectworld.com/de/images/cover260411/windows.png) no-repeat 0 0/100% 100%;}


/********************************************** en **********************************************/
.html-en .downLoadBtn{ background: url(../images/downLoadBtn-en.png) no-repeat 0 0 / auto 100%;}
.html-en .ps5{ background: url(https://nte.perfectworld.com/en/images/cover260213/ps5.png) no-repeat 0 0 / 100% 100%;}
.html-en .appStore{ background: url(https://nte.perfectworld.com/en/images/cover260213/appStore.png) no-repeat 0 0 / 100% 100%;}
.html-en .googlePlay{ background: url(https://nte.perfectworld.com/en/images/cover260213/googlePlay.png) no-repeat 0 0 / 100% 100%;}
.html-en .windows{background:url(https://nte.perfectworld.com/en/images/cover260411/windows.png) no-repeat 0 0/100% 100%;}


/********************************************** fr **********************************************/
.html-fr .downLoadBtn{ background: url(../images/downLoadBtn-fr.png) no-repeat 0 0 / auto 100%;}
.html-fr .ps5{ background: url(https://nte.perfectworld.com/fr/images/cover260213/ps5.png) no-repeat 0 0 / 100% 100%;}
.html-fr .appStore{ background: url(https://nte.perfectworld.com/fr/images/cover260213/appStore.png) no-repeat 0 0 / 100% 100%;}
.html-fr .googlePlay{ background: url(https://nte.perfectworld.com/fr/images/cover260213/googlePlay.png) no-repeat 0 0 / 100% 100%;}
.html-fr .windows{background:url(https://nte.perfectworld.com/fr/images/cover260411/windows.png) no-repeat 0 0/100% 100%;}


/********************************************** jp **********************************************/
.html-ja .downLoadBtn{ background: url(../images/downLoadBtn-ja.png) no-repeat 0 0 / auto 100%;}
.html-ja .ps5{ background: url(https://nte.perfectworld.com/jp/images/cover260213/ps5.png) no-repeat 0 0 / 100% 100%;}
.html-ja .appStore{ background: url(https://nte.perfectworld.com/jp/images/cover260213/appStore.png) no-repeat 0 0 / 100% 100%;}
.html-ja .googlePlay{ background: url(https://nte.perfectworld.com/jp/images/cover260213/googlePlay.png) no-repeat 0 0 / 100% 100%;}
.html-ja .windows{background:url(https://nte.perfectworld.com/jp/images/cover260411/windows.png) no-repeat 0 0/100% 100%;}


/********************************************** kr **********************************************/
.html-ko #app::after{ content: ""; position: absolute; bottom: .17rem; right: .38rem; width: 2.22rem; height: .3rem; background: url(../images/tip-kr.png) no-repeat 0 0 / auto 100%;}
.html-ko .downLoadBtn{ background: url(../images/downLoadBtn-ko.png) no-repeat 0 0 / auto 100%;}
.html-ko .ps5{ background: url(https://nte.perfectworld.com/kr/images/cover260213/ps5.png) no-repeat 0 0 / 100% 100%;}
.html-ko .appStore{ background: url(https://nte.perfectworld.com/kr/images/cover260213/appStore.png) no-repeat 0 0 / 100% 100%; opacity: 1;}
.html-ko .googlePlay{ background: url(https://nte.perfectworld.com/kr/images/cover260213/googlePlay.png) no-repeat 0 0 / 100% 100%;}
.html-ko .windows{background:url(https://nte.perfectworld.com/kr/images/cover260411/windows.png) no-repeat 0 0/100% 100%;}