html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td { margin: 0; padding: 0; font: normal 14px Arial,Helvetica, sans-serif, 微软雅黑; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
a:focus { outline-style: none; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }
textarea { resize: none; }
input::-ms-clear { display: none; }
body { background: url(../images/beijingtu_01.png); font: 14px/1.4 'Arial','Microsoft YaHei'; _font-family: simsun; overflow-x: hidden; color: #333; background-color: #11011E; background-attachment: fixed; }
.left { float: left; display: inline-block; }
.right { float: right; display: inline-block; }
.header { height: 136px; }
.headTop { height: 30px; line-height: 30px; background-color: #0E0F0F; color: #ffe1ad; }
.headTopContent { margin: 0 auto; width: 960px; height: 25px; padding-top: 5px; }
.headTopContent span { margin-top:5px; }
.headTopMenuItem a { padding-left: 20px; margin-left: 10px; text-decoration: none; color: #aaa; }
.headTopMenuItem a:hover { color: white; }
.headMiddle { height: 106px; background-color: transparent; background: url(../images/youjinge_topbg.png); }
.headMiddleContent { margin: 0 auto; width: 960px; padding-top: 8px; height: 96px; }
.logo { width: 267px; height: 97px; padding-left: 275px; background: url(../images/youjinge_logo.png) no-repeat; }
.menuLayer { width: 960px; margin: 5px auto; height: 56px; background-image: url(../images/youjinge_daohang.png); }
.menuLayer ul li { width: 92px; height: 56px; line-height: 56px; list-style: none; display: inline-block; text-align: center; margin-right: 4px; }
.menuLayer ul li a { display: block; width: 128px; height: 56px; font-size: 15px; font-family: 微软雅黑; text-decoration: none; color: #fefefe; }
.menuLayer ul li a:hover, .menuLayer ul li a.active { font-weight: bold; font-size: 16px; color: #ffffff; }
.menuLayer ul li a.active { color: #F6BB8A; }
.mainContent { margin: 0 auto; width: 950px; background-color: #0F0226; padding: 5px 5px 30px 5px; border-radius: 6px; border: 1px solid #3F176B; }
.mainLeft { width: 255px; border:1px solid #320D5E; background-color:#2C013C;  }
.mainLeft ul li { list-style: none; }
.mainLeft ul li, .mainLeft ul li a { display: block; width: 255px; height: 78px; line-height: 78px; text-align: center; }
.mainLeft ul li a { color: #EFE5CB; font-size: 18px; font-family: 黑体; font-weight: bold; }
.mainLeft ul li a:hover { text-decoration: none; color: #ffffff; }
.mainLeft ul li a.active { background: url(../images/youjinge_btn_xuanze_02.png); }
.mainRight { width: 690px; }
.slideshow { display: block; width: 652px; height: 355px; margin-top: 5px; padding: 3px; border: 1px solid #3A0F4E; border-radius: 5px; background-color: #190626; }
.gameLayer { margin: 0 auto; display: block; width: 952px; padding: 3px; border: 1px solid #3A0F4E; border-radius: 5px; background-color: #190626; }
.gamedesc { height: 30px; line-height: 30px; background-color: #32243D; border: 1px solid #8B8091; border-radius: 5px; color: #f0f0f0; }
.footer { margin-top: 10px; }
.footerConent { width: 960px; margin: 10px auto; }
.footerMenu li { list-style: none; display: inline-block; padding: 0 20px; color: #f0f0f0; display: inline; border-right: 1px solid #555555; }
.footerMenu li a { color: #f0f0f0; }
.footerMenu li a:hover { text-decoration: underline; }
#topAnnouncement { width: 650px; height: 25px; line-height: 25px; background-color: #333333; border-radius: 5px; padding: 0 5px; }


a.loginbtn { background-image: url(../images/youjinge_btn_denglu_01.png); }
a.loginbtn:hover { background-image: url(../images/youjinge_btn_denglu_02.png); }
a.registerbtn { background-image: url(../images/youjinge_btn_zhuce1_01.png); }
a.registerbtn:hover { background-image: url(../images/youjinge_btn_zhuce1_02.png); }
.loginbtn, .registerbtn { margin-left: 10px; display: inline-block; width: 80px; height: 76px; text-align: center; vertical-align: middle; }
a.downloadGame { display: block; width: 291px; height: 166px; background: url(../images/youjinge_btn_xiazaiyouxi_01.png) no-repeat; }
a.downloadGame:hover { background-image: url(../images/youjinge_btn_xiazaiyouxi_02.png); }
a.registerlink { display: block; width: 291px; height: 104px; background: url(../images/youjinge_btn_zhuce_01.png) no-repeat; }
a.registerlink:hover { background-image: url(../images/youjinge_btn_zhuce_02.png); }
a.newbieGuide { display: block; width: 291px; height: 104px; background: url(../images/youjinge_btn_wangyeyouxi_01.png) no-repeat; }
a.newbieGuide:hover { background-image: url(../images/youjinge_btn_wangyeyouxi_02.png); }

.userinfo { color: #ffffff; padding-top: 5px; width: 393px; height: 89px; }
.userinfol { padding-left: 90px; width: 168px; line-height: 20px; }