@charset "utf-8";
.c{margin-top: 19px;
    overflow: hidden;
    width: 945px;
}
.c ul{width: 950px;}
body{background: #f2f2f2;}
.rec-game li {
    position: relative;
    width: 290px;
    height: 220px;
    float: left;
    margin: 0 20px 20px 0;
    _display: inline;
    
}

.rec-game li.con-five_a{width: 212px;height: 165px;}
.rec-game li.con-five_a .rec-box{width: 204px;}
.rec-game li.con-five_a .rec-box-img{width: 205px;height: 130px;}
.rec-game li.con-five_a .rec-box-tit{width: 205px;}
.rec-game li.con-five_a .rec-box-tit a.rec-index-btn{width: auto;font-size: 14px;}

.rec-box span.icon_tuijian{width: 50px;height: 50px;position: absolute;top: initial;right: 0;background: url(../images/tuijians.png) no-repeat center;background-size: 100%;z-index: 999;}



.g-rec .common-title{margin-top: 5px !important;}
.rec-game li:hover {
    box-shadow: 0 3px 8px -2px rgba(0,0,0,.6);
}
.tj-game li{background: #fff;}
.container{background: none !important;}
/* .index-main{background: none !important;} */
@media only screen and (min-width:13000px ) {
	.index-main{background: none !important;}
}
.rec-game li img{width: 100%;height: 100%;}
.rec-game a{margin: 0 !important;}
.rec-box {
    background-color: #fff;
    width: 286px;
    padding: 4px 4px 0;
}
.icon-hot {
    background-position: -80px 0;
    /* background-image: url(../images/index.png?20160505175702); */
}
.icon-new, .icon-hot {
    width: 34px;
    height: 34px;
    left: 4px;
    top: 4px;
}
.icon {
    position: absolute;
    left: 0;
    top: 50%;
    overflow: hidden;
}
.rec-box-img {
    width: 286px;
    height: 176px;
    overflow: hidden;
    position: relative;
}
.toggle{position: absolute;bottom: 0px;height: 35px;line-height: 35px;background: rgba(0,0,0,0.8);color: #fff;width: 100%;text-align: center;}
.rec-box-img:hover .toggle{display: block;}
/* .toggle span{float: left;margin-left: 18%;} */

.rec-box-tit {
    width: 286px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
}
.rec-box-tit a.rec-index-btn {
    width: auto;
    display: inline-block;
    float: left;
    color: #FF6600;
    /*font: 14px/14px "Microsoft Yahei";*/
    margin-left: 6px;
}
.rec-box-tit a.rec-web-btn {
    width: 38px;
}
.rec-box-tit a.rec-web-btn:hover{background: #ff6600;color: #fff;}
.rec-box-tit a.rec-index-btn:hover{background: #ff6600;color: #fff;}
.yxbtdh:hover{background: #ff6600;color: #fff;}
.rec-box-tit a.rec-btn {
    /*border: 1px solid #d5d5d5;*/
    color: yellow;
    height: 18px;
    font: 12px/18px "Microsoft Yahei";
    text-align: center;
    /*margin-left: 10px !important;*/
    display: inline-block;
    float: right;
    border-radius: 2px;
}
.rec-box-tit a.rec-play-btn {
    width: 35px;
    background-color: red;
}
/* .index-kv{height: 420px !important;} */
.rec-box-tit a.rec-play-btn:hover{background: #2b9ae7;color: #fff;}



.con-five_a .rec-box-tit{padding: 5px 0;}

/* .toggle span{margin-left: 6%;float: left;} */
	/* .toggle i{float: left;margin-left: 8%;} */
	/* .toggle em{float: right;margin-right: 6%;} */