.container{
	background-color: #fafafa;
}
.liveZone{
	width: 1400px;margin: 0 auto;
}
.liveZoneBtn{
	margin: 0 auto;
	display: flex;
	align-items: center;
	width: 380px;
	height: 60px;
	background-color: #ffffff;
	border-radius: 30px;
	margin-bottom: 35px;
}

.btn{
	width: 190px;
	height: 56px;
	border-radius: 27px;
	line-height: 56px;
	letter-spacing: 1px;
	font-size: 24px;
	font-family: HanSansMedium;
	text-align: center;
	cursor: pointer;
}
.btnActive{
	background-color: #ff872e;
	color: #ffffff;
}
.livePreview{
	margin-left: 3px;
}
.livePlayBack{
	margin-right: 3px;
}
.liveBoxZone{
	display: grid;
	grid-template-columns: repeat(4, 324px);
	gap: 35px;
	min-height: 800px;
}
.liveBoxZone2{
	grid-template-columns: repeat(5, 260px);
}
.liveContent{
	/* margin-bottom: 30px; */
}
.liveBox{
	width: 324px;
	height: 388px;
	border: solid 1px #999999;
	font-family: HanSansMedium;
	position: relative;
}
.liveBox img{
	width: 324px;
	height: 388px;
}
.liveStatus{
	width: 76px;
	height: 21px;
	line-height: 21px;
	border-radius: 8px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 9px;
	left: 12px;
}
.goStart{
	background-color: #ff0000;
}
.goEnd{
	background-color: #999999;
}
.going{
	background-color: #0675ff;
}
.liveItem{
	width: 324px;
	padding: 14px 24px 0 12px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: justify;
	color: #000000;
	font-family: HanSansCNMedium;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.liveBox:hover,.liveBack:hover{
	box-shadow: 0px 0px 15px 0px rgba(13, 66, 146, 0.5);
	border: solid 1px #0d4292;
	cursor: pointer;
}
/* 直播回放 */
.liveBack{
	width: 262px;
	height: 464px;
	border-radius: 6px;
	font-family: HanSansMedium;
	position: relative;
	border: solid 1px #999999;
	box-sizing: border-box;
}
.liveBack video{
	width: 260px;
	height: 462px;
	border-radius: 5px;
}
.blur{
	width: 260px;
	position: absolute;
	bottom: 8px;
	left: 15px;
	font-family: HanSansCNMedium;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	z-index: 9;
}

.shade,.shadeImg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
	justify-content: space-between;
}
.shade_c {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    text-align: center;
}
.shade_c video {
    height: 100%;
    background: #000;
}
.shade_c img {
    height: 100%;
    background: #000;
}
/* 遮罩层右边栏 */
.maskBox{
	background-color: #111;
	height: 100%;
	width: 500px;
	padding: 93px 40px 0 40px;
	box-sizing: border-box;
	color: #fff;
}
.liveName{
	font-size: 20px;
	line-height: 35px;
	font-family: HanSansCNMedium;
	margin-bottom: 20px;
	min-height: 100px;
}
.liveAddress,.liveContact,.liveTime{
	font-size: 16px;
	margin-bottom: 20px;
}
.livePic{
	margin-top: 50px;
	display: flex;
	justify-content: space-around;
}
.livePic img{
	width: 150px;
	height: 150px;
}
.livefwh,.livedyh{
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
}
.livefwh .text,.livedyh .text{
	margin-top: 10px;
}
.shadeLeft img{
	width: 20px;
	height: 30px;
}
.shadeLeft .left{
	left: 240px;
}
.shadeLeft .right{
	right: 182px;
}
.imgBox{
	width: 60px;
	height: 60px;
	background-color: rgba(93, 83, 78, .6);
	border-radius: 100%;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.returnPage{
	left: 65px;
	top: 65px;
	cursor: pointer;
	z-index: 9;
}
.return{
	width: 24px;
	height: 24px;
}