body {
    position: relative;
    -webkit-text-size-adjust: 100%;
    font-family: Microsoft YaHei, Arial, sans-serif, Helvetica;
    font-size: .16rem
}

a,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
span,
td,
textarea,
th,
ul {
    font-family: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ol,
ul {
    list-style: none
}

a {
    color: inherit;
    cursor: pointer;
    outline: none
}

a,
a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

img {
    border: 0
}

img,
video {
    -o-object-fit: cover;
    object-fit: cover
}

table {
    border-collapse: collapse
}

area {
    outline: none
}

input,
select,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    resize: none
}

input::-ms-clear {
    display: none
}

input[type=password],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    background: none;
    border: none;
    cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

h1.wm-public {
    font-size: 0;
    height: 0;
    line-height: 0rem
}

.cf:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.cf {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.auto {
    left: 50%;
    transform: translate(-50%)
}

body {
    padding-bottom: 1.21rem
}

#wrapper {
    display: none
}

.viewPc {
    display: none !important
}

.header {
    align-items: center;
    background: #1d1d1d;
    box-sizing: border-box;
    display: flex;
    height: 1.02rem;
    justify-content: space-between;
    left: 50%;
    padding: 0 .2rem 0 .35rem;
    position: fixed;
    top: 0;
    transform: translate(-50%);
    width: 7.5rem;
    z-index: 3
}

.logo {
    background: url(https://nte.perfectworld.com/public/m/images/main260402/logo.png) no-repeat 0 0/100% auto;
    height: .92rem;
    width: 1.03rem
}

.downBtn {
    height: .45rem;
    margin-left: auto;
    width: 2.17rem
}

.payBtn {
    background: url(https://nte.perfectworld.com/public/m/images/cover260429/payBtn.png) no-repeat 0 0/100% auto;
    height: .62rem;
    margin-left: .2rem;
    width: .63rem
}

.payBtn:hover {
    background-position-y: bottom
}

.language {
    margin-left: .2rem;
    margin-top: .03rem
}

.iconLanguage {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/iconLanguage.png) no-repeat 0 0/100% auto;
    height: .62rem;
    width: .63rem
}

.iconLanguage:hover {
    background-position-y: bottom
}

.chooseLanguage {
    background: rgba(29, 29, 29, .85);
    border: .03rem solid #e8e8e8;
    border-radius: .3rem;
    display: none;
    padding-top: .3rem;
    position: fixed;
    right: .18rem;
    top: 1.2rem;
    width: 4.9rem
}

.chooseLanguage button {
    border-bottom: .05rem solid #373a3a;
    color: #bfbfbf;
    display: block;
    float: none;
    font-size: .43rem;
    height: .72rem;
    margin: 0 auto;
    width: 3.4rem
}

.chooseLanguage button[active=on] {
    color: #7cecfc
}

.menuBtn {
    background: url(https://nte.perfectworld.com/public/m/images/main250513/header_menu.png) no-repeat 0 0;
    background-size: 100% auto;
    height: .69rem;
    margin-left: .2rem;
    width: .69rem
}

.menuBtn.active {
    background-position: 0 -.69rem
}

.menuLayer {
    background: rgba(29, 29, 29, .9);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.loginStatus {
    display: none;
    left: .35rem;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%)
}

.loginIcon {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/loginIcon.png) no-repeat 0 0;
    background-size: 100% auto;
    display: block;
    height: .67rem;
    width: .66rem
}

.loginAfter {
    background: #39393a;
    border-radius: .1rem;
    display: none;
    left: 0;
    padding: .2rem .4rem;
    position: absolute;
    top: .77rem
}

.loginAfter .uidBox {
    color: #aaa;
    font-size: .21rem;
    margin-bottom: .1rem
}

.loginAfter .logOut {
    background: #aaa;
    border: .02rem solid #4d4d4d;
    border-radius: .1rem;
    color: #1d1d1d;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    min-width: 1.7rem;
    padding: 0 .12rem;
    white-space: nowrap
}

.menuSubNav {
    align-items: center;
    bottom: 5.3rem;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0
}

.menuSubNav a,
.menuSubNav button {
    height: .7rem;
    margin: 0 .1rem;
    width: .71rem
}

.bgMusic {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/bgMusic.png) no-repeat 0 0/100% auto
}

.bgMusic.off {
    background-position-y: bottom
}

.shareHref {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/shareHref.png) no-repeat 0 0/100% auto
}

