@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:0}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font: 14px/2 'Roboto', Arial, sans-serif; outline:0}
a{text-decoration:none;color:#2f2f2f;outline:0}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fz14{font-size:14px}
.mt20{margin-top:20px}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes arrowDown{from{-webkit-transform:translateY(-10%);transform:translateY(-10%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes arrowDown{from{-webkit-transform:translateY(-10%);transform:translateY(-10%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes rotateAni{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes rotateAni{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.home-nav{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}
.index-swiper.show h2{-webkit-animation:zoomIn .8s;animation:zoomIn .8s}
.swiper-slide.swiper-slide-active .home-nav{-webkit-transition:all .5s .8s;transition:all .5s .8s}
.swiper-slide.swiper-slide-active .home-nav{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}
.mod-orient-layer-content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer-icon-orient{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);display:inline-block;width:134px;height:218px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;background-size:134px}
.mod-orient-layer-desc{margin-top:20px;font-size:65px;color:#fff}
@-webkit-keyframes rotation{10%,100%,90%{-webkit-transform:rotate(90deg)}
50%,60%{-webkit-transform:rotate(0)}
}
@keyframes rotation{10%,100%,90%{transform:rotate(90deg)}
50%,60%{transform:rotate(0)}
}
@media screen and (orientation:portrait){#orientLayer{display:block}
}
body{min-width:1200px;background:#1b283f;color:#fff; font: 16px/2 'Roboto', Arial, sans-serif; -webkit-tap-highlight-color:transparent}
.full-bg{position:relative;width:100%;max-width:1920px;height:930px;overflow:hidden}
.wrapper{position:relative;width:1200px;height:100%;margin:0 auto;z-index:10}
.wrapper h3{padding-top:35px}
.contain{position:absolute;width:0;height:0;left:50%;top:0}
.section{position:absolute;left:50%;top:0;margin-left:-960px;z-index:0;width:1920px;max-width:1920px;height:930px}
.index-swiper{position:relative;z-index:2;width:100%;height:100%;overflow:hidden;background:url(../images/sub-bg.jpg) no-repeat;-webkit-transition:all .5s;transition:all .5s}
.index-swiper .swiper-slide,.index-swiper>.swiper-wrapper{position:relative;width:100%;height:100%;overflow:hidden}
.index-swiper.b1{background:url(../images/sub-bg-01.jpg) no-repeat}
.index-swiper.b1 .home-nav a{background:url(../images/btn-home-b.png?v1) no-repeat}
.index-swiper.b1 .home-nav a:hover{background:url(../images/btn-home-b-on.png?v1) no-repeat}
.index-swiper.b1 .home-nav a span{font-size:24px;color:#bf8dfd;background-image:-webkit-linear-gradient(90deg,#bf8dfd 20%,#f4ebff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.index-swiper.sub{background:url(../images/full-bg.jpg) no-repeat}
.logo{position:absolute;top:30px;left:100px;width:260px;z-index:10}
.logo img{width:100%}
.progress-bar{position:absolute;bottom:80px;left:50%;padding-right:60px;margin-left:650px}
.progress-bar>div{width:145px;height:10px;background:url(../images/progress.png) no-repeat;text-align:center}
.progress-bar>div div{display:inline-block;vertical-align:top;position:relative;width:137px;height:6px;margin:2px 0 0;overflow:hidden}
.progress-bar>div div span{top:0;left:0;width:100%;height:100%;background:url(../images/bar-night.png) no-repeat}
.progress-bar span{position:absolute}
.progress-bar>span{top:-11px;right:0;width:55px;font-size:20px;color:#ff8777;background-image:-webkit-linear-gradient(90deg,#8149c0 20%,#ffd7d0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-01 h2{position:absolute;top:0;left:-135px;width:1685px;height:493px;background:url(../images/slogan-t.png) no-repeat;line-height:9999;overflow:hidden}
.page-01 b{position:absolute;top:305px;left:445px;width:302px;height:217px;background:url(../images/arms.png) no-repeat}
.page-02{background:url(../images/page2-bg.jpg) no-repeat}
.home-nav{position:absolute;bottom:50px;left:0;width:100%;text-align:center;font-size:0}
.home-nav a{vertical-align:top;display:inline-block;width:190px;height:75px;background:url(../images/btn-home.png?v1) no-repeat;line-height:70px;margin:0 5px;-webkit-transition:all 1s;transition:all 1s}
.home-nav a:hover{background:url(../images/btn-home-on.png?v1) no-repeat}
.home-nav a span{font-size:24px;color:#ff8777;background-image:-webkit-linear-gradient(90deg,#ff7e69 20%,#ffd7d0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.btn-change{position:absolute;top:20px;right:0;width:179px;height:101px;text-align:center;line-height:112px;font-size:18px;color:#fff1c0;text-shadow:0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55;background-repeat:no-repeat}
.btn-change:hover{background-repeat:no-repeat}
.location-box,.play-box{ position:absolute;top:100px}
.location-box.show,.play-box.show{display:block}
.location-box{left:50%;margin-left:-750px;width:1500px}
.play-box{ top:180px;left:0}
.play-list li{position:relative;cursor:pointer;display:inline-block;width:394px;height:542px}
.play-list li:hover b{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateY(-5%);transform:translateY(-5%)}
.play-list li:hover p{display:block}
.play-list li.play-list-01 b{display:block;width:394px;height:542px;background-repeat:no-repeat}
.play-list li.play-list-02 b{display:block;width:394px;height:542px;background-repeat:no-repeat}
.play-list li.play-list-03 b{display:block;width:394px;height:542px;background-repeat:no-repeat}
.play-list .play-list-text{display:none;position:absolute;bottom:-30px;left:50%;margin-left:-183px;width:366px;height:253px;background:url(../images/play-list-text.png) no-repeat;line-height:253px}
.play-list .play-list-text span{display:inline-block;vertical-align:middle;line-height:1.6;font-size:15px;color:#f1cb89;padding:0 25px}
.play-nav{float:right}
.btn-process{display:inline-block;width:242px;height:62px;text-align:center;line-height:62px;z-index:20;background-repeat:no-repeat}
.btn-process:hover{background-repeat:no-repeat}
.btn-process span{ font-size: 14px; font-weight: bold; color:#fffbee;background-image:-webkit-linear-gradient(90deg,#f4e4bc 20%,#fffbee 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.location-list{height:665px;background:url(../images/roundabout-circle.png) center 205px no-repeat}
.location-list li{position:relative;width:583px;cursor:pointer}
.location-list li.on img{-webkit-animation:pulse 4s linear infinite;animation:pulse 4s linear infinite}
.location-list li img{display:block;width:100%;margin:0 auto;-webkit-transition:all .5s;transition:all .5s}
.location-list li span{position:absolute;bottom:20px;left:50%;margin-left:-94.5px;width:189px;height:68px;background:url(../images/location-title.png) no-repeat;text-align:center;line-height:87px;font-size:18px;color:#fff1c0;text-shadow:0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55}
.location-list~p{width:1198px;height:52px;background:url(../images/location-text.png) no-repeat;margin:0 auto;font-size:14px;color:#fffbf3;line-height:52px}
.location-list~p span{display:inline-block;vertical-align:middle;line-height:1.4; }
.arrow-tips{position:absolute;bottom:10px;left:50%;margin-left:-54px;width:108px;height:100px;-webkit-animation:arrowDown 3s infinite;animation:arrowDown 3s infinite;background-repeat:no-repeat}
.tips-box{position:absolute;top:125px;left:15px;font-size:16px;color:red}
.page-03 .btn-process{position:absolute;top:135px;right:0}
.antiquity-box{position:relative;width:774px;height:774px;margin:-50px auto 0}
.antiquity-box:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/antiquity-box.png) no-repeat;animation:rotateAni 20s linear infinite}
.antiquity-main{position:absolute;top:-60px;left:-80px;width:1000px;height:850px}
.antiquity-main:hover .anti-species{display:block}
.antiquity-main img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.antiquity-main b{position:absolute;bottom:0;left:0;width:314px;height:202px}
.antiquity-main b.talisman{background-repeat:no-repeat}
.antiquity-main b.grail{background-repeat:no-repeat}
.antiquity-main b.sword{background-repeat:no-repeat}
.antiquity-main h4{position:absolute;top:40px;right:128px;width:392px;height:101px}
.antiquity-main h4.talisman{background-repeat:no-repeat}
.antiquity-main h4.grail{background-repeat:no-repeat}
.antiquity-main h4.sword{background-repeat:no-repeat}
.anti-species{display:none;position:absolute;bottom:0;left:285px;width:366px;height:253px;background:url(../images/play-list-text.png) no-repeat;line-height:253px}
.anti-species span{display:inline-block;vertical-align:middle;line-height:2.1;font-size:15px;color:#f1cb89;padding:0 25px}
.type-box{position:absolute;top:40px;left:125px;width:143px;height:888px;background:url(../images/type-box.png) no-repeat;z-index:10}
.type-box a{position:absolute;width:103px;height:103px;font-size:24px;color:#a98147;text-align:center;line-height:103px;font-weight:700;background-repeat:no-repeat}
.type-box a.on,.type-box a:hover{background-repeat:no-repeat}
.type-box a.on span,.type-box a:hover span{color:#bc9139;background-image:-webkit-linear-gradient(90deg,#bc9139 20%,#f3e4b0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.type-box a.on:before,.type-box a:hover:before{content:'';position:absolute;left:50%;margin-left:-63.5px;top:50%;margin-top:-63.5px;width:127px;height:127px;background:url(../images/circle-type.png) no-repeat;animation:rotateAni 10s linear infinite}
.type-box a.a-01{top:175px;left:-10px}
.type-box a.a-02{top:340px;left:-48px}
.type-box a.a-03{top:515px;left:-25px}
.info-box{position:absolute;top:50px;right:120px;width:306px;height:888px;background:url(../images/ware-info-box.png) no-repeat;z-index:10}
.info-box a{position:absolute;width:104px;height:104px;font-size:20px;color:#a98147;line-height:100px;text-align:center;background-repeat:no-repeat}
.info-box a span{display:inline-block;vertical-align:middle;line-height:1.2}
.info-box a:hover span{color:#b98c33;background-image:-webkit-linear-gradient(90deg,#b98c33 20%,#d3bf8c 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.info-box a:hover:before{content:'';position:absolute;top:-45px;left:-9px;width:160px;height:175px;background:url(../images/info-light.png) no-repeat}
.info-box .a-01{top:290px;right:-45px}
.info-box .a-02{top:455px;right:-45px}
.info-box .a-03{top:615px;right:20px}
.info-box .a-04{bottom:50px;right:130px; font-size: 14px;}
.star-list{padding-top:20px;text-align:center}
.star-list .star-list-01{vertical-align:top;display:inline-block;width:614px;height:634px;background:url(../images/welfare-list-01.png) no-repeat;margin:0 -12px}
.star-list .star-list-02{vertical-align:top;display:inline-block;width:614px;height:634px;background:url(../images/welfare-list-02.png) no-repeat;margin:0 -12px}
.star-list .star-nav{padding-top:100px}
.star-list .star-nav .btn-star-01{display:inline-block;width:230px;height:75px;margin:0 5px;background-repeat:no-repeat}
.star-list .star-nav .btn-star-01.on,.star-list .star-nav .btn-star-01:hover{background-repeat:no-repeat}
.star-list .star-nav .btn-star-02{display:inline-block;width:230px;height:75px;margin:0 5px;background-repeat:no-repeat}
.star-list .star-nav .btn-star-02.on,.star-list .star-nav .btn-star-02:hover{background-repeat:no-repeat}
.star-list~dl{font-size:16px;color:#d5a46c;padding:0 70px;margin-top:-30px}
.star-list~dl dt{font-weight:700}
.star-list~dl dd{text-indent:2em}
.college-wrap,.star-wrap{display:none}
.college-wrap.show,.star-wrap.show{display:block}
.star-box .star-item{display:none;text-align:left;padding:0 60px;line-height:1.8}
.star-box .star-item.on{display:block}
.star-box .new-box{text-align:center;padding:50px}
.star-box h4{font-size:20px;color:#a6937c}
.star-box h5,.star-box p{font-size:16px;color:#a6937c}
.star-box h5{margin-top:10px}
.star-box p{text-indent:2em}
.new-list{display:inline-block;text-align:center;vertical-align:top;margin:0 15px}
.new-list span{display:block;font-size:15px;color:#a6937c;line-height:1.4}
.new-list span a{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:5px;background-repeat:no-repeat}
.new-list span a:hover{background-repeat:no-repeat}
.super-star-box .super-star-item{display:none;text-align:left;padding:50px 60px 0;line-height:1.8}
.super-star-box .super-star-item.on{display:block}
.super-star-box .super-new-box{padding:20px 0 0;text-align:center}
.super-star-box .super-new-box .new-list{margin:0 -1px}
.super-star-box .super-new-box .mar-top{margin-top:55px}
.super-star-box p{text-indent:2em;font-size:16px;color:#a6937c;margin-bottom:20px}
.college-wrap{position:relative;padding-top:100px}
.college-nav{position:absolute;top:70px;left:0;z-index:10}
.college-nav a{display:block;width:62px;height:156px;writing-mode:vertical-lr;writing-mode:tb-lr;font-size:18px;text-align:center;line-height:62px;margin-bottom:30px;background-repeat:no-repeat}
.college-nav a span{padding-top:16px;color:#fffbf4;background-image:-webkit-linear-gradient(90deg,#ffe1a8 20%,#fffbf4 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.college-nav a.on,.college-nav a:hover{background-repeat:no-repeat}
.college-nav a.a-02 span{padding-top:25px}
.college-item{position:relative;display:none;padding-left:90px}
.college-item.on{display:block}
.college-item dl{display:inline-block;width:531px;margin-right:15px}
.college-item dt{width:100%;height:49px;background:url(../images/college-title.png) no-repeat;font-size:18px;text-align:center;line-height:49px}
.college-item dt span{color:#fdddb4;background-image:-webkit-linear-gradient(90deg,#e2aa85 20%,#fdddb4 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.college-item dd{width:100%}
.college-item .tips{position:absolute;bottom:-55px;left:110px;font-size:16px;color:red}
.college-table{width:100%;height:390px;text-align:center;margin-top:10px;border:1px solid #57463f}
.college-table td,.college-table th{color:#b18f70;font-size:14px;border:1px solid #57463f;background:#1b2039}
.college-table .td1{text-align:left;padding:0 7px}
.college-table .td2{color:#b3715b;text-align:left;padding:0 15px}
.college-table .p1{text-indent:2em}
.btn-question{position:absolute;top:146px;right:377px;width:16px;height:16px;background-repeat:no-repeat}
.btn-question:hover{background-repeat:no-repeat}
.btn-battle{position:absolute;top:80px;right:470px;width:229px;height:60px;font-size:18px;text-align:center;line-height:60px;background-repeat:no-repeat}
.btn-battle.on,.btn-battle:hover{background-repeat:no-repeat}
.btn-battle span{color:#ffdfa3;background-image:-webkit-linear-gradient(90deg,#ffdfa3 20%,#fff3dc 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.battle-nav{position:absolute;top:80px;right:0}
.battle-nav a{display:inline-block;width:229px;height:60px;font-size:18px;text-align:center;line-height:60px;background-repeat:no-repeat}
.battle-nav a.on,.battle-nav a:hover{background-repeat:no-repeat}
.battle-nav a span{color:#ffdfa3;background-image:-webkit-linear-gradient(90deg,#ffdfa3 20%,#fff3dc 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.battle-box{position:relative;width:1186px;height:642px;background:url(../images/battle-box.png) no-repeat;margin:30px auto 0}
.battle-box .battle-item{display:none;padding:30px 20px 0}
.battle-box .battle-item.on{display:block}
.optim-top{padding:0 10px}
.optim-map{float:left}
.optim-map img{height:295px}
.optim-main{float:right;width:585px}
.optim-main dt{position:relative;background-image:-webkit-linear-gradient(90deg,#ffe4b0 20%,#fff3db 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#b77916;font-size:24px;text-align:center;margin-bottom:2px}
.optim-main dt:after{content:'';position:absolute;top:50%;margin-top:-.5px;left:50%;margin-left:-186px;width:372px;height:1px;background:url(../images/optim-title.png) no-repeat -5px center}
.optim-main .tips{font-size:14px;color:red}
.optim-main dd{font-size:15px;color:#7e6b5a}
.optim-main dd b,.optim-main dd span{display:inline-block;vertical-align:middle}
.optim-main dd span{cursor:pointer;color:#f39a4b;text-decoration:underline}
.optim-main dd span:hover{text-decoration:none}
.optim-main dd .btn-play{width:172px;height:42px;margin-right:30px;background-repeat:no-repeat}
.optim-main .btn-box{margin-top:28px}
.optim-list{position:relative;font-size:0;height:305px;margin-top:-5px}
.optim-list li{position:absolute;cursor:pointer}
.optim-list li:hover{opacity:.7}
.optim-list .gczj{bottom:0;left:0;width:290px;height:164px;background:url(../images/gczj.png) no-repeat}
.optim-list .szjs{top:0;left:170px;width:266px;height:196px;background:url(../images/szjs.png) no-repeat}
.optim-list .hcjj{bottom:0;left:395px;width:197px;height:167px;background:url(../images/hcjj.png) no-repeat}
.optim-list .nlks{top:-7px;right:405px;width:160px;height:204px;background:url(../images/nlks.png) no-repeat}
.optim-list .szsj{bottom:0;right:240px;width:155px;height:164px;background:url(../images/szsj.png) no-repeat}
.optim-list .szms{top:18px;right:0;width:283px;height:181px;background:url(../images/szms.png) no-repeat}
.optim-list .szts{bottom:-15px;right:20px;width:198px;height:215px;background:url(../images/szts.png) no-repeat}
.update-box{padding:40px 30px 0}
.update-box .slimScrollDiv{height:520px!important;margin-top:30px}
.update-box .update-wrap>div{display:none;padding:0 9px}
.update-box .update-wrap>div.on{display:block}
.update-box nav{font-size:0;text-align:center}
.update-box nav a{display:inline-block;width:49%;height:auto;padding:3px;border:1px solid #a48d76;font-size:18px;color:#a48d76;text-decoration:underline}
.update-box nav a.on,.update-box nav a:hover{background:#a48d76;text-decoration:none;color:#fff}
.update-box h4{background-image:-webkit-linear-gradient(90deg,#b77916 20%,#f0dfbf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#b77916;font-size:25px;font-weight:700}
.update-box ol{padding-left:20px}
.update-box li{list-style-type:decimal;font-size:16px;color:#a48d76}
.update-box li span{color:red}
.update-box li strong{color:#e34a2d}
.update-box .tips{color:red}
.update-box p{font-size:16px;color:#a48d76}
.update-box .winner-box ol{line-height:2}
.update-box .update-set-table{width:100%;margin:15px auto 0}
.update-box .update-set-table td,.update-box .update-set-table th{height:33px;border:1px solid #532a0d;font-size:16px;margin:0 auto 15px;text-align:center}
.update-box .update-set-table td span,.update-box .update-set-table th span{background-image:-webkit-linear-gradient(90deg,#a94519 20%,#ca8445 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ca8445}
.update-box .update-set-table th{background:#3a1004;color:#bb7d65}
.update-box .update-set-table td{color:#bb7d65;background:#23150d}
.other-list{text-align:center;font-size:0;margin-top:60px}
.other-list li{vertical-align:top;margin:0 -35px}
.other-list .other-list-01{display:inline-block}
.other-list .other-list-01 b{display:block;width:466px;height:435px;background:url(../images/other-list-01.png) no-repeat}
.other-list .other-list-02{display:inline-block}
.other-list .other-list-02 b{display:block;width:466px;height:435px;background:url(../images/other-list-02.png) no-repeat}
.other-list .other-list-03{display:inline-block}
.other-list .other-list-03 b{display:block;width:466px;height:435px;background:url(../images/other-list-03.png) no-repeat}
.other-list p{width:260px;font-size:16px;color:#a6937c;margin:0 auto;text-align:left}
.other-list a{float:right;font-size:16px;color:#fff;text-decoration:underline}
.other-list a:hover{text-decoration:none}
.sidebar-box{visibility:hidden;position:fixed;top:50%;margin-top:-312px;right:0;width:116px;height:624px;background:url(../images/sidebar-bg.png) no-repeat;z-index:20;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0;filter:Alpha(Opacity=0)}
.sidebar-box.show{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);opacity:1;filter:Alpha(Opacity=100)}
.sidebar-box a{position:absolute;width:150px;text-align:right}
.sidebar-box a span{display:inline-block;vertical-align:middle;font-size:20px;color:#8b7247}
.sidebar-box a em{display:inline-block;vertical-align:middle;width:38px;height:38px;background-repeat:no-repeat}
.sidebar-box a.on span,.sidebar-box a:hover span{color:#fff6e5;text-shadow:0 0 5px #6b5405,0 0 5px #6b5405,0 0 5px #6b5405,0 0 5px #6b5405,0 0 5px #6b5405}
.sidebar-box a.on em,.sidebar-box a:hover em{background-repeat:no-repeat}
.sidebar-box .a-01{top:140px;left:-55px}
.sidebar-box .a-02{top:240px;left:-80px}
.sidebar-box .a-03{top:340px;left:-80px}
.sidebar-box .a-04{top:440px;left:-55px}
/*.sidebar-box .a-06{bottom:55px;left:-55px}*/
.footer { text-align: center; padding: 20px 0; background: #000; font-size: 14px; }
.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; text-indent: -999em; vertical-align: middle; margin: 0 5px; }
.footer .social a.fb { background-position: -291px -326px; }
.footer .social a.yt { background-position: -359px -326px; }
.footer .copyright a { color: #fff; text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer .copyright a:hover { text-decoration: underline; }

.pop-box{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%}
.mask{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;opacity:.5}
.pop{position:fixed;left:50%;top:50%;z-index:13;width:869px;height:431px;margin-left:-434px;margin-top:-215px;background:url(../images/pop-bg.png) no-repeat;text-align:center}
.pop-close{position:absolute;top:-20px;right:-20px;width:56px;height:56px;background:url(../images/pop-close.png) no-repeat;line-height:1000;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.pop-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pop-place .place-left{position:absolute;top:0;left:-60px}
.pop-place .place-left+p{position:absolute;top:105px;right:10px;width:400px;text-indent:2em;font-size:15px;color:#f1cb89;text-align:left;line-height:2.2}
.pop-place img{width:564px}
.pop-place span{position:absolute;bottom:50px;left:50%;margin-left:-94.5px;width:189px;height:68px;background:url(../images/location-title.png) no-repeat;text-align:center;line-height:87px;font-size:18px;color:#fff1c0;text-shadow:0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55,0 0 10px #917a55}
.pop-process{width:1920px;height:551px;margin-top:-275px;margin-left:-960px;background:url(../images/pop-process.png) no-repeat}
.pop-process .pop-close{position:absolute;top:-55px;right:355px;width:105px;height:105px;background:url(../images/pop-big-close.png) no-repeat}
.pop-process .pop-title{width:467px;height:90px;background:url(../images/process-title.png) no-repeat;margin:-40px auto 0}
.pop-process .pop-m{margin-top:30px}
.pop-open{width:523px;height:303px;margin-top:-151px;margin-left:-261px;background:url(../images/pop-open.png) no-repeat}
.pop-open .pop-close{top:2px;right:-20px}
.pop-open .pop-m{padding-top:90px}
.pop-open dl{display:inline-block;vertical-align:top;text-align:left;font-size:16px;color:#a6937c;line-height:1.8;margin:0 20px}
.pop-open dl dt{margin-bottom:10px}
.pop-cont{color:#a6937c;font-size:16px;padding:0 20px}
.pop-battle{width:700px;height:391px;margin-top:-195px;margin-left:-350px;background:url(../images/pop-battle.png) no-repeat;text-align:left;line-height:1.8}
.pop-battle .pop-m{height:267px;padding:0 35px}
.pop-battle .pop-t{min-height:90px}
.pop-battle h3{background-image:-webkit-linear-gradient(90deg,#b77916 20%,#f0dfbf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#b77916;font-weight:700;font-size:18px}
.pop-battle h4{font-weight:700}
.pop-battle strong{color:#facd89}
.pop-battle ol{padding-left:18px}
.pop-battle li{list-style-type:decimal}
.pop-battle.pop-szms .pop-t{min-height:60px}
.pop-battle.pop-szms .pop-m{height:290px}
.pop-pack .pop-m{padding-top:120px}
.pop-anti .pop-t{min-height:0}
.pop-anti h3{width:300px;height:61px;margin:-25px auto 0}
.pop-anti h3.quality{background:url(../images/quality-title.png) no-repeat}
.pop-anti h3.attribute{background:url(../images/attribute-title.png) no-repeat}
.pop-anti h3.grade{background:url(../images/grade-title.png) no-repeat}
.pop-anti .pop-m{height:320px}
.pop-anti .pop-cont{text-align:left}
.pop-anti .pop-cont h4{color:#facd89;font-size:18px}
.pop-anti .pop-cont p{font-size:16px;color:#b28850}
.pop-streng{width:1920px;height:626px;margin-top:-313px;margin-left:-980px;background:url(../images/pop-streng.png) no-repeat}
.pop-streng .pop-close{position:absolute;top:-55px;right:355px;width:105px;height:105px;background:url(../images/pop-big-close.png) no-repeat}
.pop-streng .pop-title{width:446px;height:90px;background:url(../images/streng-title.png) no-repeat;margin:-40px auto 0}
.pop-streng .pop-m{padding:15px 370px 0}
.pop-streng nav{text-align:center;font-size:0}
.pop-streng nav a{display:inline-block;width:32.6%;height:auto;padding:3px;border:1px solid #a48d76;font-size:18px;color:#a48d76;text-decoration:underline}
.pop-streng nav a.on,.pop-streng nav a:hover{background:#a48d76;text-decoration:none;color:#fff}
.pop-streng .streng-main{margin-top:10px}
.pop-streng .streng-main>div{display:none}
.pop-streng .streng-main>div.on{display:block}
.pop-streng .streng-main img{float:left;width:600px;height:500px}
.pop-streng .streng-main .main-right{float:left;width:550px;text-align:left;font-size:16px;color:#b28850;margin-left:20px}
.pop-streng .streng-main .main-right p{margin-bottom:10px}
.pop-streng .streng-main .main-right .tips{color:red}
.pop-streng .set-table{width:100%;margin:15px auto 0}
.pop-streng .set-table td,.pop-streng .set-table th{height:33px;border:1px solid #532a0d;font-size:13px;margin:0 auto 15px;text-align:center}
.pop-streng .set-table td span,.pop-streng .set-table th span{background-image:-webkit-linear-gradient(90deg,#a94519 20%,#ca8445 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ca8445}
.pop-streng .set-table th{background:#3a1004;color:#bb7d65}
.pop-streng .set-table td{color:#bb7d65;background:#23150d}
.btn-change{background-position:-215px 0}
.btn-change:hover{background-position:-215px -121px}
.play-list li.play-list-01 b{background-position:0 -242px}
.play-list li.play-list-02 b{background-position:0 -804px}
.play-list li.play-list-03 b{background-position:0 -1366px}
.btn-process{background-position:-152px -1928px}
.btn-process:hover{background-position:-152px -2010px}
.arrow-tips{background-position:-286px -2092px}
.antiquity-main b.talisman{background-position:-80px -2212px}
.antiquity-main b.grail{background-position:-80px -2434px}
.antiquity-main b.sword{background-position:-80px -2656px}
.antiquity-main h4.talisman{background-position:right -2878px}
.antiquity-main h4.grail{background-position:right -3285px}
.antiquity-main h4.sword{background-position:right -3692px}
.type-box a{background-position:-291px -4099px}
.type-box a.on,.type-box a:hover{background-position:-291px -4222px}
.info-box a{background-position:-290px -4345px}
.star-list .star-nav .btn-star-01{background-position:-164px -4469px}
.star-list .star-nav .btn-star-01.on,.star-list .star-nav .btn-star-01:hover{background-position:-164px -4564px}
.star-list .star-nav .btn-star-02{background-position:-164px -4659px}
.star-list .star-nav .btn-star-02.on,.star-list .star-nav .btn-star-02:hover{background-position:-164px -4754px}
.new-list span a{background-position:-378px -4849px}
.btn-question{background-position:-378px -4849px}
.new-list span a:hover{background-position:-378px -4885px}
.btn-question:hover{background-position:-378px -4885px}
.college-nav a{background-position:-332px -4921px}
.college-nav a.on,.college-nav a:hover{background-position:-332px -5097px}
.btn-battle{background-position:-165px -5273px}
.battle-nav a{background-position:-165px -5273px}
.btn-battle.on,.btn-battle:hover{background-position:-165px -5353px}
.battle-nav a.on,.battle-nav a:hover{background-position:-165px -5353px}
.optim-main dd .btn-play{background-position:-222px -5433px}
.sidebar-box a em{background-position:-356px -5495px}
.sidebar-box a.on em,.sidebar-box a:hover em{background-position:-356px -5553px}
.antiquity-main b.grail,.antiquity-main b.sword,.antiquity-main b.talisman,.antiquity-main h4.grail,.antiquity-main h4.sword,.antiquity-main h4.talisman,.arrow-tips,.btn-change,.btn-change:hover,.btn-process,.btn-process:hover,.btn-question,.btn-question:hover,.college-nav a,.college-nav a:hover,.info-box a,.new-list span a,.new-list span a:hover,.play-list li.play-list-01 b,.play-list li.play-list-02 b,.play-list li.play-list-03 b,.star-list .star-nav .btn-star-01,.star-list .star-nav .btn-star-01.on,.star-list .star-nav .btn-star-01:hover,.star-list .star-nav .btn-star-02,.star-list .star-nav .btn-star-02.on,.star-list .star-nav .btn-star-02:hover,.type-box a,.type-box a.on,.type-box a:hover{background-image:url(../images/style_z.png)}
.battle-nav a,.battle-nav a.on,.battle-nav a:hover,.btn-battle,.btn-battle.on,.btn-battle:hover,.college-nav a.on,.optim-main dd .btn-play,.sidebar-box a em,.sidebar-box a.on em,.sidebar-box a:hover em{background-image:url(../images/style_z.png)}