body,div,ul,ol,li,dl,dt,dd,p,span,a,img,em,input,tr,th,td,h1,h2,h3,h4,h5,h6,h7{margin:0px; padding:0px;}
body{font-size:12px; background:#fff;}
html{ font-size:100%;} body { margin:0; color: #666; font-size: 12px; line-height: 1.5; min-width: 1098px;} dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;} ul, ol { padding-left:0; list-style-type:none;} img { border:0;} a { text-decoration:none; outline: 0 none;} a:hover { text-decoration:none;} a, button { cursor:pointer;} table { border-collapse:collapse; border-spacing:0} input, select, img { vertical-align:middle;} input, select, body { font-family: 'microsoft yahei';} a, input, button { padding:0; margin:0; outline:0} i,em {font-style: normal;} .fl { float: left; display: inline;} .fr { float: right; display: inline;} .dib { display: inline-block; *display: inline; *zoom: 1;} .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;}


ul,ol,li,dl,dt,dd,p,span,a,img,em,input,tr,th,td,h1,h2,h3,h4,h5,h6,h7{list-style-type:none; border:none; font-style:normal; background:none; outline:none;}
a{color:#403f3f;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.yellow{color:#f5f1b4;}


.content{background:url(../images/server/bg.jpg) center top no-repeat;}
.wrap{width:1040px; height:948px; background:url(../images/server/main_bg.jpg) no-repeat center top; margin:0 auto;}

.main{margin:0 40px 0 340px; position:relative;}
.logo{width:150px; height:98px; background:url(../images/server/logo.png) no-repeat; position:absolute; top:4px; left:50%; margin-left:-75px; z-index:3;}

.nav{height:20px; text-align:center; padding:20px 0; margin-bottom:90px;}
.nav a{width:70px; height:100%; background-image:url(../images/server/nav.png); text-indent:-999px; overflow:hidden; display:inline-block; margin:0 20px;}
.nav a.b1{background-position:0 0;}
.nav a.b1:hover{background-position:-70px 0;}
.nav a.b2{background-position:0 -20px; margin:0 200px 0 20px;}
.nav a.b2:hover{background-position:-70px -20px;}
.nav a.b3{background-position:0 -40px;}
.nav a.b3:hover{background-position:-70px -40px;}
.nav a.b4{background-position:0 -60px;}
.nav a.b4:hover{background-position:-70px -60px;}

.user_box{height:60px; color:#8a8a8a; padding:25px 0; margin-bottom:30px; position:relative;}
.user_box label{color:#8a8a8a; display:block; margin-right:12px; float:left; display:inline; position:relative;}
.user_box .wz{line-height:30px; position:absolute; top:0; left:6px;}
.user_box .input{width:170px; height:30px; line-height:30px; color:#333; background:#e9e9e9; display:inline-block; padding:0 2px 0 44px; *margin-top:-1px;}
.user_box .btn{width:188px; height:54px; line-height:54px; color:#fffed4; font-size:24px; font-weight:bold; background:url(../images/server/btns.png) no-repeat; cursor:pointer; position:absolute; top:25px; right:20px;}
.user_box .btn:hover{background-position:0 -54px;}
.user_box .links{overflow:hidden; position:absolute; top:65px; left:0;}
.user_box .links a{color:#a49a84; display:inline-block; margin-right:20px; position:relative;}
.user_box .links a:hover{color:#e6e6e6; text-decoration:underline;}
.user_box .qt_btn {position:absolute; top:65px; left:290px; color:#a49a84;}
.user_box .qt_btn a{margin:0 2px; float:left;}
.user_box .qt_btn em{width:20px; height:20px; background-image:url(/images/smcs/pc/log_icon.png); display:block;}
.user_box .qt_btn em.qq{background-position:0 0;}
.user_box .qt_btn em.qq:hover{background-position:-20px 0;}
.user_box .qt_btn em.wx{background-position:0 -20px;}
.user_box .qt_btn em.wx:hover{background-position:-20px -20px;}
.user_box .qt_btn em.wb{background-position:0 -40px;}
.user_box .qt_btn em.wb:hover{background-position:-20px -40px;}
#logined{line-height:30px; color:#a49a84;}
#logined .infor{width:46%; padding:0 2%;}
#logined .logout{color:#8a8a8a; margin:0 0 0 30px;}
#logined .logout:hover{color:#e6e6e6; text-decoration:underline;}
#logined p a{color:#e4433a; display:inline-block; margin-right:30px;}
#logined p a:hover{color:#ff918b; text-decoration:underline;}
#logined li a{color:#e4433a}
#logined li a:hover{text-decoration:underline;}
/*最近登录的游戏*/
.last_game {position:absolute; top:16px; left:320px;}
/*最近登录的游戏*/

.quick_select{color:#b3b3b3; position:absolute; top:3px; right:20px; z-index:3;}
.quick_select span{line-height:24px; padding:0 8px; float:left;}
.quick_select .input{width:60px; height:24px; line-height:24px; color:#333; background:#fff; text-align:center; padding:0 3px; *margin-top:-1px; float:left;}
.quick_select .quick_enter{width:80px; height:24px; line-height:23px; color:#fff; background:url(../images/server/btns.png) 0 -108px; text-align:center; float:left;}
.quick_select .quick_enter:hover{background-position:-80px -108px;}

.recom{height:80px; color:#dca140; padding:15px 0;}
.recom dt{line-height:30px; margin-bottom:10px;}
.recom dd a{margin-right:14px; float:left;}

.server{height:610px; color:#dca140; position:relative;}
.server .ser_tit{line-height:30px; margin-bottom:20px;}

.server .inHd{color:#fff; margin-bottom:20px;}
.server .inHd a{width:70px; height:24px; line-height:24px; color:#fff; background:#4a4a4a; text-align:center; margin-right:6px; float:left; cursor:pointer;}
.server .inHd a.on{background:#972f39; text-decoration:none;}
.server .inBd{overflow:hidden;}
.server .inBd ul{height:404px; overflow-y:auto; scrollbar-arrow-color:#6c5b31; scrollbar-face-color:#95824a; scrollbar-base-color:#6c5b31; scrollbar-darkshadow-color:#6c5b31; scrollbar-track-color:#6c5b31; scrollbar-highlight-color:#95824a; position:relative;}
.server .inBd li{margin:0 14px 10px 0; float:left; display:inline;}
.server .inBd li a{display:block;}

.ser_btn{width:200px; height:36px; line-height:36px; color:#000; background:#e5b758; text-align:center; display:block;}
.ser_btn:hover{background:#f8de79;}
.ser_btn span{color:#000; margin-left:10px;}

/*.game-footer --默认黑色 */
.game-footer { width: 100%; height: 158px; background:#000; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
.game-footer-copyright { width: 1024px; height: 145px; margin: 0 auto; overflow: hidden;}
.game-footer-logo { width: 140px; height: 56px; margin: 45px 35px 0 70px; background: url(../images/footer_logo_black.png) no-repeat; float: left;}
.game-footer-copr { padding-left: 45px; margin-top: 35px;border-left: 1px solid #666; color: #666; float: left;}
.game-footer-copr a { color: #666; transition: all 0.4s ease}
.game-footer-copr a:hover { color: #ff6600;}
.game-footer-copr p { height: 14px; line-height: 14px; overflow: hidden; margin-bottom:10px;}
.game-footer-copr p span{margin:0 10px;}