@charset "utf-8";blockquote,body,button,center,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,tr,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
button,input,select,textarea{font:2.6vw/2 Roboto,Arial,Verdana,Helvetica,sans-serif}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
body{background:#f4fafa;color:#21212a;font:2.6vw/2 Roboto,Helvetica,sans-serif}
.fl{float:left}
.fr{float:right}
.t_hide{height:0;overflow:hidden}
.mt10{margin-top:10px}
.t_center{text-align:center}
.t_left{text-align:left}
.t_right{text-align:right}
.p_relative{position:relative}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
a{color:#fff;text-decoration:none}
a,a:active{outline:0}
.hidden{visibility:hidden}

.fullbg{position:relative;z-index:1;width:100%;margin:0 auto;overflow: hidden;background:url(../images/fullbg.jpg) no-repeat center top #21212a;color:#fff; background-size: 100% auto}
.wrapper{position:relative;width:90%;margin:0 auto}
.header{position:relative;height:24vw;z-index:2}
.content{position:relative}
.logo{position:absolute;top:2vw;left:20vw;width:9vw;z-index:2;}
.logo img{width:100%}
.loginbtns{position:absolute;left:64vw;top:6vw;transition:all .2s ease-in-out .1s}
.loginbtns a{position:relative;z-index:2;display:inline-block;*display:inline;*zoom:1;width:7vw;height:6.2vw;background:url(../images/rule.png) no-repeat 0 0/100% auto;font-size:0}
.loginbtns a:hover{background-image: url(../images/rule-on.png);}

.tabs{width: 47%;margin: 0 auto;}
.tabs a{position:relative;z-index:2;display:inline-block;*display:inline;*zoom:1;width:12vw;height:10.2vw;background:url(../images/tabs.png) no-repeat 0 0/100% auto;font-size:0;margin: 0px -2vw;}
.tabs a:nth-child(1){background:url(../images/1.png) no-repeat 0 0/100% auto;}
.tabs a:nth-child(1).on,.tabs a:nth-child(1):hover{background-image: url(../images/1-on.png);}
.tabs a:nth-child(2){background:url(../images/2.png) no-repeat 0 0/100% auto;}
.tabs a:nth-child(2).on,.tabs a:nth-child(2):hover{background-image: url(../images/2-on.png);}
.tabs a:nth-child(3){background:url(../images/3.png) no-repeat 0 0/100% auto;}
.tabs a:nth-child(3).on,.tabs a:nth-child(3):hover{background-image: url(../images/3-on.png);}
.tabs a:nth-child(4){background:url(../images/4.png) no-repeat 0 0/100% auto;}
.tabs a:nth-child(4).on,.tabs a:nth-child(4):hover{background-image: url(../images/4-on.png);}
.tabs a:nth-child(5){background:url(../images/5.png) no-repeat 0 0/100% auto;}
.tabs a:nth-child(5).on,.tabs a:nth-child(5):hover{background-image: url(../images/5-on.png);}

.rankcont{position: relative; width:60vw;height:41vw;padding:0vw 0.5vw 0; background:url(../images/rankbg.png) no-repeat 0 0/100% auto; margin:-0.5vw auto}

.rankcont h2{color:#ffefa5;font-size:1.8vw;height: 3vw; line-height:3vw;margin:0 auto;position: relative;text-align: center;width: 22vw;left: 0.5vw;font-weight: normal;font-family: 'Alice','Alice',sans-serif;}
.table-head {position: relative;width: 51vw;overflow-y: auto;overflow-x: hidden; margin: 0 auto;left: 0.2vw;}
.table-body {position: relative;width: 51vw;max-height: 26.15vw; overflow-y: auto; overflow-x: hidden; margin: 0 auto;left: 0.2vw;border-radius: 0 0 0.3vw 0.3vw;}

.rankcont table{width:100%;text-align: center;table-layout: fixed;border-collapse: separate;border-spacing: 0;}
.rankcont table tr{background: #fefefe;}
.table-body table tr:nth-child(2n) {background-color:#ceddff;}
.rankcont th{color:#fde7be;line-height:2.7vw;height:2.7vw;background:#4a4352;border-right:0.15vw solid #dbe6ff;font-size:1.4vw;border-bottom: none;}
.rankcont th:last-child{border-right: none;}
.table-head th:first-child{border-radius: 0.3vw 0 0 0;}
.table-head th:last-child{border-radius: 0 0.3vw 0 0;}
.table-body tr:last-child td:first-child{border-radius: 0 0 0 0.3vw;}
.table-body tr:last-child td:last-child{border-radius: 0 0 0.3vw 0;}

.rankcont td{max-width:17.361vw;overflow:hidden;white-space:nowrap;vertical-align:middle; text-overflow: ellipsis;color:#4a4352;line-height:2.5vw; border:0.1vw solid #dbe6ff;font-size:1.3vw;}
.rankcont tr{text-align:center;}
.table-head table th:first-child, .table-body table td:first-child{width: 10%;}
.table-head table th:nth-child(2), .table-body table td:nth-child(2){width: 40%;}
.table-head table th:nth-child(3), .table-body table td:nth-child(3){width: 25%;}
.table-head table th:nth-child(4), .table-body table td:nth-child(4){width: 25%;}
.rankcont div.form{margin:2vw auto 1vw;line-height:2.5vw;width:85%;height:2.5vw;text-align:center;font-size: 1.2vw;}
.rankcont div.form input,.rank div.form select{height:2.5vw;line-height:2.5vw;border:none;vertical-align:middle;outline: none;}
.rankcont div.form label{vertical-align:middle;color:#2f2a29;height:2.5vw;line-height:2.5vw;}
.rankcont div.form select{margin-right:0.347vw;width:8vw;color:#2f2a29;background-color:#fff;cursor:pointer;border:0.069vw solid #4a4352;outline: none;font-size:1.111vw;height: 2.2vw;vertical-align: middle;}
.rankcont div.form input.txt{ height:2.2vw;width:17vw;padding-left:0.139vw;color:#2f2a29;background-color:#fff;cursor:pointer;border:0.1vw solid #4a4352;font-size:1.111vw;}
.rankcont div.form input.search{width:7.5vw;height:2.4vw;line-height: 2.4vw; background:url(../images/btn.png) no-repeat;background-size:100% 100%;cursor:pointer;text-align: center;font-size: 1.4vw;color:#5e3d1f;vertical-align: middle;}
.rankcont div.form input.search:hover{background:url(../images/btn-on.png) no-repeat;background-size:100% 100%;}


.table-body::-webkit-scrollbar{width:0.5vw;height:0.5vw;background:rgba(199, 183, 167, 0.3);border-radius:0.2vw}
.table-body::-webkit-scrollbar-track{background-color:transparent}
.table-body::-webkit-scrollbar-thumb{background-color:#4a4352;border-radius:0.2vw}
.table-head::-webkit-scrollbar{width:0.5vw;background:transparent}
.table-head::-webkit-scrollbar-track{background-color:transparent}
.table-head::-webkit-scrollbar-thumb{background-color:transparent}

.footer{width:100%;position:relative;color:#fff;margin:0 auto;padding: 0.347vw 0!important; font-size: 1.111vw;line-height: 1.5vw;}
.footer p{font-size: 1vw;}
.footer a{margin:0 0.5vw;color:#fff;font-size: 1vw;}
.footer a:hover{text-decoration:underline}

.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:1112}
.bugs_form_class,.msg_form_class,.suggest_form_class{display:none;width:100%;height:100%;position:fixed !important;left:0;top:26% !important}
.msg_form_class{z-index:1114}
.msg_form_class .tipbox .tip_con{background: none;}
.bugs_form_class,.suggest_form_class{z-index:1112}
.commonbox{width:100%;height:100%;position:absolute;left:0;top:0}
.tipbox{position:relative;margin:0 auto;z-index:1113;color:#2f2a29;background:#fefefe; font-size:1.2vw;border:0.3vw solid #4a4352;}
.box1{width:45vw}
.box2{width:50vw;}
.box3{width:31.944vw}
.box4{width:55.556vw}
.tip_t{position:relative;z-index:2;height:3.472vw;padding:1.389vw 0 0 0;text-align:center;border-radius:0.694vw 0.694vw 0 0}
.tip_t a.close{position:absolute;top:0.042vw;right:0.042vw;width:4vw;height:4vw;line-height:4vw;color:#4a4352;font-size:4vw;}
.tip_t a.close:hover{color:#162641}
.tip_t h2{color:#4a4352;line-height:3.333vw;font-size:2.083vw;text-align:center}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:90%;margin:0 auto;padding:0 0.694vw 0.347vw 0.694vw;position:relative;}
.tip_con.sp{width:96%}
.tip_con span{font-size: 1.042vw !important;}
.tip_con p{padding: 0;font-size:1.2vw}
.tip_con table{width:99%;margin:0.694vw auto}
.tip_con table th{background:#4a4352;color:#FFF;}
.tip_con table td{background:0 0;color:#330f03}
.tip_con table td,.tip_con table th{text-align:center;border:0.1vw solid #4a4352 ;/*line-height:2.083vw;*/height: 2.083vw!important;font-size: 1.2vw;}
.tip_con table th:first-child{border-right:0.1vw solid #dbe6ff}
.tip_con form ul{padding:0 1.389vw}
.tip_con form ul li{padding:0.208vw}
.tip_con form label{font-size:1.111vw;text-transform:capitalize;width:6.944vw;display:inline-block;text-align:right;padding-right:0.208vw}
.tip_con form input.ipt,.tip_con form select.slt{width:13.889vw;padding-left:0.139vw;color:#000;border:0.069vw solid #947847;border-right-color:#947847;border-bottom-color:#947847;height:1.667vw;line-height:1.667vw}
.tip_con form input.code{width:8.333vw}
.tip_con textarea{font-family:Arial;font-size:0.972vw;width:100%;height:11.111vw;border:0.069vw solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed}
.tip_db{padding-bottom:0.694vw;text-align:center}
.tip_db ul{margin:0 auto;width:26.389vw}
.tip_db li{float:left;width:11.806vw;margin:0 0.694vw}
.tip_db p{padding-bottom:0.347vw}
.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:9vw;height:3vw;margin:0.8vw auto 1.181vw;color:#4a4352;line-height:3vw;font-size:1.5vw;text-transform:uppercase;background:#ceddff;border-radius: 0.694vw;}
.tip_db a.btn_tip:hover{background:#4a4352;color:#fff;text-decoration:none}
.loading{width:100%;height:100%;position:fixed;top:0;left:0;line-height:3.889vw;color:#fff;font-size:1.042vw;background:#000 url(../images/loader.gif) no-repeat center center;opacity:.7;filter:alpha(opacity=70);z-index:10000}
.scrollcont{height:29.167vw;overflow-y:auto;overflow-x:hidden}

.game-close {
  position: fixed;
  top: 0;
  right: 0;
  background: url(../images/game-close.png);
  width: 5vw;
  height: 5vw;
  z-index: 999;background-size:100% auto;
}

/* 竖屏样式 */
@media screen and (orientation: portrait) {
  .fullbg{background-size: 120% auto;}
  .header{height: 25vw;}
  .loginbtns{left: 60vw;top: 8vw;}
  .loginbtns a{width: 10vw;height: 10.2vw;}
  .rankcont h2{font-size: 3vw;height: 8vw;line-height: 6vw;width: 33vw;}
  .tabs{width: 80%;}
  .tabs a{width: 17vw;
    height: 15.2vw;}
  .rankcont{width:90vw;height:74vw;margin: 0 auto 10vw;right: -0.5vw;padding: 4vw 0..5vw 0 0;background: url(../images/rankbg.png) no-repeat 0 0 / 100% 100%;}	
  .rankcont div.form{height: 4.5vw;font-size: 3vw;margin: 1.4vw auto 1vw}
.rankcont div.form select{width: 11vw;height: 4vw;vertical-align: middle;font-size: 2.4vw;}	
.rankcont div.form input.txt{width: 15vw;height: 4vw;font-size: 3vw;}	
.rankcont div.form label{font-size: 3vw;}
.rankcont div.form input.search{width: 15.5vw;height: 4.9vw;line-height: 4.2vw;font-size: 2.5vw;vertical-align: middle;}
.table-head {width: 80vw;margin: 0 auto;overflow-y: auto;overflow-x: hidden;}
.table-body {width: 80vw;margin: 0 auto;overflow-y: auto;overflow-x: hidden;max-height: 44.2vw;border-radius: 0 0 0.3vw 0.3vw;}
.rankcont table{width:100%;margin: 0 auto;border-collapse: separate;border-spacing: 0;}
.rankcont td{font-size: 3vw;line-height: 4vw;max-width: 19vw;}
.rankcont th{font-size: 3.2vw;line-height: 5vw;}
.pages{padding: 2vw 0;}
.pages a{font-size: 3vw;}
.box2{width: 75vw;}
.box1{width: 60vw;}
.tip_t{padding-top: 3.5vw;height: 5vw;}
.tip_t h2{font-size: 4.5vw;}
.tip_t a.close{width: 6vw;height: 6vw;line-height: 6vw; font-size:6vw;}
.tip_con p{font-size: 3vw;}
.tip_con span{font-size: 3vw !important;}
.tip_db a.btn_tip{width: 15vw;height: 5vw;line-height: 5vw;font-size: 3vw;}
.tip_con table td,.tip_con table th{border:0.2vw solid #127962 ;}
.scrollcont{height: 50vw;}
.footer{display: none;}

}