﻿ .container,.left-big-cover {
	display:flex;
}
.container {
	-webkit-box-pack:justify;
	justify-content:space-between;
	width:1240px;
	margin:40px auto;
}
.left-big-cover {
	-webkit-box-align:center;
	-webkit-box-pack:center;
	align-items:center;
	background:#f5f5f6;
	height:744px;
	justify-content:center;
	position:relative;
	width:992px;
}
.img-button-left {
	left:0;
}
.img-button-box {
	background-color:rgba(0,0,0,.5);
	cursor:pointer;
	height:50px;
	position:absolute;
	width:50px;
}
.img-button-right {
	right:0;
}
.img-button-box {
	background-color:rgba(0,0,0,.5);
	cursor:pointer;
	height:50px;
	position:absolute;
	width:50px;
}
.img-button-box .scroll-button {
	border-left-color:#fff;
	border-right-color:#fff;
}
.scroll-button {
	height:0;
	left:50%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:0;
}
.left-button {
	border-right:11px solid #111;
}
.right-button {
	border-left:11px solid #111;
}
.left-button,.right-button {
	border-bottom:8px solid transparent;
	border-top:8px solid transparent;
}
.left-big-cover img {
	max-height:744px;
	max-width:992px;
}
.right-cover-list {
	position:relative;
	width:208px;
}
.right-cover-list-title {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	color:#111;
	display:flex;
	font-family:PingFangSC-Regular,PingFang SC;
	font-size:14px;
	font-weight:400;
	justify-content:space-between;
	line-height:22px;
	margin-bottom:12px;
}
.cover-list-main {
	display:flex;
	flex-wrap:wrap;
}
.cover-list-wap:nth-child(odd) {
	margin-right:8px;
}
.cover-list-wap {
	cursor:pointer;
	display:inline-block;
	height:75px;
	margin-bottom:8px;
	position:relative;
	width:100px;
}
.cover-list-item {
	height:75px;
	width:100px;
}
.cover-list-item-active:after {
	border:2px solid #d22;
	box-sizing:border-box;
	content:"";
	height:75px;
	left:0;
	position:absolute;
	top:0;
	width:100px;
}
