@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/*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; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
body, button, input, select, textarea { font: 14px/1.8 Microsoft YaHei, "Roboto", sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #000; color: #fff; }

.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; 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 "Roboto", 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:after { position: absolute; top: 50%; margin-top: -3px; right: 10px; content: ""; width: 0; height: 0; border: 6px solid transparent; border-top: 8px solid #676767; }
#topbar .topmenu .games:hover > p:after { 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 .links a { display: block; }
#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; }

/*common nav*/
#common-nav { position: relative; z-index: 3; width: 990px; height: 40px; margin: 0 auto; }
#common-nav li { position: relative; float: left; width: 90px; text-align: center; }
#common-nav li a { display: block; 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; }
#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: 1002px; margin: 0 auto; text-align: center; }
#footer a:hover { text-decoration: underline; }