.main-content{
	width: 1200px;
	padding: 28px 0 30px;
	margin: auto;
}

/* 直播间 大图 */
.live-commend{
	margin-bottom: 40px;
}

.live-commend .commend-img{
	position: relative;
	min-height: 300px;
	background: rgba(0,0,0,0.1);
}

.live-commend .commend-img img{
	width: 100%;
}

.live-commend .commend-img .play{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/icon-video-big.png) no-repeat center center;
	background-size: 100% 100%;
	transform: translate(-32px,-64px);
	-ms-transform: translate(-32px,-64px);
	-webkit-transform: translate(-32px,-64px);
	-o-transform: translate(-32px,-64px);
	-moz-transform: translate(-32px,-64px);
}

.live-commend .commend-img .live-info{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: rgba(0,0,0,1);
}

.live-commend .commend-img .live-info .live-title{
	display: inline-block;
	max-width: 960px;
	margin-left: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
}

.live-commend .commend-img .live-info .part-count{
	float: right;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-left: 35px;
	padding-right: 10px;
	background: url(../images/icon-users.png) no-repeat left 10px center;
	background-size: 20px 18px;
	border: 1px solid #fff;
	margin-top: 16px;
	margin-right: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
}

/* 直播间列表 */
.liveRoom-head{
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #e5e5e5;
	margin-top: 8px;
}

.liveRoom-head .l-header{
	position: relative;
	display: inline-block;
	height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 40px;
	margin: 0;
	border-bottom: 2px solid #ee0012;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Microsoft Yahei';
}

.liveRoom-head .tagList{
	float: right;
	display: inline-block;
}

.liveRoom-head .tagList li{
	float: left;
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
}

.liveRoom-head .tagList li.current{
	line-height: 20px;
	padding-left: 19px;
	padding-right: 19px;
	background: #cdeefd;
	border: 1px solid #07aaf5;
	border-radius: 11px;
	color: #07aaf5;
}

.liveRoom-head .tagList li:last-of-type{
	margin-right: 0;
	color: #000;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
}

.liveList{
	margin-left: -8px;
	margin-right: -8px;
}

.liveList .liveItem{
	float: left;
	width: 288px;
	height: 254px;
	margin: 16px 8px 18px;
}

.liveList .liveItem .item-img{
	position: relative;
	width: 288px;
	height: 162px;
	line-height: 162px;
	text-align: center;
}

.liveList .liveItem .item-img img{
	width: 100%;
	height: 100%;
}

.liveList .liveItem .item-img .play{
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 2;
	width: 34px;
	height: 34px;
	background: url(../images/icon-video.png) no-repeat center center;
	background-size: 100% 100%;
}

.liveList .liveItem .item-img .operate{
	position: absolute;
	right: 0;
	bottom: 8px;
	z-index: 2;
	display: inline-block;
	width: 45px;
	height: 20px;
	padding-left: 8px;
	background: #fc761b;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
}

.liveList .liveItem .item-info .item-title{
	height: 56px;
	margin-top: 5px;
	line-height: 28px;
	font-size: 16px;
	font-family: 'Microsoft Yahei';
}

.liveList .liveItem .item-info .item-title a{
	display: -webkit-box;
	max-width: 100%;
	max-height: 56px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #222;
	text-decoration: none;
}

.liveList .liveItem .item-info .item-title a:hover{
	color: #0C90C1;
}

.liveList .liveItem .item-info .item-others{
	margin-top: 5px;
	color: #aaa;
	font-size: 13px;
	font-family: 'Microsoft Yahei';
}

.liveList .liveItem .item-info .item-others .partCount{
	float: right;
}

.more{
	text-align: center;
}

.more .loadMore{
	display: none;
	color: #000;
	font-size: 14px;
	padding: 5px 20px;
	text-decoration: none;
	border: 1px solid #e5e5e5;
}

.loadOver{
	display: none;
	color: #aaa;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
}