@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body { margin:0; color: #000; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { text-decoration:none; outline: 0 none;}
a:hover { text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.fix {zoom:1;}
.fix:after,.fix:before{display: block;content:"clear";height: 0;clear: both;overflow: hidden;visibility: hidden;}
.none { display: none;}
.hidden { width: 0px; height: 0px; overflow: hidden;}

.wrapper{background: url(/statics/img/web/gamesite/module10/server/bg.jpg?20220901) center top no-repeat;width: 1920px;
  margin: 0 auto;
  position: relative;}
.wrap{width: 1048px; height: 1000px; margin: 0 auto;}
.main{width: 730px; padding: 0 0; margin-left: 436px; position: relative;background: rgba(28,33,40,0.9);padding-bottom: 28px;opacity: 0.9;}
.main .logo{width: 111px; height: 93px; position: absolute; top: 22px; left: -199px; margin-left: 0; z-index: 3;}
.main .logo img {width: 100%; height: 100%;}
.show_logo img{
  margin: 0 !important;
  width: auto;
  height: auto;
  max-width: none;
  display: block;
}

.btn_search_server {
  position: absolute;
  left: 730px;
  top: 400px;
  width: 49px;
  height: 178px;
  background: url(/statics/img/web/gamesite/module10/server/tab-search-server.png?20220901) no-repeat;
  cursor: pointer;
}
.btn_search_server:hover {
  background: url(/statics/img/web/gamesite/module10/server/tab-search-server-active.png?20220901) no-repeat;
}

.nav{height: 55px; padding: 25px 7px 0 9px;}
.nav a{width: 175px; height: 53px; overflow: hidden; display: inline-block; margin: 0 0px 0 0; background: url(/statics/img/web/gamesite/module10/server/server_menus.png?20220901) no-repeat;}
.nav a.b1{background-position: 0 0;}
.nav a.b2{background-position: -175px 0;}
.nav a.b3{background-position: -350px 0;}
.nav a.b4{background-position: -525px 0;}
.nav a.b1:hover{background-position: 0 -51px;}
.nav a.b2:hover{background-position: -175px -51px;}
.nav a.b3:hover{background-position: -350px -51px;}
.nav a.b4:hover{background-position: -525px -51px;}

.w_btns{height: 54px; padding-right: 117px; text-align: right;}
.w_btns p{display: inline-block; *display: inline; height: 25px; background-color: #5d5145; font: 12px/24px \5FAE\8F6F\96C5\9ED1; color: #504539; border-radius: 0 0 20px 20px; padding:0 20px;}
.w_btns p a{color: #bcbcbc;}
.w_btns p em{padding: 0 8px;}
.w_tit{height: 66px; font: 52px/66px \5FAE\8F6F\96C5\9ED1; color: #d3a964;}
.w_tit span{position: absolute; font: 30px/52px \5FAE\8F6F\96C5\9ED1; color: #525258; padding-left: 9px; margin-top: 12px;}
.tj_server{padding-top: 41px; height: 117px;}
.con_tit{font: 20px/32px \5FAE\8F6F\96C5\9ED1; color: #fdca7a; margin-bottom: 15px; padding-bottom: 5px; font-size: 21px; background: url(/statics/img/web/gamesite/module10/server/server_tit.png?20220901) no-repeat;width: 269px;text-align: center;margin: 0 auto;background-position: center center; font-weight: bold;}
.con_tit span{position: absolute; padding-left: 8px; font: 12px/28px \5FAE\8F6F\96C5\9ED1; color: #525258; margin-top: 4px;}


.login_mod{padding-top: 21px; height: 125px;}
.opt{position: relative;}
.opt p{float: left; display: inline; width: 216px; height: 32px; margin-right: 13px; font: 12px/34px \5b8b\4f53; color: #a9a9a9; border: none;}
.opt p label{padding: 0 8px; color: #8a8a8a; font-size: 14px;}
.opt p input{border: none; background: #C4C4C4; background-color: #C4C4C4; width: 192px; height: 25px; margin-top: 16px; font: 12px/26px \5b8b\4f53; color: #666666; -webkit-text-fill-color: #666666; padding-left: 8px; border-radius: 3px;}
.opt p input::placeholder{color: #666666; opacity: 1;}
.opt p input::-webkit-input-placeholder{color: #666666;}
.opt p input:-webkit-autofill,.opt p input:-webkit-autofill:hover,.opt p input:-webkit-autofill:focus,.opt p input:-webkit-autofill:active{-webkit-text-fill-color: #666666; -webkit-box-shadow: 0 0 0 1000px #C4C4C4 inset; box-shadow: 0 0 0 1000px #C4C4C4 inset; transition: background-color 9999s ease-out 0s;}
.login_btn{position: absolute; left: 485px; top: 18px;border: none; width: 172px; height: 52px; line-height: 52px; color: #fff; font-size: 25px; font-weight: bold; background: url(/statics/img/web/gamesite/module10/server/serve_login.png?20220901); text-align: center;  cursor: pointer;}
.login_btn:hover{background-position: 0 -52px;}


.no_login .links{height: 26px; line-height: 26px; color: #fdca7a; margin-top: 17px;margin-left: 17px;}
.no_login .links label{padding-right: 4px;}
.no_login .links a{color: #fdca7a;}
.no_login .links a:hover{color: #bd1118;}
.no_login .links em{width: 20px; height: 20px; background-image: url(/images/smcs/pc/log_icon.png?20220901); display: inline-block; vertical-align: middle; margin: 0 2px;}
.no_login .links em.qq{background-position: 0 0;}
.no_login .links em.qq:hover{background-position: -20px 0;}
.no_login .links em.wx{background-position: 0 -20px;}
.no_login .links em.wx:hover{background-position: -20px -20px;}
.no_login .links em.wb{background-position: 0 -40px;}
.no_login .links em.wb:hover{background-position: -20px -40px;}
.no_login .links a{margin: 0 11px;}
.no_login .other_login{margin-left: 21px;}
.no_login .other_login a{ margin: 0;}
.no_login .loginform{position: relative; border: 1px solid #ffd08d;margin: 10px 24px 0;height: 88px;}
.no_login .links .mm{color:#BD1118}
.no_login .links a:first-child{margin-left: 10px;}
.no_login .loginform .third_box2 {color: #fdca7a; line-height: 35px; position: absolute; left: 246px; top: 45px;}

.logleft{float: left; display: inline; width: 320px; color: #ffd89b;margin-left: 15px; }
.username { color: #ffd89b !important;}
.logleft p{font: 14px/28px \5b8b\4f53; color: #b6aea1;}
.user_fun a{font: 12px/26px \5b8b\4f53; color: #b6aea1; margin-right: 16px;}
.last_game{font: 12px/22px \5b8b\4f53; padding-left: 0px;}
.last_game a{color: #ffd89b;}
.logleft a:hover{color: #BD1118;}
.loginedform{border: 1px solid #ffd08d;margin: 10px 23px 0;height: 88px;background-color: #191f27;}

.all_server{position: relative;margin-top: 31px;padding-bottom: 20px;}
.server_tit{font-size: 16px; color: #a88f8a; margin-bottom: 7px; font-weight: normal;}
.server .ser_con_tit{color: #fff; margin-bottom: 10px;}
.server .ser_con_tit a, .small_tit span{width: 75px; height: 24px; line-height: 24px; color: #fbe7cd; text-align: center; margin: 0 6px 2px 0; float: left; cursor: pointer;}
.server .ser_con_tit a.on, .small_tit span.cur{background: #e23100; color: #ffefcc; text-decoration: none;}
.server .ser_con_txt{margin-top: 13px; height: 543px;}
.server .ser_con_txt .ser_list{height: 543px;width: 650px;display: flex;flex-direction: column;}
.server .ser_con_txt ul{ scrollbar-arrow-color: #6c5b31; scrollbar-face-color: #95824a; scrollbar-base-color: #6c5b31; scrollbar-darkshadow-color:#6c5b31; scrollbar-track-color: #6c5b31; scrollbar-highlight-color: #95824a; position: relative;width: 666px;flex: 1;min-height: 0;overflow-y: scroll; height: 402px;}


.server .ser_con_txt ul::-webkit-scrollbar {
  width: 18px;
}

.server .ser_con_txt ul::-webkit-scrollbar-track {
  background: #c9c9c9;
}

.server .ser_con_txt ul::-webkit-scrollbar-thumb {
  background: #9d9d9d;
}
.server .ser_con_txt ul::-webkit-scrollbar-button{
  height: 14px;
  background-color: #c9c9c9;
  background-repeat: no-repeat;
}
.server .ser_con_txt ul::-webkit-scrollbar-button:vertical:decrement{
  background-image:
    linear-gradient(135deg, transparent 50%, #5e5e5e 50%),
    linear-gradient(225deg, transparent 50%, #5e5e5e 50%);
  background-size: 8px 8px, 8px 8px;
  background-position: calc(50% - 4px) 7px, calc(50% + 4px) 7px;
}
.server .ser_con_txt ul::-webkit-scrollbar-button:vertical:increment{
  background-image:
    linear-gradient(45deg, transparent 50%, #5e5e5e 50%),
    linear-gradient(315deg, transparent 50%, #5e5e5e 50%);
  background-size: 8px 8px, 8px 8px;
  background-position: calc(50% - 4px) 1px, calc(50% + 4px) 1px;
}
.server .ser_con_txt li{margin: 0 0 11px 0; float: left; display: inline;}
.server .ser_con_txt li a{display: block;}
.server .small_tit{margin: 0 0 25px;}
.all_server .server_wrap{border: 1px solid #ffd08d; width: 650px;height: 644px; padding: 20px 15px;margin: 0 auto;background-color: #191f27;display: flex;flex-direction: column;position: relative;}
.all_server .server_title{font-size: 16px;color: #ffebd1;margin-bottom: 12px;}
.server_content>ul{display: none;}
.server_content {position: static;}
.ser_btn{width: 201px; height: 33px; color: #fff; line-height: 33px; text-align: center; display: block; background: url(/statics/img/web/gamesite/module10/server/ser_btn.png?20220901) no-repeat;margin-right: 15px;}
.ser_btn:hover{ background-position: 0 -33px}
.ser_btn span{margin-left: 15px; display: inline-block;}
.recom{ height: 85px;width: 666px;}
.recom dd{margin: 0 10px 10px 0; display: inline; float: left;}
.recom .ser_btn{float: left;}

.quick_select{color: #b3b3b3;  z-index: 3;}
.quick_select span{line-height: 20px; padding: 0 8px 0 0; float: left;margin-bottom: 15px;color:#ffebd1}
.quick_select .input{width: 32px; height: 20px; line-height: 20px; color: #333; background: #D8D7D7; border: none; text-align: center; float: left;margin-right: 8px;}
.quick_select .selected{width: 80px; height: 20px; line-height: 20px; color: #373737; background: #D8D7D7; text-align: center; float: left;margin-right: 8px;}
.quick_select .quick_enter{width: 53px; height: 20px; line-height: 20px; color: #620f08; background:#f2bc54; text-align: center; float: left;}
.quick_select .quick_enter:hover{ background:#fc3a21;color: #fff;}
.quick_select .tit{font-size: 11px;}

.gray{width: 100%; position: absolute; left: 0; top: 0; z-index: 100; background-color: #000; opacity: 0; filter:alpha(opacity=0);}

.small_tit .active_type{
  background-color: #f2bc54;
  color: #620f08;
}

.game-top-rem{
  width: 360px;
  height: 42px;
  position: absolute;
  top: 0px;
  left: 32%;
}

.game-top-rem-pop {
  position: absolute;
  top: 0px;
  width: 360px;
  height: 42px;
  left: 32%;
  z-index: 100;
}
.game-top-rem-pop img{
  display: none;
}
.game-top-rem-pop:hover img{
  display: block;
}
.g_logo{
  left: 30% !important;
}

/* S 适龄儿童 */
.age_tips {
  position: absolute;
  left: 48px;
  bottom: 118px;
  width: 78px;
  height: 101px;
  background: url(/statics/img/age_icon_20221216_78.png) 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 3;
  display: none;
}

.age_tips_mask {
  width: 100%;
  height: 100%;
  background: #000000;
  filter: alpha(opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 100;
}

.age_tips_pop {
  position: fixed;
  top: 50%;
  left: 27%;
  margin-top: -210px;
  z-index: 101;
  width: 46%;
  height: 420px;
  background: rgba(134, 128, 202, 0.5);
  border-radius: 20px;
  color: #ffffff;
}

.age_tips_close {
  position: absolute;
  z-index: 103;
  top: 15px;
  right: 15px;
  width: 28px;
  height: 29px;
  cursor: pointer;
  background: url(/statics/img/age_icon_clost_28.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.age_tips_tit {
  height: 16%;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.age_tips_h {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 21px;
  line-height: 1;
  font-weight: bold;
  vertical-align: bottom;
}

.age_tips_con {
  height: 78%;
  width: 90%;
  margin: 30px auto 0;
  overflow-y: auto;
  font-size: 18px;
  line-height: 32px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify
}

.age_tips_p {
  margin: 16px 0;
}

.inBox {
  flex: 1;
  height: 580px;
}
/* E 适龄儿童 */
.gw_agetips {
  right: 199px !important;
  top: 98px !important;
  left: auto !important;
}

.show_logo {
  position: absolute;
  width: fit-content;
  height: fit-content;
  top: 0px;
  left: 630px;
  z-index: 2;
}
.show_logo a{
  display: block;
}