@charset "utf-8";

.r {
	width: 1200px;
	margin: 60px auto;
}
.r {
	flex: 1;
	height: 100%;
	box-sizing: border-box;
	padding: 0 0 0 60px;
}
.r .title {
	display: inline-block;
	font-size: 22px;
	color: #444444;
	letter-spacing: 0;
	padding-bottom: 14px;
	border-bottom: 3px solid #FF1240;
	font-family: PingFangSC-Medium;
}
.r .desc {
	font-family: PingFangSC-Light;
	font-size: 36px;
	color: #444444;
	letter-spacing: 0;
	margin-top: 8px;
}
.r .desc-view {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.r .left {
	width: 350px;
	height: 255px;
	padding: 18px 0 0 18px;
	flex: 1;
	background: #F6F6F6;
}
.r .left > p {
	font-weight: 400;
	font-size: 18px;
	color: #444444;
	letter-spacing: 0;
	ont-family: PingFangSC-Medium;
}
.pc {
	display: block;
}
.r .left .list {
	margin-top: 10px;
}
.content-view, .content-view ul {
	width: 100%;
}
.r .left .list > li {
	font-size: 14px;
	color: #444444;
	letter-spacing: 0;
	line-height: 30px;
	overflow: hidden;
	width: 98%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.r .right {
	width: 618px;
	margin-left: 12px;
	height: 255px;
	padding: 18px 0 0 18px;
	background: #F6F6F6;
}
.r .right > p {
	font-size: 18px;
	color: #444444;
	letter-spacing: 0;
	font-weight: 400;
}
.r .right .box {
	margin-top: 10px;
}
.r .right .box {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
}
.r .right .box ul {
	width: 107px;
	margin-right: 15px;
}
.r .right .box ul p {
	font-size: 15px;
	color: #222222;
	font-weight: 400;
}
.r .right .box ul p {
	line-height: 30px;
	letter-spacing: 0;
}
.r .right .box ul li {
	line-height: 30px;
	font-size: 14px;
	color: #afacac;
	letter-spacing: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 98%;
}
.bottom-box {
	margin-top: 27px;
}
.bottom-box .title {
	padding-left: 18px;
}
.bottom-box .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 30px;
	box-sizing: border-box;
}
.bottom-box > ul {
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
}
.content-view, .content-view ul {
	width: 100%;
}
.bottom-box > ul > li {
	width: 188px;
	margin-right: 10px;
}
.bottom-box > ul > li {
	width: 210px;
	margin-right: 12px;
	display: flex;
	align-items: center;
}
.bottom-box > ul > li a {
	text-decoration: none;
	width: 100%;
}
.bottom-box > ul > li .img-main {
	width: 188px;
	height: 141px;
	overflow: hidden;
}
.bottom-box > ul > li img {
	width: 188px;
	height: 141px;
}
.bottom-box > ul > li img {
	width: 210px;
	height: 157.5px;
	object-fit: cover;
}
.bottom-box > ul > li p {
	margin-top: 6px;
}
.bottom-box > ul > li p {
	font-size: 20px;
	color: #444444;
	letter-spacing: 0;
	margin-top: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}