.list {
	width: 100%;
	background-color: #f6f6f6;
}


.list_content {
	width: calc(1480 / var(--main-font)* 1rem) !important;
	margin: 0 auto;
	overflow: hidden;
	padding: calc(50 / var(--main-font)* 1rem) 0 !important;
}

.list_left {
	float: left;
	width: calc(260 / var(--main-font)* 1rem) !important;
	background-color: #ffffff;
}

.list_left .top {
	width: 100%;
	height: calc(16 / var(--main-font)* 1rem) !important;
	background-color: #0176f1;
	border-bottom-left-radius: calc(20 / var(--main-font)* 1rem) !important;
	border-bottom-right-radius: calc(20 / var(--main-font)* 1rem) !important;
}

.list_left .itembox {
	display: block;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(30 / var(--main-font)* 1rem) !important;
	color: #000000;
	padding: 0 calc(20 / var(--main-font)* 1rem) !important;
	box-sizing: border-box;
	margin: calc(30 / var(--main-font)* 1rem) 0 !important;
}


.list_left .active {
	color: #0176f1;
	border-left: calc(5 / var(--main-font)* 1rem) solid #0176f1 !important;
}

.list_center {
	float: left;
	width: calc(900 / var(--main-font)* 1rem) !important;
	margin: 0 calc(20 / var(--main-font)* 1rem) !important;
}

.list_center .itembox {
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: calc(18 / var(--main-font)* 1rem) !important;
	box-sizing: border-box;
	margin-bottom: calc(20 / var(--main-font)* 1rem) !important;
	overflow: hidden;
}

.list_center .itembox .leftbox {
	float: left;
	width: calc(300 / var(--main-font)* 1rem) !important;
	height: calc(210 / var(--main-font)* 1rem) !important;
}

.list_center .itembox .leftbox img {
	width: 100%;
	height: 100%;
}

.list_center .itembox .centerbox {
	float: right;
	width: calc(540 / var(--main-font)* 1rem) !important;
}

.list_center .itembox .centerbox .title {
	font-size: calc(18 / var(--main-font)* 1rem) !important;
	font-weight: bold;
	line-height: calc(30 / var(--main-font)* 1rem) !important;
	color: #000000;
	margin-bottom: calc(10 / var(--main-font)* 1rem) !important;
}

.list_center .itembox .centerbox .desc {
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(28 / var(--main-font)* 1rem) !important;
	color: #000000;
	margin-bottom: calc(10 / var(--main-font)* 1rem) !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list_center .itembox .centerbox .tags {
	width: 100%;
	overflow: hidden;
	margin-bottom: calc(10 / var(--main-font)* 1rem) !important;
}

.list_center .itembox .centerbox .tags .tagbox {
	float: left;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(28 / var(--main-font)* 1rem) !important;
	padding: 0 calc(10 / var(--main-font)* 1rem) !important;
	color: #0176f1;
	border: calc(1 / var(--main-font)* 1rem) solid #0176f1 !important;
	border-radius: calc(10 / var(--main-font)* 1rem) !important;
	margin-right: calc(10 / var(--main-font)* 1rem) !important;
}

.list_center .itembox .bottom_box {
	width: 100%;
	overflow: hidden;
}

.list_center .itembox .bottom_box .time {
	float: left;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(36 / var(--main-font)* 1rem) !important;
	color: #757575;
}

.list_center .itembox .bottom_box .right {
	float: right;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(36 / var(--main-font)* 1rem) !important;
	color: #757575;
	overflow: hidden;
}

.list_center .itembox .bottom_box .right .right_box {
	float: left;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(36 / var(--main-font)* 1rem) !important;
	color: #757575;
	margin-left: calc(30 / var(--main-font)* 1rem) !important;
}

.list_right {
	float: right;
	width: calc(280 / var(--main-font)* 1rem) !important;
}

.list_right .titlebox {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: calc(20 / var(--main-font)* 1rem) !important;
	text-align: center;
}

.list_right .titlebox span {
	display: inline-block;
	font-size: calc(18 / var(--main-font)* 1rem) !important;
	font-weight: bold;
	line-height: calc(44 / var(--main-font)* 1rem) !important;
	color: #0176f1;
	border-bottom: calc(5 / var(--main-font)* 1rem) solid #0176f1 !important;
}

.list_right .testbox {
	width: 100%;
}

.list_right .testbox .itembox {
	display: block;
	width: 100%;
	margin-bottom: calc(20 / var(--main-font)* 1rem) !important;
	background-color: #ffffff;
}

.list_right .testbox .itembox .testimg {
	width: 100%;
}

.list_right .testbox .itembox .testimg img {
	width: 100%;
}

.list_right .testbox .itembox .testcontent {
	width: 100%;
	padding: 0 calc(10 / var(--main-font)* 1rem) !important;
	box-sizing: border-box;
	background-color: #ffffff;
}

.list_right .testbox .itembox .testcontent .testtitle {
	width: 100%;
	font-size: calc(16 / var(--main-font)* 1rem) !important;
	line-height: calc(35 / var(--main-font)* 1rem) !important;
	color: #000000;
	text-align: center;
	margin: calc(20 / var(--main-font)* 1rem) 0 !important;
	margin-bottom: calc(15 / var(--main-font)* 1rem) 0 !important;
}

.testmoney {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.testmoney .testmoneyone,
.testmoney .testmoneytwo {
	float: left;
	width: 48%;
	margin-bottom: calc(20 / var(--main-font)* 1rem) !important;

}

.testmoney .testmoneyone {
	text-align: right;
	font-size: calc(24 / var(--main-font)* 1rem) !important;
	font-weight: bold;
	line-height: calc(35 / var(--main-font)* 1rem) !important;
	color: #0276f1;
}

.testmoney .testmoneyone  span {
	font-size: calc(20 / var(--main-font)* 1rem) !important;
}

.testmoney .testmoneytwo {
	float: right;
	text-align: left;
	font-size: calc(18 / var(--main-font)* 1rem) !important;
	color: #c1c1c1;
	text-decoration: line-through;
	margin-top: calc(9 / var(--main-font)* 1rem) !important;
}