@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: couriernew, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; color:#f65e35; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.br_none{ border:none!important;}

body{ background:#0a7eca; opacity:0; -webkit-animation:show .1s forwards .5s; -o-animation:show .1s forwards .5s; -moz-animation:show .1s forwards .5s; animation:show .1s forwards .5s;}
@-webkit-keyframes show{ 100%{ opacity:1;}}
@-o-keyframes show{ 100%{ opacity:1;}}
@-moz-keyframes show{ 100%{ opacity:1;}}
@keyframes show{ 100%{ opacity:1;}}

/* sprite */
.img_spr{ background:url(../images/img_sprite.png) no-repeat;}

/* inside */
.inside{ background:#fff; font-family:Microsoft YaHei; font-size:15px; color:#4d4d4d;}
.inside .top{ width:100%; min-width:1100px; height:260px; background:#122552; clear:both;}
.top_con{ margin:0 auto; width:1500px; }
.top_con_1100{ margin:0 auto; width:1100px;}
.top .logo{ z-index:2;}
.top .game_name{ padding-top:10px; color:#fff; font-size:25px; font-weight:bold;}
.top .game_name span{ display:block; font-size:16px; font-weight:normal;}
.top .nav a{ margin-right:60px; color:#00e4ff; font-size:20px; line-height:72px; font-weight:bold; z-index:10;}
.top .nav a:hover,.top .nav a.active{ color:#fef14f; text-decoration:none;}
.top .nav .download img{ position:absolute; top:35px; left:-25px; display:none;}
.top .nav .download:hover img{ display:block;}
.top .wx{ font-size:16px; color:#fff; line-height:72px;}
.top .ico_wx{ display:inline-block; margin-left:5px; width:44px; height:44px; vertical-align:middle;  background-position:-197px -164px; z-index:10;}
.top .ico_wx img{ position:absolute; top:50px; left:-45px; display:none;}
.top .ico_wx:hover img{ display:block;}
.top .top_publicity{ position:absolute; left:0; width:100%; min-width:1100px; height:260px; background:url(../images/img_publicity.jpg) no-repeat top center;}

/* download */
.btn_download{ position:fixed; top:30%; right:0; padding-top:40px; width:51px; height:136px; font-size:18px; font-weight:bold; text-align:center; color:#fff; line-height:20px; background-position:-469px -67px; z-index:9;}
.btn_download:hover{ text-decoration:none}
.pup_download{ position:fixed; top:30%; right:0; padding-bottom:300px; width:342px; background:#eee; text-align:center; z-index:10;}
.pup_download .btn_close{ position:absolute; top:0; left:-50px; width:50px; height:50px; background-position:-295px -164px;}
.pup_download .btn_ios,.pup_download .btn_android{ display:block; margin:18px auto 0; width:258px; height:89px;}
.pup_download .btn_ios{ background-position:0 -388px; }
.pup_download .btn_ios:hover{ background-position:-1px -299px; }
.pup_download .btn_android{ background-position:-258px -388px; }
.pup_download .btn_android:hover{ background-position:-258px -299px; }
.pup_download .code{ margin:15px auto 0; width:144px; font-size:16px;}
.pup_download .code img{ margin-bottom:10px;}

/* page */
.page{ margin:0 auto; width:100px; font-size:20px; text-align:center; clear:both;}
.page a{ display:inline-block; margin-top:-3px; width:12px; height:24px; vertical-align:middle;}
.page a.pre{ margin-right:20px; background-position:-360px -166px;}
.page a.next{ margin-left:20px; background-position:-373px -166px;}

/* footer */
.footer{ min-width:1000px; height:272px; background:url(../images/bg_footer.jpg) repeat-x;}
.footer_m{ margin:0 auto; width:1000px;}
.share{ height:80px; color:#fff; font-size:20px; line-height:75px; text-align:center;}
.share a{ margin:0 50px 0 15px; color:#fff;}
.share a i{ display:inline-block; margin-right:8px; vertical-align:middle; width:44px; height:44px;}
.share a i.ico_yx{ background-position:-241px -164px;}
.share a i.ico_wb{ background-position:-153px -164px;}
.share a i.ico_wx{ background-position:-197px -164px;}
.share a i.ico_txwb{ background-position:-109px -164px;}
.share a i.ico_qzone{ background-position:-65px -164px;}
.footer_con{ margin:40px auto 0; color:#087abd; font:16px SimHei; line-height:30px; letter-spacing:1px; text-align:center;}
.footer_con a{ color:#087abd;}