@charset "utf-8";
html{-webkit-text-size-adjust:none;}
body {min-height:100%; font-size:62.5%; padding:0; margin:0; background:#f5f3f0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,b,i,form,fieldset,input,textarea,blockquote,form{padding:0; margin:0;} 
li{list-style-type:none;list-style:none; text-decoration:none; }
img{ max-width:100%;height:auto;width:auto\0; border:none; -ms-interpolation-mode: bicubic;}
ol,ul {list-style:none;  text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-style:normal; font-size:1.2em;}
address,cite,code,em,i,th {font-weight:normal; font-style:normal;}
a{ text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); behavior:url(blur.htc);}
a:hover { text-decoration: none;}
a:focus { -moz-outline-style: none; outline:none; -moz-outline:none;} 
area {blr:expression(this.onFocus=this.blur());}  
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.hide-text{display:inline-block;overflow:hidden; text-indent:-9999px;}
.dn{display:none;}

body{background:#1b264f;}
#header{width:100%;height:373px; background:url(../images/top.png) no-repeat center top;}
.header-in{position:relative;width:934px;height:373px;margin:auto;}
.header-in a{display:block;width:212px; height:41px;}
.header-in a i{display:inline-block; width:134px; height:28px;margin-top:6px;}
#apple-download i{ background:url(../images/apple.png) no-repeat 0 0;}
#android-download i{ background:url(../images/android.png) no-repeat 0 0;}
#applefixed-download i{ background:url(../images/applefix.png) no-repeat 0 0;}
.download-link{position:absolute;right:15px; bottom:12px;}
.download-link li{width:212px; height:42px;background:url(../images/line-01.png) no-repeat 0 bottom; text-align:center;}
.download-link .last{background:none;}
.download-link li a:hover{ background:url(../images/link-hover.png) center top;}
#content{width:100%;}
.main{position:relative;width:934px;margin:auto;}
.game-intro{margin:16px 40px 35px 28px;}
.game-intro h2{ width:121px; height:36px; background:url(../images/game-intro.png) no-repeat 0 0;}
.game-intro p{font-size:18px;line-height:28px; color:#8eddfc;text-indent:36px;}
.game-show{margin:0 0 0 4px;}
#gsTitle{float:left;margin:11px 0 0 0; background:#11193d;}
#gsTitle li{width:312px;height:83px;}
#gsTitle li a{position:relative;display:block; width:312px; height:83px;text-align:center;}
.color-block{position:absolute;left:0;top:0; width:5px; height:83px;}
.cb-01{ background:#37499d;}
.cb-02{background:#379bf9;}
#gsTitle img{margin-top:22px;}
#gs-01:hover,#gsTitle .cur #gs-01{ background:#37499d;}
#gs-02:hover,#gsTitle .cur #gs-02{ background:#379bf9;}
#gs-03:hover,#gsTitle .cur #gs-03{ background:#37499d;}
#gs-04:hover,#gsTitle .cur #gs-04{ background:#379bf9;}
.gs-img-box{position:relative;float:left;width:618px; height:352px; background:url(../images/img-wrap.png) no-repeat 0 0;}
.gs-img-container{ position:absolute;left:11px; top:11px;overflow:hidden;width:593px; height:329px;z-index:-10;}
#gsImage{position:absolute; left:0; top:0; width:2400px; }
#gsImage li{float:left; width:593px; height:329px;}
.service-box{width:934px; height:124px;margin-top:25px;margin-bottom:15px; background:url(../images/service.png) no-repeat 0 0;}
.clink{position:relative;width:934px;margin:auto;}
.clink a{font-size:12px;line-height:28px; color:#FFF;text-indent:36px;}
.clink h2{font-size:18px; color:#8eddfc;}
#scan{ position:absolute;right:-116px; top:-20px; width:128px; height:332px; background:url(../images/link.jpg) no-repeat 0 0;}
#footer{width:100%; height:103px; background:#000318;}
.foot-in{width:934px; height:63px; margin:auto;padding-top:40px; font-size:18px; color:#9babe7; text-align:center;}
.foot-in a{color:#9babe7; text-align:center;}
.foot-in a:hover{color:#ff6600;}

/* media */
#mini-page{display:none;width:100%;min-width:320px; background:#051234;}
#mini-page img{max-width:100%; width:100%;}
.mini-download{overflow:hidden;padding:0 2% 2% 2%;box-sizing:border-box;}
.mini-download a{float:left;width:32%;margin-right:1.8%;}
#mini-applefixed-download{margin-right:0;}
.mini-show{position:relative;}
.mn-container{ position:absolute; left:0; top:0; width:100%; z-index:10;}
#mini-img {overflow:hidden; width:100%;}
#mini-img li{overflow:hidden;width:100%;}
#mini-nums{padding:20px 0;text-align:center;}
#mini-nums li{display:inline-block;margin-right:15px;cursor:pointer;opacity:0.3;filter:alpha(opacity=30);}
#mini-nums .cur{opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width:950px){
	#header,#content,#footer{display:none;}	#link{display:none;}	
	#mini-page{display:block;}
	body{background:#051234;}
}