/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_d{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_le{float: left;}
.pub_lr{float: right;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{font-size:12px; font-family:"Microsoft YaHei"; background: #000;}
body,html,#content{width: 750px; overflow-x: hidden;}
#content{height: 1333px; position: relative;}
#content.index_zh{
    background-image: url(../images/cover250923/cn/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}
#content.index_ko{
    background-image: url(../images/cover250923/ko/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}
#content.index_de{
    background-image: url(../images/cover250923/de/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}
#content.index_en{
    background-image: url(../images/cover250923/en/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}
#content.index_fr{
    background-image: url(../images/cover250923/fr/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}
#content.index_ja{
    background-image: url(../images/cover250923/jp/bg_m.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; 
}

.logo{display: block; position: absolute; width: 132px; height: 92px; background: url(../images/cover250923/logo_m.png) no-repeat 0 0; background-size: 100% auto; left: 20px; top: 12px;}
.logo.logo_ko{display: block; position: absolute; width: 120px; height: 88px; background: url(../images/cover250923/logo_kr_m.png) no-repeat 0 0; background-size: 100% auto; left: 20px; top: 12px;}
.year{display: block; position: absolute; width: 42px; height: 65px; right: 30px; top: 120px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;}

.slogan{display: none; position: absolute; width: 750px; left:0;}
.text{display: block; font-size: 15px; color: #FFF; text-align: center;}
.menuCont{width: 300px; height: 90px; position: absolute; right: 0; top: 16px;}
.menuli{width: 72px; height: 86px; float: left; margin-right: 26px; position: relative; z-index: 100;}
.menuli:last-child{margin: 0;}
.menuli a.btnShow{width: 72px; height: 86px; display: block; cursor: pointer;}
.menuli a.in{background: url(../images/cover250214/in.png) no-repeat 0 0; background-size: 100% auto;}
.menuli a.media{background: url(../images/cover250923/media.png) no-repeat 0 0; background-size: 100% auto;}
.menuli a.lan{background: url(../images/cover250923/lan.png) no-repeat 0 0; background-size: 100% auto;}
.menuli a.home{background: url(../images/cover250923/home.png) no-repeat 0 0; background-size: 100% auto; margin: 0;}
.mediapop{width: 171px; height: 327px; background: url(../images/cover250923/media_pop.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -48px; top: 76px; display: none;}
.mediapop2{width: 120px; height: 460px; background: url(../images/cover250923/media_pop2.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -25px; top: 76px; display: none;}
.mediapop2 .medialist {top: 68px}
.medialist{width: 41px; position: absolute; top: 100px;}
.medialist.share{left: 21px;}
.medialist.share2{left: 41px;}
.medialist.Client{right: 21px;}
.medialist a{display: block; width: 41px cursor: pointer; margin-bottom: 15px;}
.medialist a.icon1{background: url(../images/cover250923/icon1.png) no-repeat 0 0; background-size: 100% auto; height: 33px;}
.medialist a.icon2{background: url(../images/cover250923/icon2.png) no-repeat 0 0; background-size: 100% auto; height: 28px;}
.medialist a.icon3{background: url(../images/cover250923/icon3.png) no-repeat 0 0; background-size: 100% auto; height: 44px;}
.medialist a.icon4{background: url(../images/cover250923/icon4.png) no-repeat 0 0; background-size: 100% auto; height: 38px;}
.medialist a.icon5{background: url(../images/cover250923/icon5.png) no-repeat 0 0; background-size: 100% auto; height: 33px;}

.lanpop{width: 142px; height: 256px; background: url(../images/cover250923/lan_pop.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: -34px; top: 76px; display: none;}
.lanlist{width: 100%; margin: 0 auto; padding-top: 20px;}
.lanlist a{display: block; width: 100%; height: 34px; cursor: pointer;}
.menuClose{width: 100%; height: 15px; cursor: pointer; position: absolute; left: 0; bottom: 0;}

.mainCont{width: 100%; position: absolute; left: 0; top: 1020px; z-index: 100;}
.btnCont{display: flex; justify-content: center; height: 95px;}
.btnCont a{display: block; width: 366px; height: 86px; background-position: center 0; background-repeat: no-repeat; cursor: pointer;}
.btnCont a.btn_move{margin-right: 3px;}
.btnCont a.btn_event{margin-left: 3px;}

.downWrap{display: flex; justify-content: center; height: 65px;}
.downWrap a{display: block; margin: 0 5px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer; height: 48px;}
.downWrap a.down_one{width: 154px;}
.downWrap a.down_galaxy{width: 174px;}
.downWrap a.down_google{width: 155px;}
.downWrap a.down_apple{width: 155px;}
.downWrap a.down_steam{width: 155px; background-image: url(https://tof.perfectworld.com/images/cover250214/down_steam.png);}
.downWrap a.down_ps{width: 226px; background-image: url(https://tof.perfectworld.com/images/cover250214/down_ps.png);}

.index_zh .slogan{background: url(../images/cover250513/cn/slogan_m.png) no-repeat center 0; height: 351px; top: 750px; left: -20px;}
.index_zh .year{background-image: url(../images/cover250214/teen.png);}
.index_zh a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/cn/btn_login_m.png);display: none;}
.index_zh a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/cn/btn_event_m.png);display: none;}
.index_zh a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/cn/down_google.png);}
.index_zh a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/cn/down_apple.png);}
.index_zh a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/cn/down_galaxy.png);}

.index_en .slogan{background: url(../images/cover250513/en/slogan_m.png) no-repeat center 0; height: 312px; top: 800px;}
.index_en .year{background-image: url(../images/cover250214/teen.png);}
.index_en a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/en/btn_login_m.png);display: none;}
.index_en a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/en/btn_event_m.png);display: none;}
.index_en a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_google.png);}
.index_en a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_apple.png);}
.index_en a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/en/down_galaxy.png);}

