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;}
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;}
.clear{clear: both!important;}
.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;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}


.content{background:url(/images/cs/server/server_bg.jpg) center top no-repeat; min-width:1200px; height:1014px;}
.wrap{width:1200px; margin:0 auto; position:relative;}

.server_area{width: 740px; position:relative;}

.header {height: 74px; position: relative;}
.logo {position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: 3;}
.logo a { display: block; height: 100%;}
.logo a img {display: block; width: 100%;}
.nav {line-height: 34px; text-align: center; padding: 20px 70px;}
.nav a {overflow:hidden; margin: 0 20px; float: left; color: #f4e08f; font-size: 20px;}
.nav a:hover{color: #fdc744;}
.nav .n3 {margin: 0 20px 0 170px;}

.user_box{color:#a2a2a2; margin: 60px 20px 30px; position:relative;}
.user_box .input_item{color:#7b7b7b; font-size:14px; display:block; margin-right:20px; float:left; display:inline; position:relative;}
.user_box .wzUser img{position:absolute; top:5px; left:6px;width: 15px;height: 18px;}
.user_box .wzPass img{position:absolute; top:5px; left:6px;width: 15px;height: 17px;}
.user_box .input{width: 171px;height:30px;line-height:30px;color:#666;background:#fff;border:none;display:inline-block;padding:0 4px 0 48px; *margin-top:-1px;}
.user_box .btn{width: 214px;height: 76px; font-size: 0; line-height: 0; background:url(/images/cs/server/game_start.png) no-repeat 0 0;text-align:center;cursor:pointer;position:absolute;top: 50px;right: -6px;font-weight: 700;}
.user_box .btn:hover{ filter: brightness(1.1);}
.user_box .links{overflow:hidden;position:absolute;top: 90px;left: 0;color: #C0B4AA;/* border-right: 1px solid #524c42; */}
.user_box .links a{color: #C0B4AA;display:inline-block;padding: 0px 11px;position:relative;border-left: 1px solid #C0B4AA;}
.user_box .links a:hover{color:#ffdc95;}
.user_box .links .qq{width:17px; height:17px; background:url(/images/jz/qq.gif) no-repeat; display:inline-block; vertical-align:middle; margin-right:6px;}
.user_box .qt_btn{position:absolute;top: 90px;left: 243px;color: #c0b4aa;}
.user_box .qt_btn i{float:left;}
.user_box .qt_btn a{margin:0 5px; 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:34px;margin-bottom: -40px;}
#logined .infor{width:46%; padding:0 2%;}
#logined .logout{color:#8a8a8a; margin:0 0 0 30px;}
#logined .logout:hover{color:#ccc; 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{width:50%; float:left;}
#logined li a{color:#e4433a}
#logined li a:hover{text-decoration:underline;}
/*最近登录的游戏*/
.last_game {position:absolute; top:16px; left:320px;}
/*最近登录的游戏*/

.quick_select{line-height: 25px;color: #C0B4AA;position:absolute;top: 4px;right:150px;z-index:3;}
.quick_select span{padding:0 8px; float:left;}
.quick_select .input{width:99px;height: 24px;line-height: 24px;color:#C0B4AA;background:#fff; border:1px solid #c3bbb0; text-align:center; *margin-top:-1px;float:left;}
.quick_select .quick_enter{width:89px;height: 24px;line-height: 0; font-size: 0; background:url(/images/lcj/server/server_btn.png) no-repeat 0 -58px; text-align:center;float:left;}
.quick_select .quick_enter:hover{ filter: brightness(1.1);}

.recom{color:#ff6000;padding: 50px 20px 20px;}
.recom dt{line-height:32px;color: #C0B4AA;font-size: 16px;}
.recom dd a{margin-right:15px; float: left;}

.server{color:#fae7a0;padding: 0 10px 0 20px;position:relative;}

.server .inHd{color:#fff;margin-bottom:20px;font-size:12px;text-align: left;}
.server .inHd a{width: 75px;height:24px;line-height: 24px;color:#B1A69D;text-align:center;/* border-bottom:5px solid #5d5142; */float:left;cursor:pointer;background: #494039;}
.server .inHd a.on{background: #B4935F;color: #3D2A0F;text-decoration:none;}
.server .inHd a.on:hover{background: #d9b851;}
.server .inBd{overflow:hidden;}
.server .inBd ul{height:450px; 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 6px 10px 0; float:left; display:inline;}
.server .inBd li a{display:block;}

.ser_btn{width:222px;height: 38px;line-height: 38px;color: #3D2A0F;background:url(/images/lcj/server/ser_btn.png) no-repeat;text-align:center;display:block;}
.ser_btn:hover{filter: brightness(1.1);}
.ser_btn span{margin-left:30px;}
.ser_btn02{width: 222px;height: 38px;line-height: 38px;color: #3D2A0F;background: url(/images/lcj/server/ser_btn.png) no-repeat;text-align: center;display: block;}
.ser_btn02:hover{filter: brightness(1.1);}
.ser_btn02 span{margin-left:10px;}

.title{height: 26px; line-height: 26px; font-size: 24px; color: #fff3d7; border-bottom: 1px solid #7a7a7a; margin-bottom: 20px; position: relative; padding: 0 0 13px 20px;}
.title::before{content: ''; position: absolute; top: 3px; left: 0; width: 10px; height: 20px; background: url(/images/cs/server/icon_1.png) no-repeat;}
.second_title{line-height: 32px;color: #C0B4AA;font-size: 16px;}



/* S 通用服务器列表 */
.server_list_area {padding: 40px 20px 0 20px;}
.server_list_area .quick_enter_btn{width:89px; height: 24px;line-height: 0; font-size: 0; background:url(/images/lcj/server/server_btn.png) no-repeat 0 -58px; text-align:center;}
.server_list_area .quick_enter_btn:hover{ filter: brightness(1.1);}
.server_list_area .server_team{width: 713px; max-height: 450px !important;}
.server_list_area .server_item {width:222px; height: 38px; background:url(/images/lcj/server/ser_btn.png) no-repeat; margin: 0 10px 12px 0;}
/* E 通用服务器列表 */