@charset "UTF-8";
/**
* 下一代智慧招采平台研发项目-绿色建材平台-商城
* date:2023-10-17
* author: xhz;
 */
.main {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.content {
	width: 1056px;
	border-radius: 10px;
	background: #fff;
	padding: 15px 20px;
}
.content .title {
	height: 30px;
	display: flex;
	justify-content: space-between;
}
.content .title .txt {
	padding-left: 33px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	line-height: 30px;
}
.content .title .txt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 20px;
	background: url(../images/title-icon.png) no-repeat center;
}
.content .search-content {
	width: 232px;
	height: 36px;
	border-radius: 48px;
	background: #f5f5f5;
	display: flex;
}
.content .search-content input {
	width: 196px;
	height: 100%;
	line-height: 28px;
	padding-left: 16px;
	outline: none;
	border: none;
	background: transparent;
}
.content .search-content span {
	width: 24px;
	height: 100%;
	cursor: pointer;
	background: url(../images/readglass.png) no-repeat center;
}

.left-nav {
	width: 200px;
}
.left-nav li {
	display: block;
	height: 56px;
	line-height: 56px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
	font-size: 18px;
	padding-left: 16px;
	position: relative;
	cursor: pointer;
}
.left-nav li:before {
	content: '';
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
	height: 20px;
	background: url(../images/left-nav-btn-arrow.png) no-repeat center;
}
.left-nav li.active {
	color: #fff;
	background: url(../images/left-nav-btn.png) no-repeat center;
}
.left-nav li.active:before {
	background: url(../images/left-nav-btn-arrow-active.png) no-repeat center;
}

.list {
	margin-top: 5px;
	padding: 16px;
	background: #fff;
	height: 600px;
}
.list li {
	height: 60px;
	line-height: 50px;
	font-size: 14px;
}
.list li + li {
	margin-top: 0px;
}
.list li a {
	display: block;
	height: 100%;
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	align-items: center;
}
.list li .timer {
	color: #999;
}
.list li .txt {
	width: 740px;
	padding-left: 31px;
	position: relative;
	line-height: 1.2;
  max-height: 38px;
  overflow: hidden;
	/* 超出两行省略号 */
	/* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
.list li .txt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 16px;
	background: url(../images/list-dot.png) no-repeat center;
	fill: linear-gradient(180deg, #ededed 0%, #a5a5a5 100%);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
}
.list li:hover a {
	color: #298b6a;
}
.list li:hover a .timer {
	color: #298b6a;
}
.list li:hover a .txt:before {
	background: url(../images/list-dot-active.png) no-repeat center;
	fill: linear-gradient(180deg, #c7e34c 0%, #028446 100%);
	filter: drop-shadow(0px 4px 4px rgba(13, 154, 87, 0.2));
}
body {
	padding-bottom: 100px !important;
}