@charset "utf-8";
/*reset.css*/
html{ font-size:100px;}
body { margin:0; color: #000; font:.12rem/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: .14rem;}
.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{
    width: 1920px; height: 1200px; margin: 0 auto; position: relative;
    background: url(/statics/img/web/gamesite/module6/server-search/bg.jpg?20240819) center top no-repeat;
}

.head_wrap { position: relative; margin: 0 auto 0; width: 1200px; }
.header{height:659px; position:relative; z-index: 0;}
.logo{position:absolute; top:0px; left:0px; z-index:3;}
.menu{float: right;}
.menu_bg{width: 1920px; height: 94px; color:#FFFFFF; background:url(/statics/img/web/gamesite/module6/menu_bg.png?20240819) no-repeat; position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: 1;opacity: 0.83;}
.menu h2{display: inline-block;}
.menu a{width: 100px; line-height:34px; color:#FFFFFF; text-align: center; margin: 13px 31px; float: left; position: relative; z-index: 3;font-family: KaiTi;}
.menu a::after{width: 1px;height: 42px;background: url(/statics/img/web/gamesite/module6/menu_right.png?20240819);display: block;background-size: 100% 100%;content: "";position: absolute;right: -33px;top: 0;}
.menu a.b6::after{background:none}
.menu a:hover{color:#F3C771;}
.menu p{line-height:3px; font-size: 14px; -webkit-transform:scale(0.8); transform:scale(0.8); display: block;}
/*公用动画效果*/
.menu a{transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;letter-spacing: 3px;font-size: 18px;}

.flash{ display: none; width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.flash video{vertical-align: top;}

.search{
  position: absolute; left: 960px; top: 452px; width: 600px; height: 375px;
  background: url(/statics/img/web/gamesite/module6/server-search/box.png?20240819) center top no-repeat;
}
.search_form{
  position: absolute; left: 0; top: 0;
}

.search_input_types {
  position: absolute; z-index: 10; left: 40px; top: 96px; width: 232px; height: 28px; 
}
.search_input_types_label {
  float: left; height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; color: #ebbe5d; cursor: pointer;
}
.search_input_types_select {
  float: left;
  position: relative;
}
.search_input_types_select_label {
  position: relative; border: 1px solid #f1c162; border-right: 28px solid #f1c162; background: #ffffff; cursor: pointer; 
  transition: border-color 0.4s ease;
}
.search_input_types_select_label_text {
 outline: none; border: none; padding: 0; width: 90px; height: 26px; line-height: 26px; text-align: center; font-size: 16px; color: #c24d46;
 cursor: pointer;
}
.search_input_types_select_ico {
  position: absolute; left: 96px; top: 9px; width: 15px; height: 9px; 
  background: url(/statics/img/web/gamesite/module6/server-search/ico-drop.png?20240819) center top no-repeat;
}
.search_input_types_select_list {
  position: absolute; left: 0; top: 28px; overflow: auto; border: 1px solid #ffe56a; border-top: none; width: 90px; height: 174px; 
  background: #ffffff; animation: fadeIn 0.4s ease;
}
.search_input_types_select_list_item {
  overflow: hidden; height: 26px; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #c24d46; 
  cursor: pointer; background: #ffffff; transition: background 0.4s ease;
}
.search_input_types_select_list_item.active,
.search_input_types_select_list_item:hover {
  background: #fcda7d;
}
.search_input_types.active .search_input_types_select_label {
  border-color: #ffe56a;
}

.search_input_names { 
  position: absolute; left: 275px; top: 96px; width: 190px; height: 28px; 
}
.search_input_names_text {
  float: left; height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; color: #ebbe5d;
}
.search_input_names_input {
  float: left; outline: none; border: none; padding: 0; border: 1px solid #f1c162; width: 46px; height: 26px; line-height: 26px; text-align: center;
  font-size: 16px; color: #c24d46; background: #ffffff; transition: border-color 0.4s ease;
}
.search_input_names_input:focus {
  border-color: #ffe56a;
}
.search_input_names_text2 {
  float: left; margin-left: 8px; height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; color: #ebbe5d;
}

.search_submit {
  position: absolute; left: 465px; top: 96px; outline: none; border: none; padding: 0; width: 92px; height: 27px; 
  background: url(/statics/img/web/gamesite/module6/server-search/btn-search.png?20240819) center top no-repeat;
}
.search_submit:hover {
  background: url(/statics/img/web/gamesite/module6/server-search/btn-search-active.png?20240819) center top no-repeat;
}

.show {
  margin: 138px auto 0; line-height: 1.5; font-size: 22px; font-weight: bold; color: #ffe9c3;
}
.show_severname {
  padding-top: 15px; text-align: center;
}
.show_date {
  padding-left: 160px;
}
.show_days {
  padding-left: 160px;
}

.entergame {
  position: absolute; left: 200px; top: 294px; outline: none; border: none; padding: 0; width: 201px; height: 51px;
  background: url(/statics/img/web/gamesite/module6/server-search/btn-enter.png?20240819) center top no-repeat;
}
.entergame:hover {
  background: url(/statics/img/web/gamesite/module6/server-search/btn-enter-active.png?20240819) center top no-repeat;
}

@keyframes fadeIn { 
    0% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } 
}

.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;
}

.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;
}
/* E 适龄儿童 */


/* 移动端样式 */
body.mobile { min-width: 6rem; }
body.mobile .gw_topbar,
body.mobile .c_selflinks_footer,
body.mobile .gamesite_footer {
  display: none;
}
body.mobile .gw_header {
  left: 50%;
  top: 0;
  margin: 0;
  margin-left: -3rem;
  width: 6rem;
}
body.mobile .gw_header_inner {
  width: auto;
  height: .72rem;
  background: rgba(57, 39, 16, 0.95);
}
body.mobile .gw_header_logo {
  display: none;
}
body.mobile .gw_header_menu {
  width: auto;
}
body.mobile .gw_header_menu_item {
  float: left !important;
  width: .97rem;
}
body.mobile .gw_header_menu_item h1 {
  margin-top: .2rem;
  font-size: .16rem;
  line-height: 1;
}
body.mobile .gw_header_menu_item h2 {
  margin-top: .08rem;
  font-size: .12rem;
  line-height: 1;
}
body.mobile .gw_header_menu_item.sl::before {
  top: .20rem;
  width: 1px;
  height: .20rem;
  background-size: 1px .20rem;
}
body.mobile .gw_header_menu_item.sr::after {
  top: .20rem;
  width: 1px;
  height: .20rem;
  background-size: 1px .20rem;
}
body.mobile .gw_header_menu_item:nth-of-type(3)::after {
  content: "";
  position: absolute;
  right: 0;
  top: .20rem;
  width: 1px;
  height: .20rem;
  background: url(/statics/img/web/gamesite/module9/menu_split.png) 0 0 no-repeat;
  background-size: 1px .20rem;
}
body.mobile .wrapper {
  position: relative; width: 6rem; height: 12rem;
  background: url(/statics/img/web/gamesite/module6/server-search/bg-wap.png) center top no-repeat;
  background-size: 6rem 12rem;
}
body.mobile .search {
  left: 0; right: 0; margin: auto; top: 4.52rem; width: 6rem; height: 3.75rem; 
  background-size: 6rem 3.75rem;
}
body.mobile .search_input_types {
  left: .4rem; top: .96rem; width: 2.36rem; height: .28rem; 
}
body.mobile .search_input_types_label {
  height: .28rem; line-height: .28rem; font-size: .18rem;
}
body.mobile .search_input_types_select_label {
  border-width: .01rem; border-right-width: .28rem; 
}
body.mobile .search_input_types_select_label_text {
  width: .90rem; height: .26rem; line-height: .26rem; font-size: .16rem;
}
body.mobile .search_input_types_select_ico {
  left: .96rem; top: .09rem; width: .15rem; height: .09rem; 
  background-size: .15rem .09rem;
}
body.mobile .search_input_types_select_list {
  top: .28rem; border-width: .01rem; width: .90rem; height: 1.74rem; 
}
body.mobile .search_input_types_select_list_item {
  height: .26rem; font-size: .16rem; 
}
body.mobile .search_input_names { 
  left: 2.75rem; top: .96rem; width: 1.90rem; height: .28rem; 
}
body.mobile .search_input_names_text {
  height: .28rem; line-height: .28rem; font-size: .18rem;
}
body.mobile .search_input_names_input {
  border-width: .01rem; width: .46rem; height: .26rem; line-height: .26rem; font-size: .16rem;
}
body.mobile .search_input_names_text2 {
  margin-left: .08rem; height: .28rem; line-height: .28rem; font-size: .18rem;
}
body.mobile .search_submit {
  left: 4.65rem; top: .96rem; width: .92rem; height: .27rem;
  background-size: .92rem .27rem;
}
body.mobile .show {
  margin: 1.38rem auto 0; font-size: .22rem;
}
body.mobile .show_severname {
  padding-top: .15rem;
}
body.mobile .show_date {
  padding-left: 1.60rem;
}
body.mobile .show_days {
  padding-left: 1.60rem;
}
body.mobile .entergame {
  left: 2.00rem; top: 2.94rem; width: 2.01rem; height: .51rem;
  background-size: 2.01rem .51rem;
}
body.mobile .age_tips {
  left: auto !important;
  right: .25rem !important;
  bottom: auto !important;
  top: 3rem !important;
  width: .78rem !important;
  height: 1.01rem !important;
  background-size: .78rem 1.01rem !important;
}

@media screen and (max-width: 379px) {
  body.mobile .gw_header {
    left: 0 !important;
    margin: 0 !important;
  }
}