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: 16rem; 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;}
.logo{ top: .17rem; left: .33rem; height: 1.62rem;}
.logo-kr{ top: .21rem; left: .38rem; height: 1.55rem;}
.slogan{ bottom: 6.5rem; height: 2.34rem;}
.slogan-kr{ bottom: 6.5rem; height: 2.58rem;}
.slogan-jp{ bottom: 6.5rem; height: 2.56rem;}
.content{ bottom: 3.16rem; display: flex; justify-content: center; align-items: center; z-index: 1;}
.loginBtn{ width: 6.73rem; height: 2.83rem;}
.loginBtn:hover{ background-position-y: bottom!important;}
.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;}

/* timeoutLayer */
.timeoutLayer{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .85); z-index: 99999; display: none;}
.timeoutLayer .close{ display: block; margin: 0 auto .48rem auto; transform: translateX(6.54rem); width: .37rem; height: .37rem; background: url(https://nte.perfectworld.com/public/images/cover260411/timeoutLayerClose.png) no-repeat 0 0 / 100% auto;}
.timeoutLayer .btns{ width: 6.7rem; margin: .77rem auto 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.timeoutLayer .btns button, .timeoutLayer .btns a{ width: 3.18rem; height: 1.07rem; margin-bottom: .48rem;}


/********************************************** de **********************************************/
.html-de .loginBtn{ background: url(../images/loginBtn-de.png) no-repeat 0 0 / 100% auto;}
.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%;}
.html-de .timeoutLayer .title{ width: 11.41rem; height: 1.36rem; background: url(https://nte.perfectworld.com/de/images/cover260411/timeoutLayerTit.png) no-repeat 0 0 / 100% auto;}

/********************************************** en **********************************************/
.html-en .loginBtn{ background: url(../images/loginBtn-en.png) no-repeat 0 0 / 100% auto;}
.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%;}
.html-en .timeoutLayer .title{ width: 10.23rem; height: 1.64rem; background: url(https://nte.perfectworld.com/en/images/cover260411/timeoutLayerTit.png) no-repeat 0 0 / 100% auto;}

/********************************************** fr **********************************************/
.html-fr .loginBtn{ background: url(../images/loginBtn-fr.png) no-repeat 0 0 / 100% auto;}
.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%;}
.html-fr .timeoutLayer .title{ width: 11.27rem; height: 1.37rem; background: url(https://nte.perfectworld.com/fr/images/cover260411/timeoutLayerTit.png) no-repeat 0 0 / 100% auto;}

/********************************************** jp **********************************************/
.html-ja .loginBtn{ background: url(../images/loginBtn-jp.png) no-repeat 0 0 / 100% auto;}
.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%;}
.html-ja .timeoutLayer .title{ width: 13.16rem; height: 1.45rem; background: url(https://nte.perfectworld.com/jp/images/cover260411/timeoutLayerTit.png) no-repeat 0 0 / 100% auto;}

/********************************************** kr **********************************************/
.html-ko .loginBtn{ background: url(../images/loginBtn-kr.png) no-repeat 0 0 / 100% auto;}
.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%;}
.html-ko .timeoutLayer .title{ width: 12.79rem; height: 1.43rem; background: url(https://nte.perfectworld.com/kr/images/cover260411/timeoutLayerTit.png) no-repeat 0 0 / 100% auto;}