@charset "utf-8";
body{background: #fff;}
.cs{/*margin-top: 20px;*/}
.cs ul{width: 1250px;}
.cs ul li{width: 290px;height: 220px;float: left;margin: 0 20px 20px 0;position: relative;border-bottom: 1px solid #ddd;}
.cs ul li .cs_img{background-color: #fff;width: 286px;overflow: hidden;height: 176px;position: relative;}
.cs ul li .cs_img img{width: 100%;height: 100%;}
.cs ul li .sc-title{height: 40px;line-height: 40px;font-size: 16px;}
.cs ul li .sc-title a{float: left;width: 50%;display: block;}
.cs ul li .txt-four{width: 286px;height: 176px;position: absolute;left: 0;bottom: -176px;}
.cs ul li .txt-four div{width: 75px;height: 35px;margin: 0 auto;color: #000;line-height: 30px;text-align: center;margin-top:120px ;font-size: 14px;background: url(../images/v2_png01.png) no-repeat;background-position: -150px -290px;}
.main_cs{background: url(../images/game-bg.jpg) no-repeat top center;background-size: 100%;width: 100%;height: auto;overflow: hidden;}
.cs ul li a.jr-gw{width: 81px;height: 21px;float: right;background: url(../images/v2_png01.png) no-repeat;display: block;background-position: -153px -257px;margin-top: 10px;margin-right: 5px;}

.wrap-l {
    width: 255px;
}
.f-fl {
    float: left;
    _display: inline;
}

.server {
    width: 255px;
    height: 498px;
    margin-bottom: 20px;
}


.wrap .t {
    height: 48px;
    color: #3c3c3c;
    font: 24px/48px "Microsoft Yahei";
    padding-left: 38px;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}

.icon-server {
    
    width: 24px;
    height: 21px;
    margin-top: -11px;
    background: url(../images/lb_cs.png) no-repeat center;
    background-size: 100%;
}
.icon {
    position: absolute;
    left: 0;
    top: 50%;
    overflow: hidden;
}
.wrap .line {
    width: 26px;
    height: 2px;
    background-color: #1791F0;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.more_cs{
	position: absolute;
    right: 0;
    top: 18px;
    font: 12px/14px "Microsoft Yahei";
    color: #3c3c3c;
}
.server ul {
    overflow: hidden;
    margin-top: 19px;
}
.server li {
    width: 255px;
    height: 46px;
    border-bottom: 1px solid #ffac13;
    line-height: 46px;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.icon-rec{
	width: 34px;
    height: 34px;
    margin-top: -9px;
    background: url(../images/tuj_cs.png) no-repeat ;
    background-size: 34px;
    background-position-x: -4px;
}
.s-game {
    width: 100px;
    display: inline-block;
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: #4C4A4A;
    /* font-weight: 900; */
    /* font-weight: normal; */
}
.s-date, .s-time {
    /* width: 75px; */
    display: inline-block;
    float: left;
    color: #F90C0C;
    text-align: center;
}
.s-sid {
    width: 40px;
    display: inline-block;
    float: right;
    /* margin-right: 8px; */
    color: #9c9c9c;
    text-align: right;
   
}
#serverInfo li .s-sid{color: #1791F0;}

.f-fr {
    float: right;
    _display: inline;
}
.wrap-r {
    width: 918px;
}
.rec-game {
    overflow: hidden;
}
.add-hover .c{margin-top: 0;width: 100%;}
.add-hover .c ul#serverInfo{width: 100%;}
.wrap-r .rec-game{margin-top: 0 !important;padding: 0;}


.server li:hover {
	background-color:#e7e7e7;
	box-shadow:0 6px 12px -4px rgba(0,0,0,.6)
}
.server li:hover .s-game {
	color:#f70
}

.server li .img_serar{display: block;float: left;width: 30px;height: 30px;}
.server li .img_serar img{width: 100%;height: 100%;border-radius:15px;}