/*
 * describe: 下城区活动专题
 * date: 2020-10-20
 * author: wql
 */

html,
body {
	width: 100%;
	height: 100%;
	font-family: 'PingFang SC';
	background: #ecf0fb;
}

.container {
	height: 100%;
	background: #ecf0fb url(container-bg.png) no-repeat top;
	background-size: 100% 740px;
}

.common-bg {
	padding: 30px;
	background: #fff;
	margin-bottom: 30px;
	box-sizing: border-box;
}


/* logo部分 */

.top {
	height: 370px;
	box-sizing: border-box;
}

.top .logo {
	height: 198px;
	margin-top: 15px;
}

.activity-topics {
	width: 217px;
	height: 80px;
	line-height: 65px;
	font-size: 32px;
	color: #FFFFFF;
	text-align: center;
	background: url(activity-topics.png) no-repeat center;
	background-size: 100% 100%;
	margin-top: 165px;
}

.activity-topics:hover {
	opacity: 0.8;
}


/* 导语 */

.introduction-txt {
	position: relative;
	padding: 20px;
	background: url(introduction-txt.png) no-repeat center;
	background-size: 100% 100%;
}

.introduction-txt::before {
	position: absolute;
	content: '';
	bottom: 0;
	right: 6px;
	width: 32px;
	height: 32px;
	background: url(introduction-icon.png) no-repeat center;
	background-size: 100% 100%;
}

.introduction-txt .title {
	position: absolute;
	top: -15px;
	left: 15px;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: 500;
	color: #70B2F8;
}

.introduction-txt p {
	text-indent:2em;
	font-size: 24px;
	font-weight: 400;
	color: #333333;
	line-height: 45px;
}


/* 往期政府开放日活动集锦 */

.common-tit {
	position: relative;
	width: 360px;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	background: url(tit-bg.png) no-repeat center;
	background-size: 100% 100%;
	box-sizing: border-box;
	margin: 5px auto 35px;
}

.common-tit::after {
	position: absolute;
	content: '';
	height: 24px;
	width: 102px;
	left: -130px;
	top: 50%;
	margin-top: -12px;
	background: url(tit-left.png) no-repeat center;
	background-size: 100% 100%;
}

.common-tit::before {
	position: absolute;
	content: '';
	height: 24px;
	width: 102px;
	right: -130px;
	top: 50%;
	margin-top: -12px;
	background: url(tit-right.png) no-repeat center;
	background-size: 100% 100%;
}

.previous-period-list {
	margin-right: -30px;
}

.previous-period-item {
	width: 360px;
	height: 335px;
	margin: 0 30px 20px 0;
}

.previous-period-item>a {
	display: block;
}

.previous-period-item>a:hover {
	opacity: 0.8;
}

.previous-img {
	width: 358px;
	height: 264px;
	margin-bottom: 5px;
}

.previous-txt {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.previous-time {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #999999;
}


/* 近期政府开放日活动预告 */

.near-period-item {
	position: relative;
	padding-left: 115px;
	padding-right: 20px;
}

.near-period-item::after {
	position: absolute;
	content: '';
	width: 32px;
	height: 32px;
	top: 30px;
	left: 56px;
	background: url(near-period-icon.png) no-repeat center;
	background-size: 100% 100%;
}

.near-period-item a {
	display: block;
	height: 115px;
	padding: 15px 0;
	border-bottom: 1px dashed #E8E8E8;
	box-sizing: border-box;
}

.near-period-top {
	height: 45px;
	line-height: 45px;
}

.near-period-tit {
	width: 800px;
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.near-period-time {
	font-size: 14px;
	color: #999999;
}

.near-period-txt {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* 底部 */

.bottom {
	height: 129px;
	background: #70B2F8;
}

.bottom-wrap {
	padding-top: 30px;
}

.jg-part {
	width: 62px;
	height: 77px;
	margin-right: 130px;
	margin-left: 4px;
}

.bottom-txt {
	width: 790px;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	color: #FFFFFF;
	line-height: 33px;
	padding-top: 6px;
}

.bottom-txt span {
	margin-right: 10px;
}

.bottom-txt a {
	display: inline-block;
	color: #FFFFFF;
}

.bottom-txt a:hover {
	opacity: 0.8;
}

.ga-icon {
	margin: 0 8px 0 0;
}