.enter_btn {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/enter_btn.png) no-repeat 0 0/100% auto
}

.menuDownBtn {
    bottom: 4rem;
    height: .87rem;
    width: 3.55rem
}

.menuDownBtn:after {
    bottom: 0;
    content: "";
    display: none;
    position: absolute;
    right: 0;
    transform: translateX(50%)
}

.menu_otherPlatform {
    bottom: 2.5rem
}

.box1 {
    background: url(https://nte.perfectworld.com/public/m/images/cover260513/box1.jpg) no-repeat 0 0/cover;
    height: 11.31rem;
    width: 100%
}

.slogan {
    bottom: 3.8rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.pvBtn {
    background: url(https://nte.perfectworld.com/public/m/images/cover250513/pvBtn_a.png) no-repeat 0 0;
    background-size: 100% auto;
    left: 50%;
    z-index: 1
}

.pvBtn,
.pvBtn span {
    height: .75rem;
    position: absolute;
    width: .75rem
}

.pvBtn span {
    animation: tapeRotate 6s linear infinite;
    background: url(https://nte.perfectworld.com/public/m/images/cover250513/pvBtn_k.png) no-repeat 0 0;
    background-size: 100% auto;
    left: 0;
    top: 0
}

@keyframes tapeRotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.indexBtns {
    left: 0;
    top: 8.05rem;
    width: 100%
}

.indexDownBtn {
    display: block;
    height: 1.28rem;
    margin: 0 auto;
    width: 3.39rem
}

.shops {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-top: .6rem
}

.shops a {
    height: .83rem;
    margin: 0 .04rem;
    width: 2.29rem
}

.guide_nextPage {
    background: url(https://nte.perfectworld.com/public/m/images/cover240718/guide_nextPage.png) no-repeat 0 0;
    background-size: 100% auto;
    bottom: .3rem;
    display: none;
    height: .28rem;
    left: 50%;
    margin-left: -.25rem;
    width: .5rem;
    z-index: 1
}

.event-card {
    height: 1.78rem;
    position: absolute;
    right: 0;
    top: 1.5rem;
    width: 1.3rem
}

.box2 {
    background: url(https://nte.perfectworld.com/public/m/images/cover260420/box2.jpg) no-repeat 0 0/cover;
    height: 13.88rem
}

.milestoneCont {
    height: 100%;
    top: 0;
    width: 100%
}

.yyNum {
    height: 1.16rem;
    left: .3rem;
    top: 1rem;
    width: 6.9rem
}

.numBox {
    display: flex;
    margin-left: 1.13rem
}

.numBox span {
    height: .91rem;
    min-width: .6rem
}

.n-0 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-0.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-1 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-1.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-2 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-2.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-3 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-3.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-4 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-4.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-5 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-5.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-6 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-6.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-7 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-7.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-8 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-8.png) no-repeat 0 0;
    background-size: 100% auto
}

.n-9 {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/n-9.png) no-repeat 0 0;
    background-size: 100% auto
}

.comma {
    background: url(https://nte.perfectworld.com/public/m/images/main260109/pageMilestone/comma.png) no-repeat 0 0;
    background-size: 100% auto
}

.progressBar {
    background: #979797;
    height: 7.79rem;
    margin-left: -1.97rem;
    top: 2.6rem;
    width: .14rem
}

.progressBar .curr {
    background: #fb5692;
    bottom: 0;
    left: 0;
    transition: height 1s;
    width: 100%
}

.progressBar .curr[step="0"] {
    height: .25rem
}

.progressBar .curr[step="1"] {
    height: .5rem
}

.progressBar .curr[step="2"] {
    height: 1.7rem
}

.progressBar .curr[step="3"] {
    height: 3rem
}

.progressBar .curr[step="4"] {
    height: 4.7rem
}

.progressBar .curr[step="5"] {
    height: 100%
}

.progressBar .curr:after {
    background: url(https://nte.perfectworld.com/public/m/images/cover260109/progressBarCurr.png) no-repeat 0 0/100% auto;
    content: "";
    height: .32rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: .29rem
}

.nodeBox {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.node {
    left: 0;
    position: absolute;
    transform: translateX(-110%)
}

.node5 {
    top: .81rem
}

.node4 {
    top: 2.85rem
}

.node3 {
    top: 4.51rem
}

.node2 {
    top: 5.78rem
}

.node1 {
    top: 7.05rem
}

.node:after,
.node:before {
    content: "";
    display: block
}

.node:after {
    height: .23rem;
    margin-top: .07rem;
    width: 1.09rem
}

.node.active {
    background-position: 0 100%
}

.node.active:after {
    background-position-y: bottom !important
}

.node div {
    left: 140%;
    top: 50%;
    transform: translateY(-50%)
}

.yyprize4,
.yyprize5 {
    height: 1.94rem;
    width: 5.02rem
}

.yyprize1,
.yyprize2,
.yyprize3 {
    height: 1.17rem;
    width: 5.01rem
}

.node1.active div {
    animation: bgActive 0s .2s forwards
}

.node2.active div {
    animation: bgActive 0s .4s forwards
}

.node3.active div {
    animation: bgActive 0s .6s forwards
}

.node4.active div {
    animation: bgActive 0s .8s forwards
}

.node5.active div {
    animation: bgActive 0s 1s forwards
}

@keyframes bgActive {

    0%,
    99% {
        background-position: 0 0
    }

    to {
        background-position: 0 100%
    }
}

.socialMedia {
    height: 3.29rem;
    left: 0;
    top: 10.2rem;
    width: 7.09rem
}

.disc {
    animation: rotation 6s linear infinite;
    background: url(https://nte.perfectworld.com/public/m/images/cover260109/disc.png) no-repeat 0 0/100% auto;
    height: 2.3rem;
    left: .45rem;
    top: .5rem;
    width: 2.3rem
}

@keyframes rotation {
    to {
        transform: rotate(1turn)
    }
}

.discName {
    background: url(https://nte.perfectworld.com/public/m/images/cover260109/discName.png) no-repeat 0 0/100% auto;
    height: .58rem;
    left: .52rem;
    top: 2.12rem;
    width: 2.15rem
}

.socialMedia .pic {
    animation: smBg 2s steps(58) infinite;
    background: url(https://nte.perfectworld.com/public/m/images/cover260109/pic.png) no-repeat 0 0/100% auto;
    height: 1.9rem;
    right: 0;
    top: .4rem;
    width: 1.9rem
}

@keyframes smBg {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -110.2rem
    }
}

.socialMedia:after {
    bottom: .8rem;
    content: "";
    height: .25rem;
    left: 3rem;
    position: absolute;
    width: 1.55rem
}

.socialMedia.active:after {
    background-position-y: bottom !important
}
/*main新角色轮播*/
.box2Tit {
    left: 50%;
    top: .3rem;
    transform: translateX(-50%)
}

.roleSwiper {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.role-an {
    background: url(https://nte.perfectworld.com/public/m/images/cover260603/role-an.png) no-repeat 0 0/100% auto
}

.role-ka {
    background: url(https://nte.perfectworld.com/public/m/images/cover260603/role-ka.png) no-repeat 0 0/100% auto
}

.role-name {
    left: .34rem;
    top: 9.23rem
}

.role-cv {
    left: .34rem;
    top: 9.83rem
}

.role-info-more {
    height: .79rem;
    right: .28rem;
    top: 11rem;
    width: 2.96rem
}

.roleNavSwiper {
    left: .3rem;
    top: 10.6rem
}

.roleNavSwiper .swiper-slide {
    height: 1.44rem;
    margin-right: .3rem;
    width: 1.44rem
}

.role-nav-an {
    background: url(https://nte.perfectworld.com/public/images/cover260603/role-nav-an.png) no-repeat 0 0/100% auto
}

.role-nav-ka {
    background: url(https://nte.perfectworld.com/public/images/cover260603/role-nav-ka.png) no-repeat 0 0/100% auto
}

.roleNavSwiper .swiper-slide-thumb-active {
    background-position-y: bottom
}

.box3 {
    background: url(https://nte.perfectworld.com/public/m/images/cover260420/box2_2.jpg) no-repeat 50%/cover;
    height: 10.53rem
}

.benefits {
    top: 0
}

.page_city {
    background: url(https://nte.perfectworld.com/public/m/images/cover260420/page_city.jpg) no-repeat 0 0/cover;
    height: 14.55rem;
    position: relative
}

.city_title {
    height: 2.17rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 7.5rem
}

.tape {
    height: 7.32rem;
    left: .64rem;
    perspective: 2000px;
    top: 1.94rem;
    width: 4.27rem;
    z-index: 1
}

.tapeA,
.tapeB {
    background: url(https://nte.perfectworld.com/public/m/images/cover250513/tape.png) no-repeat;
    background-size: 100% auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: all 1s
}

.tapeA {
    background-position: 0 0
}

.tapeB {
    background-position: 0 100%;
    opacity: 0;
    transform: rotateY(180deg)
}

.tape.b .tapeA {
    opacity: 0;
    transform: rotateY(-180deg)
}

.tape.b .tapeB {
    opacity: 1;
    transform: rotateY(0deg)
}

.tape_ornament2 {
    background: url(https://nte.perfectworld.com/public/m/images/cover250513/tapeA_ornament1.png) no-repeat 0 0;
    background-size: 100% auto;
    height: 7.86rem;
    position: absolute;
    right: -2.5rem;
    top: 1.6rem;
    width: 7.11rem
}

.citySlides {
    border: .05rem solid #767676;
    height: 9.23rem;
    left: 0;
    top: 2.4rem;
    width: 5.19rem
}

.citySwiper {
    height: 100%;
    top: 0;
    width: 100%
}

.citySlideImg {
    display: block;
    height: 100%;
    width: 100%
}

.citySlideNext,
.citySlidePrev {
    height: 1.99rem;
    margin-top: 0;
    opacity: 1;
    transform: translateY(-50%);
    width: .54rem
}

.citySlideNext {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/citySlideNext.png) no-repeat 0 0/100% auto
}

.citySlidePrev {
    background: url(https://nte.perfectworld.com/public/m/images/cover251223/citySlidePrev.png) no-repeat 0 0/100% auto;
    left: -.72rem
}

.citySlideNext {
    right: -.72rem
}

.citySlideNext:after,
.citySlidePrev:after {
    display: none
}

.citySlides .cityPagination {
    bottom: -.6rem;
    font-size: 0;
    line-height: 0
}

.cityPagination .swiper-pagination-bullet {
    background: #616161;
    border: .02rem solid #000;
    border-radius: 50%;
    height: .22rem;
    margin: 0 .18rem !important;
    opacity: 1;
    width: .22rem
}

.cityPagination .swiper-pagination-bullet-active {
    background: #e8e8e8
}

.tape_ornament1 {
    height: .91rem;
    left: 2.35rem;
    top: 9.34rem;
    width: 4.15rem;
    z-index: 2
}

.citySlideSubBg {
    height: .13rem;
    left: 50%;
    position: absolute;
    top: 10.5rem;
    transform: translate(-50%);
    width: 2.68rem
}

.cookies_bar {
    align-items: center;
    background: #1d1d1d;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    height: .65rem;
    justify-content: center;
    left: 0;
    padding: 0 .2rem;
    position: fixed;
    width: 100%;
    z-index: 8999
}

.cookies_tip {
    color: #828282;
    font-size: .2rem
}

.cookies_tip a {
    color: #fff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.accept-cookies {
    background: #7cecfc;
    border: none;
    border-radius: .3rem;
    color: #000;
    cursor: pointer;
    font-size: .25rem;
    font-weight: 700;
    height: .4rem;
    line-height: .4rem;
    margin-left: .2rem;
    text-align: center;
    width: 1.74rem
}

.accept-cookies:hover {
    background: #7198e2;
    color: #fff
}

.index_otherPlatform {
    height: .66rem;
    left: 50%;
    margin-left: -3.19rem;
    position: absolute;
    top: 25.8rem;
    width: 6.18rem;
    z-index: 10
}

.otherPlatform {
    display: flex
}

.otherPlatform a {
    background: url(https://nte.perfectworld.com/public/images/cover240718/otherPlatform.png) no-repeat;
    background-position-y: 0;
    background-size: auto 200%;
    height: .66rem;
    margin: 0 0 .2rem .2rem;
    position: relative;
    text-indent: -9999px;
    width: .66rem
}

.otherPlatform .platform_twitter {
    background-position-x: 0
}

.otherPlatform .platform_facebook {
    background-position-x: -.84rem
}

.otherPlatform .platform_youtube {
    background-position-x: -1.68rem
}

.otherPlatform .platform_discord {
    background-position-x: -2.52rem
}

.otherPlatform .platform_reddit {
    background-position-x: -3.37rem
}

.otherPlatform .platform_ins {
    background-position-x: -4.2rem
}

.otherPlatform .platform_tiktok {
    background-position-x: -5.04rem
}

.otherPlatform .platform_line {
    background-position-x: -5.88rem
}

.otherPlatform .platform_naver {
    background-position-x: -6.72rem
}

.otherPlatform .platform_talk {
    background-position-x: -7.56rem
}

.otherPlatform a:hover {
    background-position-y: -.66rem
}

.otherPlatform .code {
    bottom: 100%;
    display: none;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.otherPlatform a:hover .code {
    display: block
}

.otherPlatform .code div {
    background: #fff;
    border-radius: .05rem;
    margin-bottom: .1rem;
    padding: .1rem
}

.otherPlatform .code img {
    display: block;
    height: 1.2rem;
    width: 1.2rem
}

.pop {
    background: rgba(0, 0, 0, .8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.popCont {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pop_test_cont {
    background: url(https://nte.perfectworld.com/public/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%;
    height: 4.18rem;
    padding-top: 2.1rem;
    width: 6.84rem
}

.popClose {
    background-size: 100% auto;
    height: .55rem;
    position: absolute;
    right: .26rem;
    top: .22rem;
    width: .55rem
}

.pop_test_info {
    color: #000;
    font-size: .22rem;
    height: 3.52rem;
    margin: 0 auto;
    overflow-y: scroll;
    padding: 0 .1rem;
    width: 5.66rem
}

.pop_test_info .test_info_tit {
    font-size: .3rem;
    font-weight: 700;
    margin: .1rem 0
}

.pop_test_info p {
    line-height: .28rem
}

.pop_test_info p a {
    color: blue;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pop_test_info::-webkit-scrollbar {
    background-color: #cbcbcb;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    height: .06rem;
    width: .1rem
}

.pop_test_info::-webkit-scrollbar-track {
    background-color: #202020;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    opacity: .5
}

.pop_test_info::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: .05rem;
    -webkit-border-radius: .05rem
}

.msgBarBox {
    align-items: center;
    background: rgba(43, 43, 43, .8);
    bottom: 1.87rem;
    box-sizing: border-box;
    display: flex;
    height: .5rem;
    justify-content: space-between;
    padding: 0 .05rem;
    width: 100%;
    z-index: 1
}

.msgBarBox:after,
.msgBarBox:before {
    content: "";
    height: .22rem;
    width: .49rem
}

.msgBarBox:before {
    background: url(https://nte.perfectworld.com/public/images/cover260411/marquee-left.png) no-repeat 0 0/100% auto
}

.msgBarBox:after {
    background: url(https://nte.perfectworld.com/public/images/cover260411/marquee-right.png) no-repeat 0 0/100% auto
}

.marquee {
    display: flex;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    width: 84%
}

.marquee .cont {
    align-items: center;
    animation: marquee 20s linear infinite;
    display: flex
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.marquee img {
    height: .32rem;
    margin-right: .5rem
}

.fixedBottom {
    background: url(https://nte.perfectworld.com/public/m/images/cover260429/fixedBottom.png) no-repeat 0 0/100% auto;
    bottom: 0;
    display: none;
    height: 1.21rem;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2
}

.fixedBottom .down {
    height: .87rem;
    left: 50%;
    top: .2rem;
    transform: translateX(-50%);
    width: 3.55rem
}

.fixedBottom .down:after {
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    transform: translate(50%)
}

.html-cn .menuDownBtn {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-cn .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .3rem;
    width: 1.03rem
}

.html-cn .downBtn {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-cn .pvBtn {
    bottom: 3.9rem;
    margin-left: 2.55rem
}

.html-cn .indexDownBtn {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-cn .ps5 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-cn .appStore {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-cn .googlePlay {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-cn .city_title {
    background: url(https://nte.perfectworld.com/cn/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-cn .pop_test_cont {
    background: url(https://nte.perfectworld.com/cn/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-cn .yyNum {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.16rem
}

.html-cn .node:before {
    height: .31rem;
    width: 1.08rem
}

.html-cn .node5:before {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .node4:before {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .node3:before {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .node2:before {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .node1:before {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .node:after {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .yyprize5 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .yyprize4 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .yyprize3 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .yyprize2 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .yyprize1 {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-cn .socialMedia {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-cn .socialMedia:after {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-cn .event-card {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-cn .benefits {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 8.63rem;
    width: 7.32rem
}

.html-cn .fixedBottom .down {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-cn .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/cn/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .3rem;
    width: 1.03rem
}

.html-de .menuDownBtn {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-de .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.46rem
}

.html-de .downBtn {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-de .pvBtn {
    bottom: 3.85rem;
    margin-left: 1.2rem
}

.html-de .indexDownBtn {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-de .ps5 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-de .appStore {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-de .googlePlay {
    background: url(https://nte.perfectworld.com/de/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-de .city_title {
    background: url(https://nte.perfectworld.com/de/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-de .pop_test_cont {
    background: url(https://nte.perfectworld.com/de/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-de .yyNum {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.28rem
}

.html-de .node:before {
    height: .41rem;
    width: 1.34rem
}

.html-de .node5:before {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .node4:before {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .node3:before {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .node2:before {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .node1:before {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .node:after {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .yyprize5 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .yyprize4 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .yyprize3 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .yyprize2 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .yyprize1 {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-de .socialMedia {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-de .socialMedia:after {
    background: url(https://nte.perfectworld.com/de/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-de .event-card {
    background: url(https://nte.perfectworld.com/de/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-de .benefits {
    background: url(https://nte.perfectworld.com/de/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.56rem;
    width: 7.32rem
}

.html-de .fixedBottom .down {
    background: url(https://nte.perfectworld.com/de/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-de .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/de/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.46rem
}

.html-en .menuDownBtn {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-en .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .27rem;
    width: 1.57rem
}

.html-en .downBtn {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-en .pvBtn {
    bottom: 3.95rem;
    margin-left: 1.1rem
}

.html-en .indexDownBtn {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-en .ps5 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-en .appStore {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-en .googlePlay {
    background: url(https://nte.perfectworld.com/en/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-en .city_title {
    background: url(https://nte.perfectworld.com/en/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-en .pop_test_cont {
    background: url(https://nte.perfectworld.com/en/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-en .yyNum {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.23rem
}

.html-en .node:before {
    height: .43rem;
    width: 1.22rem
}

.html-en .node5:before {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .node4:before {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .node3:before {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .node2:before {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .node1:before {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .node:after {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .yyprize5 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .yyprize4 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .yyprize3 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .yyprize2 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .yyprize1 {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-en .socialMedia {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-en .socialMedia:after {
    background: url(https://nte.perfectworld.com/en/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-en .event-card {
    background: url(https://nte.perfectworld.com/en/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-en .benefits {
    background: url(https://nte.perfectworld.com/en/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.61rem;
    width: 7.32rem
}

.html-en .fixedBottom .down {
    background: url(https://nte.perfectworld.com/en/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-en .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/en/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .27rem;
    width: 1.57rem
}

.html-es .menuDownBtn {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-es .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.23rem
}

.html-es .downBtn {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-es .pvBtn {
    bottom: 3.8rem;
    margin-left: .97rem
}

.html-es .indexDownBtn {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-es .ps5 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-es .appStore {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-es .googlePlay {
    background: url(https://nte.perfectworld.com/es/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-es .city_title {
    background: url(https://nte.perfectworld.com/es/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-es .pop_test_cont {
    background: url(https://nte.perfectworld.com/es/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-es .yyNum {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.3rem
}

.html-es .node:before {
    height: .4rem;
    width: 1.31rem
}

.html-es .node5:before {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .node4:before {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .node3:before {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .node2:before {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .node1:before {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .node:after {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .yyprize5 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .yyprize4 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .yyprize3 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .yyprize2 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .yyprize1 {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-es .socialMedia {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-es .socialMedia:after {
    background: url(https://nte.perfectworld.com/es/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-es .event-card {
    background: url(https://nte.perfectworld.com/es/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-es .benefits {
    background: url(https://nte.perfectworld.com/es/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.54rem;
    width: 7.32rem
}

.html-es .fixedBottom .down {
    background: url(https://nte.perfectworld.com/es/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-es .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/es/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.23rem
}

.html-fr .menuDownBtn {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-fr .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.2rem
}

.html-fr .downBtn {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-fr .pvBtn {
    bottom: 3.85rem;
    margin-left: 1.25rem
}

.html-fr .indexDownBtn {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-fr .ps5 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-fr .appStore {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-fr .googlePlay {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-fr .city_title {
    background: url(https://nte.perfectworld.com/fr/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-fr .pop_test_cont {
    background: url(https://nte.perfectworld.com/fr/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-fr .yyNum {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.34rem
}

.html-fr .node:before {
    height: .45rem;
    width: 1.35rem
}

.html-fr .node5:before {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .node4:before {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .node3:before {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .node2:before {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .node1:before {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .node:after {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .yyprize5 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .yyprize4 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .yyprize3 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .yyprize2 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .yyprize1 {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-fr .socialMedia {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-fr .socialMedia:after {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-fr .event-card {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-fr .benefits {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.58rem;
    width: 7.32rem
}

.html-fr .fixedBottom .down {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-fr .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .24rem;
    width: 1.2rem
}

.html-jp .menuDownBtn {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-jp .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .31rem;
    width: 1.42rem
}

.html-jp .downBtn {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-jp .pvBtn {
    bottom: 3.85rem;
    margin-left: 2.75rem
}

.html-jp .indexDownBtn {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-jp .ps5 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-jp .appStore {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-jp .googlePlay {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-jp .city_title {
    background: url(https://nte.perfectworld.com/jp/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-jp .pop_test_cont {
    background: url(https://nte.perfectworld.com/jp/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-jp .yyNum {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.32rem
}

.html-jp .node:before {
    height: .43rem;
    width: 1.32rem
}

.html-jp .node5:before {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .node4:before {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .node3:before {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .node2:before {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .node1:before {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .node:after {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .yyprize5 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .yyprize4 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .yyprize3 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .yyprize2 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .yyprize1 {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-jp .socialMedia {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-jp .socialMedia:after {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-jp .event-card {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-jp .benefits {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.27rem;
    width: 7.32rem
}

.html-jp .fixedBottom .down {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-jp .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .31rem;
    width: 1.42rem
}

.html-kr .logo {
    background-image: url(https://nte.perfectworld.com/kr/m/images/cover240718/NTE_logo.png);
    width: 1.22rem
}

.html-kr .menuDownBtn {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-kr .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .3rem;
    width: 1.66rem
}

.html-kr .downBtn {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-kr .pvBtn {
    bottom: 3.85rem;
    margin-left: 2.8rem
}

.html-kr .indexDownBtn {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-kr .ps5 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-kr .appStore {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%;
    opacity: 1
}

.html-kr .googlePlay {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-kr .city_title {
    background: url(https://nte.perfectworld.com/kr/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-kr .pop_test_cont {
    background: url(https://nte.perfectworld.com/kr/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-kr .yyNum {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.36rem
}

.html-kr .node:before {
    height: .43rem;
    width: 1.3rem
}

.html-kr .node5:before {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .node4:before {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .node3:before {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .node2:before {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .node1:before {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .node:after {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .yyprize5 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .yyprize4 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .yyprize3 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .yyprize2 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .yyprize1 {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-kr .socialMedia {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-kr .socialMedia:after {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-kr .event-card {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-kr .benefits {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 8.63rem;
    width: 7.32rem
}

.html-kr .fixedBottom .down {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-kr .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .3rem;
    width: 1.66rem
}

.html-ru .menuDownBtn {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/menuDownBtn.png) no-repeat 0 0/100% auto
}

.html-ru .menuDownBtn:after {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/menuDownBtnTip.png) no-repeat 0 0/100% auto;
    height: .28rem;
    width: 1.51rem
}

.html-ru .downBtn {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/head_yy_btn.png) no-repeat 0 0/100% auto
}

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

.html-ru .pvBtn {
    bottom: 3.8rem;
    margin-left: .65rem
}

.html-ru .indexDownBtn {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/indexDownBtn.png) no-repeat 0 0/100% auto
}

.html-ru .ps5 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/ps5.png) no-repeat 0 0/100% 100%
}

.html-ru .appStore {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/appStore.png) no-repeat 0 0/100% 100%
}

.html-ru .googlePlay {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260427/googlePlay.png) no-repeat 0 0/100% 100%
}

.html-ru .city_title {
    background: url(https://nte.perfectworld.com/ru/m/images/cover251223/city_title.png) no-repeat 0 0/100% auto
}

.html-ru .pop_test_cont {
    background: url(https://nte.perfectworld.com/ru/m/images/cover250513/pop_test_m.png) no-repeat;
    background-size: 100% 100%
}

.html-ru .yyNum {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyNum.png) no-repeat 0 0/100% auto;
    height: 1.18rem
}

.html-ru .node:before {
    height: .39rem;
    width: 1.39rem
}

.html-ru .node5:before {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/node5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .node4:before {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/node4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .node3:before {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/node3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .node2:before {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/node2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .node1:before {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/node1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .node:after {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyNumStatus.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .yyprize5 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyprize5.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .yyprize4 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyprize4.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .yyprize3 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyprize3.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .yyprize2 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyprize2.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .yyprize1 {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/yyprize1.png) no-repeat 0 0;
    background-size: 100% auto
}

.html-ru .socialMedia {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/socialMedia.png) no-repeat 0 0/100% auto
}

.html-ru .socialMedia:after {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260109/socialMediaStatus.png) no-repeat 0 0/100% auto
}

.html-ru .event-card {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260326/event-card.png) no-repeat;
    background-size: 100% auto
}

.html-ru .benefits {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260420/benefits.png) no-repeat 0 0/100% auto;
    height: 9.65rem;
    width: 7.32rem
}

.html-ru .fixedBottom .down {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260429/bottomDown.png) no-repeat 0 0/100% auto
}

.html-ru .fixedBottom .down:after {
    background: url(https://nte.perfectworld.com/ru/m/images/cover260429/120.png) no-repeat 0 0/100% auto;
    height: .28rem;
    width: 1.51rem
}
/*main新角色轮播其他元素样式*/
.html-de .box2Tit {
    background: url(https://nte.perfectworld.com/de/m/images/cover260603/box2Tit.png) no-repeat 0 0/100% auto;
    height: 1.19rem;
    width: 6.9rem
}

.html-de .role-name-an {
    background: url(https://nte.perfectworld.com/de/m/images/cover260603/role-name-an.png) no-repeat 0 0/100% auto;
    height: 1.1rem;
    width: 6.48rem
}

.html-de .role-name-ka {
    background: url(https://nte.perfectworld.com/de/m/images/cover260603/role-name-ka.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 4.86rem
}

.html-de .role-info-more {
    background: url(https://nte.perfectworld.com/de/images/cover260603/role-info-more.png) no-repeat 0 0/100% auto
}
.html-en .box2Tit {
    background: url(https://nte.perfectworld.com/en/m/images/cover260603/box2Tit.png) no-repeat 0 0/100% auto;
    height: 1.19rem;
    width: 6.9rem
}

.html-en .role-name-an {
    background: url(https://nte.perfectworld.com/en/m/images/cover260603/role-name-an.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 6.87rem
}

.html-en .role-name-ka {
    background: url(https://nte.perfectworld.com/en/m/images/cover260603/role-name-ka.png) no-repeat 0 0/100% auto;
    height: 1.08rem;
    width: 4.69rem
}

.html-en .role-info-more {
    background: url(https://nte.perfectworld.com/en/m/images/cover260603/role-info-more.png) no-repeat 0 0/100% auto
}
.html-fr .box2Tit {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260603/box2Tit.png) no-repeat 0 0/100% auto;
    height: 1.19rem;
    width: 6.9rem
}

.html-fr .role-name-an {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260603/role-name-an.png) no-repeat 0 0/100% auto;
    height: 1.1rem;
    width: 6.48rem
}

.html-fr .role-name-ka {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260603/role-name-ka.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 4.86rem
}

.html-fr .role-info-more {
    background: url(https://nte.perfectworld.com/fr/m/images/cover260603/role-info-more.png) no-repeat 0 0/100% auto
}
.html-jp .box2Tit {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260603/box2Tit.png) no-repeat 0 0/100% auto;
    height: 1.29rem;
    width: 6.9rem
}

.html-jp .role-name {
    top: 8.57rem
}

.html-jp .role-name-an {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260603/role-name-an.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 6.33rem
}

.html-jp .role-name-ka {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260603/role-name-ka.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 4.7rem
}

.html-jp .role-cv-an {
    background: url(https://nte.perfectworld.com/jp/images/cover260603/role-cv-an.png) no-repeat 0 0/100% auto;
    height: .51rem;
    width: 2.64rem
}

.html-jp .role-cv-ka {
    background: url(https://nte.perfectworld.com/jp/images/cover260603/role-cv-ka.png) no-repeat 0 0/100% auto;
    height: .51rem;
    width: 2.64rem
}

.html-jp .role-info-more {
    background: url(https://nte.perfectworld.com/jp/m/images/cover260603/role-info-more.png) no-repeat 0 0/100% auto
}
.html-kr .box2Tit {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260603/box2Tit.png) no-repeat 0 0/100% auto;
    height: 1.23rem;
    width: 6.9rem
}

.html-kr .role-name-an {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260603/role-name-an.png) no-repeat 0 0/100% auto;
    height: 1.09rem;
    width: 6.35rem
}

.html-kr .role-name-ka {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260603/role-name-ka.png) no-repeat 0 0/100% auto;
    height: 1.1rem;
    width: 4.41rem
}

.html-kr .role-info-more {
    background: url(https://nte.perfectworld.com/kr/m/images/cover260603/role-info-more.png) no-repeat 0 0/100% auto
}