@charset "utf-8";article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:""}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;blr:expression(this.onFocus=this.blur());cursor:pointer}
a:active{outline:0;opacity:.5}
a:hover{outline:0;opacity:.9}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
.public_top_full_bg{overflow:hidden}
p{text-align:justify}
*{box-sizing:border-box}
.t_hide{height:0;overflow:hidden}
body{font-size:16px;color:#fff;position:relative;overflow:hidden;font-family:"roboto"}
body,html{width:890px;height:550px;border-top:0 solid transparent;overflow:hidden}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.full-bg{width:100%;height:100%}
.s1{background:url(../images/en/bg1.jpg) no-repeat}
.s2,.s3{background:url(../images/bg.jpg) no-repeat;position: relative;}
.hide{display:none!important}
.show{display:block!important;z-index:999999}
.logo{position:absolute;top:30px;left:90px;width:120px;z-index:2}
.logo img{width:128px}

.loginbtns{position:absolute;right:30px;top:50px;width:103px;transition:all .2s ease-in-out .1s}
.loginbtns a{position:relative;z-index:2;display:inline-block;width:103px;height:27px;line-height:27px;font-size:16px;background:url(../images/btn.png) no-repeat ;text-align:center;}
.loginbtns a:hover{filter: brightness(130%);}
.loginbtns a strong{background-image: -webkit-linear-gradient(90deg, #daa9a1 10%, #e6c2b7 35%, #f3dac3 50%, #f9e5d0 65%, #fff1d1 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sign-txt{position: absolute;top:18px;right:50px;width:215px;color:#f1d0ab;text-align: right;}

.title{width:730px;height: 40px;text-align: center; font-size:30px;line-height:40px;margin:38px 0 10px 79px;font-family: Merriweather;background: url(../images/tit.png) no-repeat center center;}
.title strong{background-image: -webkit-linear-gradient(90deg, #daa9a1 10%, #e6c2b7 35%, #f3dac3 50%, #f9e5d0 65%, #fff1d1 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.s3 .title{margin-top: 50px;}

.rank{width:710px;margin:0 0 0 87px;position:relative}
.record{position: absolute;top: 55px;right: 110px;background: #322e55;width:68px;height: 21px;line-height: 21px;color:#706696;border-radius: 10px;text-align: center;}
.record:hover{background: #736899;color:#f2f2ff}
.table{width:660px;margin:4px auto 0;text-align:center}
.table ul.thead{background:url(../images/th.png) no-repeat;display: flex;align-items: center;height: 31px;margin: 0;padding: 0;}
.table ul.thead li{display: flex;align-items: center;justify-content: center;color: #fff;font-size: 13px;height:34px;line-height:32px;position: relative;margin: 0;padding: 0;}
.table ul.thead li:not(:last-child)::after{content:"";position:absolute;top:9px;width:1px;height:15px}
.table ul.thead li:first-child,.table div.rank-body ul li:first-child{width:76px}
.table ul.thead li:last-child,.table div.rank-body ul li:last-child{width:59px}
.table ul.thead li:nth-child(2),.table div.rank-body ul li:nth-child(2){width:177px}
.table ul.thead li:nth-child(3),.table div.rank-body ul li:nth-child(3){width:130px}
.table ul.thead li:nth-child(4),.table div.rank-body ul li:nth-child(4){width:130px}
.table ul.thead li:nth-child(5),.table div.rank-body ul li:nth-child(5){width:70px}

.table div.rank-body ul {display: flex;align-items: center;background: #f2f2ff;height: 30px;line-height: 24px;border: 1px solid #c8c6d8;margin: 0;padding: 0;width: 100%;box-sizing: border-box;}
.table div.rank-body ul li {display: block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #111029;font-size: 13px;margin: 0;padding: 0 3px;line-height: 30px;flex-shrink: 0;}
.table div.rank-body ul li.jp-td{position: relative;overflow: visible;}
.table div.rank-body ul li.jp-td .box{display: block;background: url("../images/box.png") no-repeat center;width: 22px;height: 27px;margin: 0 auto;cursor: pointer; }
.table div.rank-body ul li .h-pop {display: none;position: absolute;white-space: normal;top: 3px;left: -177px;color: #fff;background: rgba(53, 31, 155, 0.9);width: 190px;height: auto;padding: 3px;font-size: 12px;line-height: 16px;text-align: left;border: 1px solid #151d5b;border-radius: 20px;box-shadow: 0 0 4px #dcc37a;border-radius: 10px;}
.table div.rank-body ul li.jp-td:hover .h-pop {display: block;z-index: 50; }  

.rank-top{width: 695px;margin:0 0 15px 5px ;display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.rank-top .top1{ width:249px;height: 115px;background: url(../images/s-top1.png) no-repeat;padding: 13px 0 10px 110px;line-height: 21px;margin-left: 0;position: absolute;left: 50%;transform: translateX(-48%);z-index: 2;}
.rank-top .top2{ width:224px;height: 103px;background: url(../images/s-top2.png) no-repeat;padding: 8px 0 10px 99px;line-height: 20px;margin-top: 15px;z-index: 1;}
.rank-top .top3{ width:210px;height: 97px;background: url(../images/s-top3.png) no-repeat;padding: 6px 0 10px 90px;line-height: 20px;margin-top: 15px;z-index: 5;}
.rank-top>div{display: inline-block;}
.rank-top>div .servergroup p,.rank-top>div .servergroup div{display: inline-block;position: relative;}
.rank-top>div .servergroup p{max-width: 103px;font-size: 14px;color: #3c0e15;margin-right: 2px;font-weight: bold;overflow: hidden;white-space: nowrap;vertical-align: middle;text-overflow: ellipsis;}
.rank-top>div p{font-size: 12px;color: #6a270a;}
.rank-top>div .servergroup .box{display: inline-block;background: url("../images/box.png") no-repeat center;vertical-align: middle;width:22px; height: 27px;margin: 0 auto;cursor: pointer; }
.rank-top>div .servergroup .h-pop {display: none;position: absolute;white-space: normal;top: 3px;left: -198px;color: #fff;background: rgba(53, 31, 155, 0.9);width: 190px;height: auto;padding: 3px;font-size: 12px;line-height: 16px;text-align: left;border: 1px solid #151d5b;border-radius: 20px;box-shadow: 0 0 4px #dcc37a;border-radius: 10px;}
.rank-top>div .servergroup>div:hover .h-pop {display: block;z-index: 50; } 
.rank-top>div.top2 .servergroup p{max-width: 89px;}
.rank-top>div.top2 .servergroup p{max-width: 86px;}

.rank1 div.rank-body ul.rank-1{background:url(../images/top1.png) no-repeat}
.rank1 div.rank-body ul.rank-2{background:url(../images/top2.png) no-repeat}
.rank1 div.rank-body ul.rank-3{background:url(../images/top3.png) no-repeat}
.rank1 div.table div.rank-body ul{line-height: 35px;height: 35px;}
.rank1 div.table ul.rank-1,.rank1 div.table ul.rank-2,.rank1 div.table ul.rank-3{height: 36px;line-height: 36px;margin-bottom: 2px;border: none;}
.rank1 div.table ul.rank-1 li:first-child,.rank1 div.table ul.rank-2 li:first-child,.rank1 div.table ul.rank-3 li:first-child{font-size:0px;line-height: 36px;}
.rank1 div.table ul.rank-1 li,.rank1 div.table ul.rank-2 li,.rank1 div.table ul.rank-3 li{color:#6a270a;line-height: 36px;}
.rank1 div.table ul.rank-1 li.jp-td,.rank1 div.table ul.rank-2 li.jp-td,.rank1 div.table ul.rank-3 li.jp-td{padding: 2px 4px;overflow: visible;}
.rank1 div.table ul.rank-1,.rank1 div.table ul.rank-2,.rank1 div.table ul.rank-3 {display: flex;align-items: center;height: 36px;line-height: 36px;margin-bottom: 2px;border: none;width: 100%;box-sizing: border-box;}
.rank1 div.table ul.rank-1 li,.rank1 div.table ul.rank-2 li,.rank1 div.table ul.rank-3 li {display: block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #6a270a;font-size: 13px; margin: 0;padding: 0 3px;line-height: 36px;flex-shrink: 0;}



.pages{text-align:center;padding:11px 0;width:100%;margin:0 auto}
.pages a{display:inline-block;margin:0 10px;color:#daba9d;font-size:14px}
.pages a.on,.pages a.page_cur,.pages a:hover{text-decoration:underline;color:#fff1d1}

.form{width:580px;}
.form select{width:235px;height:30px;line-height:30px;padding-left: 4px; border:none;vertical-align:middle;outline: none;font-size:14px;color:#110f24;background-color:#f2f2ff;cursor:pointer;}
.form input.search{width:100px;height:30px;background: linear-gradient(#fbeba9, #e3be76);color:#242336;cursor:pointer;font-size:12px;font-weight:700;border-radius: 5px;border: none;}
.form select[name="year"],.form select[name="month"] {appearance: none;-moz-appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23110f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 10px center; padding-right: 35px;}
.form input.search:hover{background: linear-gradient(#f3df8f, #b4934f);}

.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;z-index:1112}
.msg_form_class{z-index:9999;display:none;width:100%;height:100%;position:fixed!important;left:0;top:13%}
.msg_form_class .tipbox .tip_con{background:0 0}
.commonbox{width:100%;height:100%;position:absolute;left:0;top:0}
.tipbox{position:relative;margin:0 auto;z-index:1113;color:#fff1d1;background:url(../images/popbg.png) no-repeat 0 0/100%;}
.box1{width:440px;height: 305px;}
.box2{width:635px;height: 440px;}
.box3{width:460px}
.box4{width:800px}
.tip_t{position:relative;z-index:2;height:50px;padding:20px 0 0 0;text-align:center;border-radius:10px 10px 0 0}
.tip_t a.close{position:absolute;right: -48px;top:-32px;width:51px;height:51px;line-height:35px;font-size:0;background: url(../images/close.png) no-repeat;}
.tip_t a.close:hover{filter: brightness(120%);}
.tip_t h2{color:#fff1d1;line-height:30px;font-size:30px;text-align:center}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:94%;margin:0 auto;padding:0 10px 5px 10px;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#2a2227;font-size:15px!important}
.tip_con p{padding:7px 0;line-height:16px}
.tip_con p.common_msg{padding: 50px 0 7px;}
.tip_con table{width:95%!important;margin:10px auto!important}
.tip_con table th{background:#684ba8;color:#fff}
.tip_con table td{background:#f2f2ff;color:#111029}
.tip_con table td,.tip_con table th{text-align:center;border:1px solid #090951;line-height:30px;height:30px!important}
.tip_con form ul{padding:0 20px}
.tip_con form ul li{padding:3px}
.tip_con form label{font-size:16px;text-transform:capitalize;width:100px;display:inline-block;text-align:right;padding-right:3px}
.tip_con form input.ipt,.tip_con form select.slt{width:200px;padding-left:2px;color:#000;border:1px solid #73c5ff;border-right-color:#73c5ff;border-bottom-color:#73c5ff;height:24px;line-height:24px}
.tip_con form input.code{width:120px}
.tip_con textarea{font-family:Arial;font-size:14px;width:100%;height:160px;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:380px}
.tip_db li{float:left;width:170px;margin:0 10px}
.tip_db p{padding-bottom:5px}
.tip_db p a{color:#920203;font-family:Arial}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:block;width:127px;height:27px;line-height:27px;margin:4px auto 17px;color:#ffe8b1;font-size:16px;text-transform:uppercase;background:url(../images/month-on.png) no-repeat;}
.tip_db a.btn_tip:hover{text-decoration:none;filter: brightness(130%);}
.loading{width:100%;height:100%;position:fixed;top:0;left:0;line-height:56px;color:#fff;font-size:15px;background:#000 url(../images/loader.gif) no-repeat center center;opacity:.7;z-index:10000}
.scrollcont{height:330px;overflow-y:auto;overflow-x:hidden}
.txtlimit{max-width:120px}
.txtlimit,.txtlimit1{zoom:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
.tab{width:550px;height: 80px;position: absolute;top: 465px;left: 168px;}
.tab a{display: inline-block;width:242px;height: 72px;line-height: 58px;font-size: 22px;color: #fff;text-align: center; background: url(../images/tab.png) no-repeat;margin: 5px 15px;font-family: Merriweather;}
.tab a:hover{background: url(../images/tab-on.png) no-repeat;}
.tab a strong{ background-image: -webkit-linear-gradient(90deg, #daa9a1 20%, #e6c2b7 35%, #f3dac3 50%, #fae6d0 65%, #ffe8b1 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tab a:hover strong{ background-image: -webkit-linear-gradient(90deg, #fbba4a 20%, #fcd176 35%, #fedb92 50%, #ffebaa 65%, #ffe8b1 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 1px 3px #542a25);}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background: #fff;border-radius: 10px; border: 1px solid #f3d198;}
::-webkit-scrollbar-thumb {background: #684ba8; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #684ba8;}

#rule_content strong{color: rgb(239 53 53);font-size: 16px;} 
#rule_form,#record-month,#record-season{display:none; z-index: 1113; top: 5%; position: fixed;}
#record-month .tip_t,#record-season .tip_t{height: 35px;}
.commonbox .table{width:580px}
.commonbox .table ul.thead li:first-child,.commonbox .table div.rank-body ul li:first-child{width: 60px;}
.commonbox .table ul.thead li:nth-child(2), .commonbox .table div.rank-body ul li:nth-child(2){width: 180px;}

.nodata{width: 100%;height: 50px;margin: 155px 0;font-size: 30px;color: #fff1d1;text-align: center;}


.sppage .s1 {background: url(../images/sp/bg1.jpg) no-repeat;}