.index_ja .slogan{background: url(../images/cover250513/jp/slogan_m.png) no-repeat center; height: 320px; top: 720px;}
.index_ja .year{background-image: url(../images/cover250214/cero.png);}
.index_ja .mainCont{top: 1020px;}
.index_ja a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/btn_login_m.png);display: none;}
.index_ja a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/btn_event_m.png);display: none;}
.index_ja a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_google.png);}
.index_ja a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_apple.png);}
.index_ja a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/ja/down_galaxy.png);}

.index_de .slogan{background: url(../images/cover250513/de/slogan_m.png) no-repeat center; height: 312px; top: 800px;}
.index_de .year{background-image: url(../images/cover250214/seven.png);}
.index_de a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/de/btn_login_m.png);display: none;}
.index_de a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/de/btn_event_m.png);display: none;}
.index_de a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/de/down_google.png);}
.index_de a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/de/down_apple.png);}
.index_de a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/de/down_galaxy.png);}

.index_ko .slogan{background: url(../images/cover250513/ko/slogan_m.png) no-repeat center; height: 315px; top: 760px;}
.index_ko .year{background-image: url(../images/cover250214/twelve.png); width: 126px;}
.index_ko a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/btn_event_m.png); width: 366px; height: 86px; margin: 0 auto;display: none;}
.index_ko a.down_one{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_one.png);}
.index_ko a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_galaxy.png);}
.index_ko a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_google.png);}
.index_ko a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/kr/down_apple.png);}

.index_fr .slogan{background: url(../images/cover250513/fr/slogan_m.png) no-repeat center; height: 256px; top: 800px;}
.index_fr .year{background-image: url(../images/cover250214/seven.png);}
.index_fr a.btn_move{background-image: url(https://tof.perfectworld.com/images/cover250214/fr/btn_login_m.png);display: none;}
.index_fr a.btn_event{background-image: url(https://tof.perfectworld.com/images/cover250214/fr/btn_event_m.png);display: none;}
.index_fr a.down_google{background-image: url(https://tof.perfectworld.com/images/cover250214/fr/down_google.png);}
.index_fr a.down_apple{background-image: url(https://tof.perfectworld.com/images/cover250214/fr/down_apple.png);}
.index_fr a.down_galaxy{background-image: url(https://tof.perfectworld.com/images/cover250214/fr/down_galaxy.png);}


.buttonCont{width: 100%; position: absolute; left: 0; top: 255px; display: flex; justify-content: center;}
.buttonCont a{display: block; width: 282px; height: 77px; cursor: pointer;}
.buttonCont a.btn_store{background: url(https://tof.perfectworld.com/jap/images/register/btn_store.png) no-repeat 0 0; background-size: 100% auto;}
.buttonCont a.btn_data{background: url(https://tof.perfectworld.com/jap/images/register/btn_data.png) no-repeat 0 0; background-size: 100% auto;}

.pop_store{width: 732px; height: 972px; display: none; background: url(https://tof.perfectworld.com/jap/m/images/register/pop_store.png) no-repeat 0 0;z-index: 299; background-size: 100%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pop_store .list{width: 600px;height: 235px;position: absolute;left:70px;top: 680px;}
.pop_store .list img{height: 45px;width: auto;margin: 10px 10px 0 0;}
.pop_store .close{top: 50px;right: 30px; width: 31px;height: 31px;background: url(https://tof.perfectworld.com/jap/images/register/close.png);position: absolute;cursor: pointer;}
.btn_detial{width: 70px;height: 30px;position: absolute;display: block;top: 500px;left:60px; cursor: pointer;}


.pop_fixed{display: none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 100;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop_msg{width: 720px; height: 647px; background: url(https://tof.perfectworld.com/images/241224cover/pop_msg.png) no-repeat 0 0; color: #FFF;}
.msg{text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 40px; font-weight: bold; padding: 0 50px 0 40px; line-height: 50px;}