@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-09-09 18:15:10
 * @version $Id$
 */

/* CSS rest */
* { -webkit-text-size-adjust: none }
html { overflow-y: scroll }
html, body { text-align: left; color: ##3e3e3e; }
body, input, textarea, select, button { font: 16px/1.666 "Microsoft YaHei", Verdana, arial, sans-serif; }
input, textarea, select, button { vertical-align: middle }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
img { vertical-align: middle; border: 0; width: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: 200; }
ol, ul, dl { list-style: none }
a { outline: none; text-decoration: none; cursor: pointer; color: #666; blur: expression(this.blur()); }
a:hover { text-decoration: none; }

/* 公共样式 */
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.clear { clear: both; }
.pr { position: relative; }
.pa { position: absolute; }

/*布局样式*/
.wrapper { top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; background-color: rgba(238, 238, 238, 1); }

/*banner*/
.banner ul li { display: none; width: 100%; }
.banner ul .active { display: block; }
.banner-points { bottom: 0; left: 0; width: 100%; height: 25px; background-color: rgba(0, 0, 0, 0.6); }
.banner-points ol { margin: 0  auto; width: 15%; overflow: hidden; }
.banner-points ol li { display: inline-block; margin-right: 20%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 10px; height: 10px; line-height: 60px; background-color: rgba(255, 255, 255, 0.6); }
.banner-points ol .active { background-color: rgba(255, 255, 255, 1); }

/*game-column 游戏栏目*/
.game-column { padding-top: 3.24%; padding-bottom: 1.85%; padding-left: 3.56%; padding-right: 3.56%; overflow: hidden; background-color: rgba(255, 255, 255, 1); }
.game-content { padding-left: 2.78%; padding-right: 2.78%; width: 49%; }
.game-logo { width: 20%; }
.game-content h3 { font-size: 1.25em; }
.game-content p { font-size: 0.8em; color: rgba(153, 153, 153, 1); }
.game-download { width: 25%; padding-top: 20px; }
.game-download a { display: block; border: 2px solid rgba(97, 205, 13, 1); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-size: 0.8em; color: rgba(97, 205, 13, 1); text-align: center; }

/*footer*/
.footer-wrapper { position: fixed; bottom: 0; left: 0; padding-top: 1.85%; padding-bottom: 1.85%; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); text-align: center; font-size: 1em; }
.footer-wrapper div { display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding-top: 1.85%; padding-bottom: 1.85%; width: 89%; background-color: rgba(255, 153, 22, 1); }
.footer-wrapper a { color: rgba(254, 254, 254, 1); }
.footer-wrapper span img { width: 6%; }
.footer-wrapper .android-download { background-color: rgba(97, 205, 13, 1); }
.foote-close{
top: 0;
right: 0;
}