*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#111011;font-family:"Livvic",sans-serif;font-size:14px;font-weight:400;color:#8e8b92}a{color:#ffea00;text-decoration:none}a:hover{text-decoration:underline}.wrapper{background-image:url(../images/bg-head.jpg),url(../images/bg-foot.jpg),url(../images/bg-mid.jpg);background-repeat:no-repeat,no-repeat,repeat-y;background-position:center top,center bottom,center top}.container{width:1200px;margin:0 auto}.head{height:469px;position:relative}.foot{height:140px}.links{position:absolute;top:20px;left:814px;width:362px;padding:0 12px;display:flex;flex-wrap:wrap;justify-content:space-between}.links a{font-size:15px;color:#fff}.links a:hover{text-decoration:none;color:#ffde00}.bar{width:100%;display:flex;flex-wrap:wrap}.bar .step{height:68px;cursor:pointer;position:relative}.bar .step:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bar.jpg) no-repeat;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.bar .step:hover:before{opacity:1;-webkit-transition-duration:200ms;transition-duration:200ms}.bar .step.step-1{width:190px}.bar .step.step-1:before{background-position:0 0}.bar .step.step-2{width:196px}.bar .step.step-2:before{background-position:-190px 0}.bar .step.step-3{width:216px}.bar .step.step-3:before{background-position:-386px 0}.bar .step.step-4{width:228px}.bar .step.step-4:before{background-position:-602px 0}.bar .step a{display:block;height:68px;position:relative}.main-side{display:flex;flex-wrap:wrap}.main-side .side-left{width:860px;padding:25px}.main-side .side-right{flex:1;background:url(../images/bg-right.jpg) no-repeat center top #18161a}.head-line{height:26px;background:url(../images/ic1.png) no-repeat 0 0;padding-left:75px}.head-line span{font-size:20px;font-style:italic;font-weight:700;background:#f4e0cc;background:-moz-linear-gradient(top, #f4e0cc 0%, #ebc49e 71%, #ebc49e 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, #f4e0cc), color-stop(71%, #ebc49e), color-stop(100%, #ebc49e));background:-webkit-linear-gradient(top, #f4e0cc 0%, #ebc49e 71%, #ebc49e 100%);background:-o-linear-gradient(top, #f4e0cc 0%, #ebc49e 71%, #ebc49e 100%);background:-ms-linear-gradient(top, #f4e0cc 0%, #ebc49e 71%, #ebc49e 100%);background:linear-gradient(to bottom, #f4e0cc 0%, #ebc49e 71%, #ebc49e 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4e0cc", endColorstr="#ebc49e", GradientType=0 );-webkit-background-clip:text;-webkit-text-fill-color:transparent}.link-lists{list-style:none;padding:0;margin:20px 0 40px 0}.link-lists li{width:100%;height:75px;background:rgba(18,15,21,.4);display:flex;flex-wrap:wrap;padding:5px 5px 5px 20px;position:relative}.link-lists li:hover{background:rgba(18,15,21,.8)}.link-lists li:hover .column-text .title{color:#fff}.link-lists li+li{margin-top:8px}.link-lists li:before{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.1)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1 );transform-origin:0 0;transform:scaleX(0);opacity:0}.link-lists li:hover:before{-webkit-animation:transLight 500ms 1 ease;animation:transLight 500ms 1 ease}.link-lists li .column-text{width:618px}.link-lists li .column-text .title{color:#ffdf93;font-size:20px;font-weight:500;margin:0;padding-top:12px;width:100%}.link-lists li .column-text .info{width:100%;color:#8e8b92;display:flex;flex-wrap:wrap;padding-top:5px}.link-lists li .column-text .info .date{width:245px}.link-lists li .column-text .info span+span{margin-left:40px}.link-lists li .column-link{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.tag-color-0{color:#f5f5f5}.tag-color-1{color:#ffa665}.tag-color-2{color:#fcff00}.tag-color-3{color:#4ae8e6}.tag-color-4{color:#42db51}.tag-color-5{color:#a46af1}.button-blue{width:310px;height:56px;background:url(../images/btn-blue.jpg) no-repeat center top;margin:0 auto;margin-top:10px;margin-bottom:10px;display:block;position:relative}.button-blue:hover{text-decoration:none;opacity:.8}.button-blue.group:before{content:" ";width:46px;height:45px;background:url(../images/ic-group.png) no-repeat;position:absolute;top:7px;left:10px}.button-blue.shop:before{content:" ";width:50px;height:34px;background:url(../images/ic-shop.png) no-repeat;position:absolute;top:7px;left:10px}.button-blue span{color:#fff;padding-top:15px;padding-left:65px;height:50px;font-size:18px;font-weight:700;margin:0;display:block}.button-download{width:166px;height:70px;animation:buttonBlue 2s infinite steps(32);display:block;position:relative;top:-4px}.button-download:hover{filter:brightness(160%)}.button-download.blue{background:url(../images/ButtonBlue.png) no-repeat 0 0}.button-download.red{background:url(../images/ButtonRed.png) no-repeat 0 0}.requirement{width:100%;border-collapse:collapse}.requirement td,.requirement th{border:2px solid #2e2a33;padding:5px;text-align:center}.requirement thead tr{background:#1a171d}.requirement thead tr th{color:#5c5a62;font-size:15px;font-weight:700;text-transform:uppercase}.requirement tbody tr{background:#1f1c22}.requirement tbody tr:hover{background:#161318}.requirement tbody tr td{color:#fff;font-size:14px}.foot{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center}.foot .copyright{margin-left:40px;line-height:1.2}.foot .copyright p{margin:5px 0}.social{position:fixed;top:50%;right:0;text-align:right}.social>div{margin:2px 0}@keyframes transLight{0%{transform:scaleX(0);opacity:0}40%{opacity:1}60%{opacity:1}100%{transform:scaleX(1);opacity:0}}@keyframes buttonBlue{100%{background-position:0 -2240px}}.ranking{padding-top:10px;margin-bottom:50px}.ranking .select-server{margin:0 auto;width:fit-content;position:relative}.ranking .select-server .button-server{border:1px solid #5a514c;border-radius:4px;padding:3px 6px;color:#fdcf42;padding-right:20px;position:relative;cursor:pointer;font-size:12px}.ranking .select-server .button-server:hover{background:rgba(0,0,0,.2);border-color:#655c57}.ranking .select-server .button-server:after{content:" ";border-top:4px solid #d4854c;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;top:10px;right:9px}.ranking .select-server .dropdown{position:absolute;top:24px;left:0;list-style:none;background:#161419;border:1px solid #5a514c;border-radius:4px;padding:2px 0;margin:0;visibility:hidden;opacity:0;transition:all .3s ease;z-index:2}.ranking .select-server .dropdown.show{visibility:visible;opacity:1}.ranking .select-server .dropdown li{white-space:nowrap;padding:5px 8px;font-weight:600;font-size:15px;color:#fdcf42;cursor:pointer}.ranking .select-server .dropdown li+li{border-top:1px solid #5a514c}.ranking .select-server .dropdown li:hover,.ranking .select-server .dropdown li.active{color:#fff}.ranking .rank-list{list-style:none;padding:0;width:310px;margin:0 auto;display:none}.ranking .rank-list .rank{width:310px;height:34px;background:url(../images/rank.png) no-repeat;display:flex;flex-wrap:wrap;align-content:center}.ranking .rank-list .rank+.rank{margin-top:5px}.ranking .rank-list .rank.rank-1{background:url(../images/rank-1.png);height:43px}.ranking .rank-list .rank.rank-1 .r{opacity:0}.ranking .rank-list .rank.rank-1 .name{color:#fff;font-weight:700}.ranking .rank-list .rank.rank-2{background:url(../images/rank-2.png);height:39px;margin-top:0}.ranking .rank-list .rank.rank-2 .r{opacity:0}.ranking .rank-list .rank.rank-2 .name{color:#fff;font-weight:700}.ranking .rank-list .rank.rank-3{background:url(../images/rank-3.png);height:41px;margin-top:0}.ranking .rank-list .rank.rank-3 .r{opacity:0}.ranking .rank-list .rank.rank-3 .name{color:#fff;font-weight:700}.ranking .rank-list .rank .r{width:50px;text-align:center;font-size:14px;font-weight:700;background:#fff266;background:-moz-linear-gradient(top, #fff266 0%, #ff9c67 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, #fff266), color-stop(100%, #ff9c67));background:-webkit-linear-gradient(top, #fff266 0%, #ff9c67 100%);background:-o-linear-gradient(top, #fff266 0%, #ff9c67 100%);background:-ms-linear-gradient(top, #fff266 0%, #ff9c67 100%);background:linear-gradient(to bottom, #fff266 0%, #ff9c67 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff266", endColorstr="#ff9c67", GradientType=0 );-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ranking .rank-list .rank .name{flex:1;text-shadow:0 0 6px rgba(0,0,0,.6);color:#8d7b67;font-size:14px;font-weight:600;padding-left:5px}.ranking .rank-list .rank .reset,.ranking .rank-list .rank .relife{width:60px;text-shadow:0 0 6px rgba(0,0,0,.6);color:#fff;font-weight:600;font-size:14px;text-align:center}.ranking .rank-head{list-style:none;padding:0;margin:0;color:#525252;font-size:13px;font-weight:400;display:flex;flex-wrap:wrap;margin-top:20px;display:none}.ranking .rank-head .name{width:200px;text-align:left;padding-left:67px}.ranking .rank-head .rs,.ranking .rank-head .rl{width:60px;text-align:center}.notice{width:807px;padding:20px 20px 20px 50px;background:url(../images/bg-notice.jpg) no-repeat;margin:0px 0 50px 0}.notice .noti-list{font-size:15px;padding:0 10px 0 50px;font-weight:500}.notice .noti-list li{margin-bottom:13px;color:#ffb221}.page-plug{width:310px;height:405px;background:url(../images/bg-fb.jpg) center top;margin:0 auto;margin-top:50px}.page-plug .page-head{color:#fff;padding-top:15px;padding-left:50px;height:50px;font-size:18px;font-weight:700;margin:0}.page-plug .page-box{padding:0 5px;height:350px}.flor-title{background:url(../images/ic2.png) no-repeat center top;width:100%;height:26px;color:#fff;font-weight:700;font-size:15px;text-align:center;line-height:26px}.ic-loading{width:58px;height:58px;background:url(../images/logo-loading.png) no-repeat;animation:loading 500ms infinite linear;display:block;margin:0 auto;opacity:.5;position:absolute;top:60px;left:147px}.rank-box{height:412px;position:relative}@keyframes loading{0%{transform:scaleX(0)}40%{transform:scaleX(1)}56%{transform:scaleX(1)}100%{transform:scaleX(0)}}/*# sourceMappingURL=style.css.map */