@charset "utf-8";
/* CSS Document */

/*Reset*/
html{overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,form,ul,ol,td,th,textarea,input{margin:0; padding:0;}
ol,ul{list-style:none;}
img{border:none;}
:focus{outline:none;}
span,em,b,i,th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{*overflow:auto;/*resize:none;*/}
input,button,textarea,select{outline:none; *font-size:100%; margin:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
:link,:visited,ins{text-decoration:none;}
a,a:hover{text-decoration:none;}
a{ color:#424242;}
a:hover{ color:#d32727;}
img{ display: block; }
/*Common*/
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fr{display:inline;float:right!important;}
.fl{display:inline;float:left!important;}
.show{display:block;}
.hide,.scripts{display:none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.none{ display:none; /*filter:alpha(opacity=0);*/}
.pr{ position: relative; }
.pa{ position: absolute; }
.blank10,.blank20,.blank25,.blank30,.blankn{line-height:0; overflow:hidden;}
.blank10{ height:10px;}
.blank20{ height:20px;}
.blank25{ height:25px;}
.blank30{ height:30px;}
body{padding-top: 41px;}
/*body{font-size:14px; font-family:'\5FAE\8F6F\96C5\9ED1'; color: #2e2e2e; padding-top: 41px;}*/
.content{ z-index: 3; }
.content,.wrap{ width: 1000px; margin: 0 auto; }
/*.aside{ width: 300px; display: inline-block; float: right;}*/
.command-game em,#top-bar .fr .command-game.hover em{ background: url(../img/base.png) no-repeat; }
/* top-bar */
#top-bar { width: 100%; min-width: 1000px; position: fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid #d4d4d4; z-index: 2147483647;font-family:'\5FAE\8F6F\96C5\9ED1'; color: #2e2e2e; }
#top-bar .wrap{ height: 40px; }
#top-bar .fl a{ display: inline-block; float: left; height: 40px; font-size: 14px; line-height: 40px; padding: 0 15px; }
#top-bar .fr{ height: 40px; }
#top-bar .fr .top-login-a,#top-bar .fr .command-game{ display: inline-block; float: left; height: 40px; line-height: 40px; }
#top-bar .fr .top-login-a.tl-loginout{ padding: 0 10px; color: #ff8a00; }
#top-bar .fr .top-login-a.tl-loginout:hover{ color: #d32727; }
#top-bar .fr .tb-btn-reg,#top-bar .fr .tb-btn-login{ width: 60px; font-size: 14px;}
#top-bar .fr .command-game{ position: relative; width: 100px; }
#top-bar .fr .command-game em{ display: block; width: 58px; height: 40px; padding: 0 5px 0 35px; border: 1px solid #fff; border-top: none; border-bottom-color: #d4d4d4;  background-position: 8px -173px; font-size: 14px; line-height: 40px; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 4; }
#top-bar .fr .command-game.hover em{ background-position: 8px -120px; color: #d32727; border-bottom-color: #fff; border-left-color: #d4d4d4; border-right-color: #d4d4d4; }
#top-bar .fr .command-game .cg-pop{ display: none; width: 760px; height: 273px; background: #fff; border: 1px solid #d4d4d4; position: absolute; right: 0; top: 40px; z-index: 3;}
#top-bar .fr .command-game.hover .cg-pop{ display: block; }
.cg-pop .hh-gg-pic{ display: inline-block; float: left; width: 378px; height: 273px; }
.cg-pop .hot-game{ height: 273px; margin-left: 380px; }
.cg-pop .hot-game h6{ height: 42px; font-size: 16px; line-height: 48px; text-align: center; color: #424242; font-weight: normal; border-bottom: 1px solid #d4d4d4; }
.cg-pop .hot-game div{ height: 230px; }
.cg-pop .hot-game div a{ display: inline-block; float: left; width: 90px; height: 38px; padding-left: 36px; font-size: 12px; line-height: 38px; color: #777; }
.cg-pop .hot-game div a:hover{ color: #d32727; }
.cg-pop .hot-game div a.g-new{ background: url(../img/icon_new_s.png) 20px 13px no-repeat; }
.cg-pop .hot-game div a.g-hot{ background: url(../img/icon_hot_s.png) 20px 13px no-repeat; }