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



.head_bg_video {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 11;
}



.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: 900px;}
.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: 80px;background-color: #ffffff;}
.g_logo { position: absolute; left: 50%; top: 0; margin-left: -211px; width: 217px; height: 80px; background: url(../images/logo.png) 0 0 no-repeat;}
.s_logo { position: absolute; top: 0; left: 50%; width: 202px; height: 80px; background: url(../images/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: 23px; 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: 1044px; 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(../images/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(../images/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(../images/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(../images/new_server_tit.png) 0 0 no-repeat;}
.gamesite_server_zone{color: #e8d08a; font-size: 17px; text-align: center; margin: 0 auto 2px;}

/* E 侧边栏 */

.download_box{ width: 630px; height: 106px; padding: 8px; border-radius: 5px; background-color: rgba(255,255,255,.2); position: absolute; top: 860px; left: 50%; margin-left: -320px; z-index: 5544; box-shadow: 0 0 15px rgba(255,255,255,1) inset; border: 1px rgba(255,255,255,.85) solid;}
.download_box img{ display: block; }
.download_box .download_qrcode{ width: 138px; height: 104px; float: left;  border-radius: 5px; background-color: #fff; position: relative;}
.download_box .download_qrcode img{ width: 104px; float: left; margin-left: 5px; }
.download_box .download_qrcode span{ width: 15px; display: block; float: left; font-size: 16px; color: #000; margin-left: 5px; line-height: 20px; padding-top: 11px;}
.download_box .download_qrcode .qrcode_light { width: 115px; height: 16px; display: block; background-image: url(img/qrcode_light.png); background-size: 100% 100%; position: absolute; top: 0; left: 0; animation: Qrcode_light 1.2s linear infinite alternate; z-index: 4; }
@-webkit-keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
@keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
.download_box .download_qrcode:after { content: ""; display: block; width: 104px; height: 104px;  position: absolute; top: 0; left: 0; -ms-mix-blend-mode: lighten; mix-blend-mode: lighten; opacity:1; display: none\0}
.download_box .download_qrcode:before { content: ""; display: block; width: 25px; height: 25px; display: block; position: absolute; top: 39px; left: 43px; background-image: url(img/icon.png); background-size: 100% 100%; z-index: 3; }
.download_box .download_btn{ width: 140px; float: left; padding-left: 10px; margin-top: 2px;}
.download_box .download_btn a{ display: block; margin: 5px 0; }
.download_box .download_desk{ width: 140px; float: left; padding-left: 10px; margin-top: 4px;}
.download_box .new_server{ width: 180px; height: 98px; float: left; margin-left: 7px; background-color: #bfaa6c; border: 1px #fff solid; border-radius: 5px; margin-top: 4px; }
.download_box .new_server .server_t{ height: 39px; border-bottom: 1px #b49f61 solid; width: 158px; margin: 0 auto;}
.download_box .new_server .server_t b{ line-height: 39px; font-size: 16px; color: #fff; display: block; float: left; }
.download_box .new_server .server_t b:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #fff; border-radius: 3px;  vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.download_box .new_server .server_t span{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #cd6f47; float: right; margin-top: 13px; border-radius: 3px; display: block;}
.download_box .new_server .server_list{ width: 158px; margin: 0 auto; border-top: 1px #ceb879 solid; padding-top: 4px;}
.download_box .new_server .server_list ul li{ font-size: 14px; color: #fff; line-height: 24px; overflow: hidden; white-space: nowrap;}
.download_box .new_server .server_list ul li span.sys{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #9a864d; border-radius: 3px; margin-top: 5px; margin-right: 5px; display: inline-block;}
.download_box a{ transition: .5s }
.download_box a:hover{ transform: translateY(-5px); }

/* 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(../images/logo_footer.png) 0 0 no-repeat;}
.slogo_footer { display: block; width: 195px; height: 52px; background: url(../images/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;}
/* 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(../images/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;
    }
}




.footer{
	width:100%;
	height:200px;
}
.footer_content{
	width:1180px;
	padding:54px 0;
	margin:0 auto;
	overflow:hidden;
}
.footer_logo{
	width:29%;
	_float:left;
	display:inline-block;
	vertical-align:middle;
}
.footer_text{
	width:49%;
	_float:left;
	_margin-top:20px;
	display:inline-block;
	vertical-align:middle;
}
.footer_text p{
	font-size:12px;
	line-height:20px;
	color:#7e6b5a;
}
.footer_text p span{
	color:#a84200;
	font-size:12px;
	line-height:20px;
}
.footer_text p a{
	line-height:20px;
	font-size:12px;
	color:#7e6b5a;
}
.server{
	width:90px;
	height:422px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:30px;
	top:50%; z-index:9999999;
	margin-top:-221px;
	_margin-bottom:40%;
	text-align: center;
}
.server ul{
	width: 54px;
	margin: 0 auto;
}
.server ul li{
	float:none;
}
.server ul li a{
	display:block;
	width:54px;
	height:94px;
	background:url(../images/icon_01.png) no-repeat;
}
.server ul li #statement{
	background-position:-529px 0;
}
.server ul li #statement:hover{
	background-position:-613px 0;
}
.server ul li #online_service{
	height: 80px;
	background-position:-529px -96px;
}
.server ul li #online_service:hover{
	background-position:-613px -96px;
}
.server ul li #repay{
	background-position:-529px -174px;
}
.server ul li #return_top{
	height:24px;
	background-position:-529px -268px;
	margin-bottom: 40px;
}
.server div{
	width: 90px;
	height: 90px;
}
.server div #wechat{
	display: inline-block;
	width: 90px;
	height:90px;
	cursor:default;
	background:url(../images/icon_01.png) no-repeat -570px -306px;
}