html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.fix:before,.fix:after{content:""; display:table;}.fix:after{clear:both;}.fix{*zoom:1;}.clearout{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cleartxt{color:transparent;font:0/0 a;overflow:hidden;}.fover{font: 0/0 a; overflow: hidden;}

.none {display: none;}
.transparent {opacity: 0;}
a:hover {text-decoration: none;}

.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;margin: 0 auto}
.ml8{margin-left: 8px;}
.pd8{padding: 0 8px;}

.fr{float: right;}
.fl{float: left;}
.pr,.pr2{position: relative; z-index: 2;}

input::-webkit-input-placeholder { /* WebKit browsers */
  color: #666666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #666666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #666666;
}
 input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #666666;
}

body {background: #000; min-width: 1210px; overflow-x: hidden;}
.main_bg,.top_bg { position: absolute; left: 50%; margin-left: -960px; width: 1920px; z-index: 1;}
.main_bg {top: 960px;}
.top_bg {top: 0;}
.gamesite_sliderbar_bg { position: absolute; top: 0; left: 0; z-index: 1;}
.wap { width: 1210px; margin: 0 auto; position: relative;}

/* S 顶部 */
.gamesite_topbar {position: relative;height: 42px;background-color: #ffffff;}
.g_logo { position: absolute; left: 50%; top: 0; margin-left: -211px; width: 217px; height: 80px; background: url(/statics/img/web/gamesite/module6/game_top_logo_module6.png) 0 0 no-repeat;}
.s_logo { position: absolute; top: 0; left: 50%; width: 202px; height: 80px; background: url(/statics/img/web/gamesite/module5/slogo.png) 0 0 no-repeat;}
.s_logo:after { content: ''; width: 120%; height: 100%; position: absolute; top: 0; left: -20%;
  background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);
  background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);
  transition: left 1s linear;
}
.s_logo_ani:after { left: 100%;}
.gamesite_topbar_before,.gamesite_topbar_after { position: absolute; top: 6px; right: 120px; font-size: 16px; line-height: 33px;}
.gamesite_topbar_before a,.gamesite_topbar_after a { color: #636363; margin: 0 8px;}
/* E 顶部 */


/* S 头部 */
.gamesite_head { width: auto; height: 1108px; text-align: center; z-index: 19;}
.gamesite_head_menu { margin-right: 100px; text-align: right; padding-top: 28px; color: #ffffff; line-height: 34px;	font-size: 26px;}
.gamesite_head_menu a { color: #ffffff;}
.gamesite_head_menu a:hover { color: #c8a35d;}
.gamesite_head_menu span { padding: 0 40px 0 14px;}
.gamesite_head_wechat { position: absolute; right: 20px; top: 85px; width: 277px; height: 385px; text-align: center; color: #454545;
background: url(/statics/img/web/gamesite/module5/wechat_bg.png) 0 0 no-repeat;}
.gamesite_head_p { padding-top: 43px; height: 83px; line-height: 27px; font-size: 19px; overflow: hidden;}
.gamesite_head_img { width: 199px; height: 197px; overflow: hidden; margin: 0 auto;}
.gamesite_head_img img { display: block; width: 100%;}
.gamesite_head_tips { font-size: 16px; line-height: 33px;}
/* E 头部 */

/* S 侧边栏 */
.gamesite_slider{ position: fixed; _position: absolute; right: 0; top: 50%; margin-top: -398px; width: 254px; height: 796px; z-index: 9;}
.gamesite_slider_bg{width: 254px; height: 796px; position: absolute; top: 0; left: 0;}
.gamesite_slider_open {position: absolute; z-index: 4; top: 414px; right: -45px; width: 44px; height: 44px;background: url(/statics/img/web/gamesite/module5/float_open_btn.png) 0 0 no-repeat;}
.gamesite_slider_main { z-index: 5; padding: 110px 42px 0; position: relative;}
.gamesite_slider_close { position: absolute; z-index: 4; top: 414px; left: -23px; width: 44px; height: 44px;background: url(/statics/img/web/gamesite/module5/float_fold_btn.png) 0 0 no-repeat;}
.gamesite_slider_con { width: 154px;}
.gamesite_slider_img { padding: 4px; background-color: #232323; border: 1px solid #696969;}
.gamesite_slider_img_border { height: 144px; overflow: hidden; background: #fff;}
.gamesite_slider_img .scanning{top: 5px; left: 2px;}
.gamesite_slider_img_border img{ display: block; width: 144px;}
.gamesite_slider_p { line-height: 28px; font-size: 14px; color: #fff; text-align: center; overflow: hidden;}
.gamesite_slider_link{margin: 5px auto 0; text-align: center; width: 152px; height: 160px;}
.gamesite_slider_link li { margin-bottom: 13px;}
.gamesite_slider_link li img { display: block;	width: 152px;}
.gamesite_slider_gift{ width: 145px; height: 144px; margin: 0 auto 30px;}
.gamesite_slider_gift img{ width: 204px; height: 204px; margin: -30px 0 0 -30px;}
.gamesite_server_tit{width: 148px; height: 26px; margin: 0 auto; text-indent: -9999px; background: url(/statics/img/web/gamesite/module5/new_server_tit.png) 0 0 no-repeat;}
.gamesite_server_zone{color: #e8d08a; font-size: 17px; text-align: center; margin: 0 auto 2px;}

/* E 侧边栏 */


/* S 底部 */
.gamesite_footer { position: relative; z-index: 2; padding: 55px 0 30px; background: #000;}
.game_footer_ul { margin: 0 auto; width: 1104px; overflow: hidden;}
.game_footer_ul li { float: left; width: 276px;}
.game_footer_ul li a { display: block; width: 164px; margin: 0 auto;}
.game_footer_ul li img { display: block; width: 164px;}
.game_footer_logo { padding-left: 196px; width: 225px;}
.glogo_footer { display: block; width: 195px; height: 73px; background: url(/statics/img/web/gamesite/module5/logo_footer.png) 0 0 no-repeat;}
.slogo_footer { display: block; width: 195px; height: 52px; background: url(/statics/img/web/gamesite/module5/slogo_footer.png) 0 0 no-repeat;}
.game_footer_p { color: #ffffff; font-size: 12px; line-height: 24px;}
.game_footer_p a { color: #ffffff; margin-left: 8px;}
.game_footer_p a.ml0 { margin-left: 0;}
.game_footer_p a:hover { color: #fae1e1;}
.bainfo{padding: 10px 0;}
.bainfo a{display: inline-block; vertical-align: top; padding-left: 34px; height: 35px; line-height: 35px; margin: 0 10px; }
.bainfo .game_ba {background: url(/statics/img/web/gamesite/module7/youxidzbq.png?201804) center left no-repeat;}
.bainfo .comp_ba { background: url(/statics/img/web/gamesite/module7/wenhuajingying.png?201804) center left no-repeat;}

/* E 底部 */

.mask {width: 100%; height: 100%; background: #000000; filter: alpha(opacity=80); position: fixed; top: 0; left: 0; opacity: 0.8; z-index: 18; display: none;}
.gamesite_gift_pop{position: fixed; top: 50%; left: 50%; margin: -330px 0 0 -468px; width: 936px; height: 660px; z-index: 19; display: none;}
.gamesite_home_btn{width: 163px; height: 41px; position: absolute; top: 40px; right: 20px; z-index: 5;}
.scanning { position: absolute; left: 25px; top: 53px; width: 147px; height: 17px;
	animation: scan linear 6s infinite;
    -webkit-animation: scan linear 6s infinite;
	-moz-animation: scan linear 6s infinite;
	-ms-animation: scan linear 6s infinite;
	-o-animation: scan linear 6s infinite;
	background:url(/statics/img/web/gamesite/module5/red_line.png) 0 0 no-repeat;
}

#lightbox-image-details-currentNumber{display: none !important;}
@keyframes scan {
    0% {
        top: 40px;
    }
    50% {
        top: 140px;
    }
    100% {
        top: 40px;
    }
}

@-webkit-keyframes scan {
	0% {
        top: 40px;
    }
    50% {
        top: 140px;
    }
    100% {
        top: 40px;
    }
}

/* S 头部 */
.game-top-wrap{
  width: 100%;
  height: 42px;
  background: #fff;
  position: relative;
  z-index: 100;
  font: 12px/1.5"microsoft yahei", Arial, sans-serif;
}

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

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



/*S 第三方登录*/
.third_box{padding: 0 13px;color: #fff; line-height: 35px;}
.third-login-qq, .third-login-wx, .third-login-wb {
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url(/statics/img/web/pcapp/common/other_login_icos.png?2023052501) no-repeat;
  vertical-align: top;
  margin-top: 5px;
}
.third-login-wx { background-position: -28px 0;}
.third-login-wb { background-position: -57px 0;}
.third-login-qq:hover { background-position: 0 -23px;}
.third-login-wx:hover { background-position: -28px -23px;}
.third-login-wb:hover { background-position: -57px -23px;} 
/*E 第三方登录*/
