@charset "utf-8";
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; font-size: 14px; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { text-decoration: none; }
a, a:active { outline: none; }

/*top nav*/
.topbar { position: relative; z-index: 999; width: 100%; background: #fff; border-bottom: 1px solid #aaa; font: 14px/1.8 Microsoft YaHei, Arial, Helvetica, sans-serif; }
.topbar, .topbar .topmenu a { color: #676767; }
.topbar .topmenu { height: 22px; line-height: 22px; padding: 4px 0; padding-right: 10px; }
.topbar .topmenu > * { float: right; margin: 0 5px; }
.topbar .topmenu a:hover { color: #e76c2a; text-decoration: underline; }
.topbar .topmenu .games { position: relative; width: 125px; cursor: pointer; text-align: left; }
.topbar .topmenu .games > ul { display: none; position: absolute; left: 0; top: 22px; width: 100%; background: #ffdc9f; }
.topbar .topmenu .games:hover ul { display: block; }
.topbar .topmenu .games > p i { position: absolute; top: 50%; margin-top: -3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0; height: 0; border: 6px solid transparent; border-top: 8px solid #676767; }
.topbar .topmenu .games:hover > p i { border-top-color: #fff; }
.topbar .topmenu .games > ul li { border-top: 1px solid #aaa; width: 125px; padding: 0 10px; color: #222; }
.topbar .topmenu .games > ul li:hover { background: #ffb026; color: #fff; }
.topbar .topmenu .games, .topbar .topmenu .links a { padding: 0 10px; border-radius: 5px; background: #fabf58; }
.topbar .topmenu .games:hover, .topmenu .links a:hover { background: #ffb026; color: #fff; text-decoration: none; }
.topbar .topmenu .games:hover { border-radius: 5px 5px 0 0; }
.topbar .topmenu .links a { display: block; }

/*common nav*/
.common-nav { position: relative; z-index: 5; width: 900px; height: 40px; margin: 0 auto; }
.common-nav li { position: relative; float: left; width: 90px; text-align: center; }
.common-nav li a { display: inline-block;*display:inline;*zoom:1; width: 90px; height: 40px; margin: 0 auto; line-height: 40px; color: #fcf8f3;  font-weight: bold; }
.common-nav li a:hover, .common-nav li.on a { text-decoration: none; background: #cca847; background: rgba(204,168,71,.8); filter: alpha(opacity=80); }
.common-nav li.on li a:hover{ color: #021027; }
.common-nav .common-subnav { display: none; position: absolute; left: 0px; top: 40px; background: #cca847; background: rgba(204,168,71,.9); filter:alpha(opacity=90); white-space: nowrap;  }
.common-nav .common-subnav li { float: none; width: auto; padding: 0 5px; transition: all 0.2s ease-in-out 0s; }
.common-nav .common-subnav li a { width: auto; height: 34px; line-height: 34px; border: none; font-weight: normal; overflow: visible; }
.common-nav .common-subnav li a:hover, .common-subnav li.on a, .common-nav li.on li a { background: none; color: #fff;}
.common-nav .common-subnav li:hover { background: #e49804; background: rgba(228,152,4,.9); filter:alpha(opacity=90); }

/*footer*/
.footer { width: 100%; margin: 0 auto; text-align: center; padding: 20px 0; }
.footer a:hover { text-decoration: underline; }