html,body{-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;background:#f1f1f1;color:#333;font-size:15px;}
ol,ul{list-style:none}
a:link, a:visited, a:active{text-decoration:none;color:#ddd}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-backface-visibility:hidden;font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,'Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{zoom:1;}

header#menubar {display:none;height:64px;line-height:64px;}
header#menubar img {margin-left:10px;}

header#menu {height:64px;line-height:64px;background:#2e2e2e;}
header img { vertical-align:middle; }
header#menu .nav {margin:0 auto;max-width:980px;min-width:980px;width:980px;font-size:16px;}
header#menu nav { float:right; }
header#menu nav a { display:inline-block; padding:0 16px;color:#eee;position:relative; }

.banner img {width:100%}
.banner {width:100%;position:relative;}
.banner .dots {position: absolute;bottom:10px;left:0;right:0;text-align:center;}
.banner .dots i { display:inline-block; width:10px; height:10px;background-color:#000;margin-right:10px;border-radius:50%; }
.banner .dots i.active {background-color:#fff;}

header#menu nav a:before {content: "";position: absolute;bottom:15px;left:0;right:0;height:1px;background-color:#feda33;width:0;left:50%;}
header#menu nav a,header nav a:before {transition: all .4s cubic-bezier(.23,1,.32,1);}
header#menu nav a.active, header#menu nav a:hover {color:#feda33}
header#menu nav a:hover:before, header#menu nav a.active:before {width:100%;left:0;}

#menu-overlay {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;visibility: hidden;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);top: 0;left: 0;margin: 0;z-index: 8;opacity: 0;transition: opacity .4s,visibility 0s .4s;}
#menu-overlay.show { visibility: visible;opacity: 1;transition: opacity .4s,visibility 0s 0s; }
#menu-overlay.black {background-color: rgba(0,0,0,0.8);}

.menu-list { background:url(/client/images/list.png) center center no-repeat; width:60px; height:60px; }

.section { padding:20px 0px; background:#f1f1f1; }
.hide {display:none;}

article {max-width:948px;min-width:948px;width:948px;margin:0 auto;padding-top:10px;line-height:28px;padding:0px 16px;}
article h2 { font-size:18px;text-align:center;font-weight:bold;padding-bottom:18px;text-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); }
article h3 { font-size:16px;font-weight:bold;padding-top:3px; }
article p { padding:3px 0px; }
article .sub { padding-left:40px; }
article a:link, article a:visited, article a:active {color:#337ab7}
article img {box-shadow: 0px 6px 17px rgba(0,0,0,0.2);}

#downloadTip{ width: 320px;height:82px;top:30px;display:none;z-index:10;position:fixed;left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); }
#downloadTip img {width:100%}

#qrcode{ width:200px;height:82px;top:200px;display:none;z-index:10;position:fixed;left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); color:#fff;font-size:18px; }
#qrcode img {width:200px;margin-top:10px;}

.game-list { }
.game-list a { display:block; width:48.5%; float:left;position:relative;margin-bottom:10px; }
.game-list a:nth-child(odd) { margin-right:20px; }
.game-list a img.banner { width:100%; }
.game-list a span { display:block;bottom:10px;left:0;right:0px;position:absolute;height:50px;line-height:50px;background-color:rgba(0,0,0,.3);color:#fff; }
.game-list a span i { float:right; margin-right:20px;border:2px solid #fff; height:32px; line-height:32px;margin-top:8px; color:#fff; padding:0px 20px;border-radius:50px; }
.game-list a span i.wait { border:2px solid #ccc; color:#ccc; }
.game-list a span img { height:40px;vertical-align:middle; padding-left:20px; padding-right:10px; }
.game-title { padding:5px 5px 5px 10px;position:relative;margin-bottom:10px; font-size:18px;}
.game-title:after {content:'';position:absolute;bottom:0px;left:0;right:0px;border-bottom:1px solid #ccc;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;}
.game-title:before {content:'';position:absolute;bottom:6px;left:0px;top:6px;border-left:5px solid #f2a53d;z-index:1;}
.game-list a label {display:block;bottom:0px;left:0;right:0px;top:0px;position:absolute;background-color:rgba(0,0,0,.6);text-align:center;display:none;}
.game-list a label .qrcode, .game-list a label .qrcode2 { width:120px; height:120px; margin-top:15%; }
.game-list a label .qrcode2 {margin-left:20px;}
.game-list a:hover label { display:block; }

.protection img, .anti-addiction img, .company-introduction img, .product-introduction img {width:100%;margin-bottom:10px;}

footer.section {background:#2e2e2e;color:#ddd}
footer article {text-align:center;font-size:14px;}

.fixtop {padding-top:60px;}

@media(max-width:980px){
	header#menu { width:980px }
	.banner { width:980px }
	.section {width:980px}
	.swiper-button-prev,.swiper-button-next {display:none;}
}
@media(max-width:767px){
	header {background:#fff;}
	header#menu {display:none}
	header#menubar, header#menu.show {display:block;}
	header#menubar nav a { display:block; float:right; }
	header#menu {background-color:rgba(0,0,0,.5); position: fixed; width: 280px; height: 100%!important; max-height: 100%;top: 0;right:-280px; z-index:10; -webkit-transform: matrix(1,0,0,1,0,0); transform: matrix(1,0,0,1,0,0); transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s; margin: 0;border: 0;}
	header#menu .nav {max-width:initial; min-width: initial;width:280px;}
	header#menu img { display:none }
	header#menu nav a { text-align:center;width:280px;padding:0;display:block; }
	header#menu.show { -webkit-transform: matrix(1,0,0,1,-280,0); transform: matrix(1,0,0,1,-280,0);}
	.game-list a { width:100%; height:auto; }
	article {max-width:initial; min-width: initial; width:95%;}
	header#menu { width:100% }
	.banner { width:100%; }
	.section {width:97%}
	header#menu.show { width:280px; }
	footer article {text-align:center;font-size:12px;font-size:10px;}
}