/**!
 * 西咸新区公共资源交易-首页
 * date:2020-02-13
 * author: qxy;
 */

/* 登录分类 */

.clarify {
	height: 347px;
	background: url(../images/type-bg.png) center 0 no-repeat;
}

.clarify .notice {
	height: 62px;
	border-bottom: 1px solid #a2cbfd;
}

.notice h3 {
	display: inline-block;
	width: 156px;
	height: 100%;
	padding: 18px 0 0 66px;
	vertical-align: top;
	background: url(../images/notice.png) 28px center no-repeat;
}

.notice h3 span {
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 20px;
	font-weight: bold;
	color: #428eff;
	border-right: 1px solid #428eff;
}

.notice-list {
	display: inline-block;
	width: 920px;
	margin-top: 20px;
	vertical-align: top;
}

.notice-list li {
	float: left;
	width: 100%;
	padding: 0 32px 0 20px;
}

.notice-list li a {
	display: inline-block;
	/* max-width: 254px; */
	font-size: 20px;
	padding-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(../images/disc.png) 0 center no-repeat;
	transition: all ease 200ms;
	width: 100%;
}

.notice-list li a:hover {
	color: #428eff;
	background-image: url(../images/disc-hover.png);
}

.notice .more {
	display: inline-block;
	margin: 22px 0 0 46px;
	color: #999;
}

.clarify-list {
	margin-top: 68px;
}

.clarify-list li {
	float: left;
	width: 25%;
	text-align: center;
}

.clarify-list li a {
	display: inline-block;
	font-size: 18px;
	transition: all ease 300ms;
}

.clarify-list li .icon {
	display: block;
	height: 139px;
	line-height: 139px;
	margin-bottom: -11px;
}

.clarify-list li .icon img {
	vertical-align: bottom;
}

.clarify-list li a:hover {
	color: #428eff;
	font-weight: bold;
	transform: translateY(-40px);
}

/* 诚信管理 */

.mod-title {
	position: relative;
	height: 74px;
	padding-top: 24px;
	text-align: center;
	line-height: 50px;
	font-size: 32px;
	color: #f6faff;
	background: url(../images/title-bg.png) 0 0 no-repeat;
}

.mod-title span.cn {
	position: relative;
	z-index: 1;
}

.mod-title span.en {
	position: absolute;
	top: 24px;
	left: 50%;
	margin: 12px 0 0 -125px;
	font-size: 30px;
	color: #3e9efd;
}

.integrity {
	height: 611px;
	padding-top: 37px;
	background: url(../images/mod-bg.png) center 0 no-repeat;
}

.integrity .mod-title span.en {
	letter-spacing: -3px;
}

.credit-remark,
.credit-dark {
	display: inline-block;
	width: 585px;
	height: 396px;
	margin-top: 30px;
	background-color: #fff;
	border-radius: 12px 12px 0 0;
	vertical-align: top;
}

.credit-remark {
	margin-right: 25px;
}

.credit-title {
	height: 56px;
	color: #fff;
	background: url(../images/integrity-subtitle-bg.png);
}

.credit-title h3 {
	display: inline-block;
	padding-left: 49px;
	line-height: 56px;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 16px center;
}

.credit-remark .credit-title h3 {
	background-image: url(../images/integrity-subtitle-icon1.png);
}

.credit-dark .credit-title h3 {
	background-image: url(../images/integrity-subtitle-icon2.png);
}

.credit-title .more {
	float: right;
	margin: 20px 20px 0 0;
}

.credit-list {
	padding: 0 5px;
}

.credit-list li {
	height: 85px;
	padding: 18px 16px 0;
	color: #999;
	border-top: 1px dashed #ccc;
}

.credit-list li:first-child {
	border-top: 0;
}

.credit-list li .name {
	width: 268px;
	margin-bottom: 7px;
	color: #333;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.credit-list .score span {
	margin-right: 11px;
}

.credit-list li .behavior {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 交易信息 */

.transaction {
	margin-top: 40px;
}

.transaction .mod-title span.en {
	letter-spacing: 4px;
}

.transaction-tab {
	height: 500px;
	margin-top: 42px;
	box-shadow: 0 0 20px #c9def2;
}

.transaction-hd {
	width: 181px;
	height: 100%;
	background: url(../images/announcement.png);
}

.transaction-hd li {
	height: 20%;
	font-size: 16px;
	color: #fff;
	border-top: 1px solid #52b2ff;
	transition: all ease 200ms;
	cursor: pointer;
}

.transaction-hd li p {
	padding-top: 60px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 22px;
}

.transaction-hd li.hd1 {
	border-top: 0;
}

.transaction-hd li.hd1 p {
	background-image: url(../images/announcement-icon1.png);
}

.transaction-hd li.hd2 p {
	background-image: url(../images/announcement-icon2.png);
}

.transaction-hd li.hd3 p {
	background-image: url(../images/announcement-icon3.png);
}

.transaction-hd li.hd4 p {
	background-image: url(../images/announcement-icon4.png);
}

.transaction-hd li.hd5 p {
	background-image: url(../images/announcement-icon5.png);
}

.transaction-hd li:hover,
.transaction-hd li.active {
	font-size: 18px;
	font-weight: bold;
	background: url(../images/announcement-active-bg.png) repeat;
}

.transaction-hd li.active {
	position: relative;
}

.transaction-hd li.active:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -11.5px;
	content: '';
	width: 12px;
	height: 23px;
	background: url(../images/announcement-triangle.png);
}

.transaction-bd {
	width: 1019px;
	padding: 15px 14px 0 15px;
}

.public-thead {
	height: 40px;
	line-height: 40px;
	background: #e8f2ff;
}

.public-thead li,
.public-tbody p {
	float: left;
	text-align: center;
	font-size: 15px;
}

.public-tb .title {
	width: 330px;
	text-align: left;
	padding: 0 20px 0 28px;
}

.public-tb .type {
	width: 142px;
}

.public-tb .choose {
	width: 214px;
}

.public-tb .department {
	width: 122px;
}

.public-tb .public {
	width: 182px;
}

.public-tbody {
	padding-top: 2px;
}

.public-tbody li {
	margin: 16px 0;
	transition: all ease 200ms;
	/*cursor: pointer;*/
}

.public-tbody li .title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(../images/disc.png) 13px center no-repeat;
	transition: all ease 200ms;
}

.public-tbody li:hover {
	color: #428eff;
}

.public-tbody li:hover .title {
	background-image: url(../images/disc-hover.png);
}

.transaction-bd .more {
	margin-top: 32px;
	color: #999;
	border-top: 1px solid #e6e6e6;
}

.transaction-bd .more a {
	display: block;
	width: 70px;
	margin: -10px auto 0;
	text-align: center;
	background-color: #fff;
}

/* 运行情况 */

.operate {
	height: 530px;
	margin-top: 51px;
	padding-top: 54px;
	background: #e9f2ff;
}

.operate .mod-title span.en {
	letter-spacing: -5.8px;
}

.operate-during {
	text-align: center;
	margin-top: 30px;
}

.operate-during li {
	display: inline-block;
	width: 220px;
	height: 50px;
	margin: 0 18px;
	line-height: 50px;
	font-size: 18px;
	color: #3e79d8;
	border: 1px solid #3e79d8;
	border-radius: 25px;
	cursor: pointer;
}

.operate-during a li.active {
	position: relative;
	font-weight: bold;
	color: #fff;
	background: #3394f6;
}

.operate-during a li.active:after {
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -9px;
	content: '';
	width: 18px;
	height: 7px;
	background: url(../images/operate-triangle.png);
}

.operate-list {
	margin-top: 71px;
	text-align: center;
}

.operate-list li {
	display: inline-block;
	width: 285px;
	height: 174px;
	margin-left: 15px;
	background-color: #fff;
	box-shadow: 0 0 20px #c9def2;
	transition: all ease 200ms;
}

.operate-list li:first-child {
	margin-left: 0;
}

.operate-list li .icon {
	width: 95px;
	height: 174px;
	margin-left: 30px;
	line-height: 174px;
}

.operate-list li .icon img {
	vertical-align: middle;
}

.operate-list li .info {
	width: 160px;
	padding-right: 20px;
}

.operate-list li .num {
	margin: 49px 0 -6px;
	font-weight: bold;
	font-size: 46px;
}

.operate-list li .name {
	font-size: 16px;
	color: #999;
	transition: all ease 200ms;
}

.operate-list li:hover {
	color: #428eff;
	transform: translateY(-20px);
}

.operate-list li:hover .name {
	color: #428eff;
}

p.department {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.policies-name {
	height: 40px;
	padding: 0 48px 0 22px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background: #579bf2;
}

.policies-name li {
	float: left;
}

.policies-name li.date {
	float: right;
}

.policies-list li {
	margin: 20px 0;
	font-size: 15px;
}

.policies-list li:first-child {
	margin-top: 18px;
}

.policies-list li a {
	max-width: 1000px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 23px;
	transition: all ease 200ms;
	background: url(../images/disc.png) 8px center no-repeat;
}

.policies-list li .date {
	margin-right: 21px;
	color: #999;
	transition: all ease 200ms;
}

.policies-list li a:hover {
	color: #428eff;
	background-image: url(../images/disc-hover.png);
}

.policies-list li a:hover + span {
	color: #428eff;
}

.exhibition{
	padding-bottom: 51px;
}

.exhibition .subpage-content {
	padding-right: 0;
}

.exhibition .more {
    display: inline-block;
    margin-right: 31px;
    height: 46px;
    line-height: 46px;
    color: #999;
    vertical-align: top;
}