/* 在线访谈 */

.ft-past-list {
	overflow: hidden;
}

.ft-past-list li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

.ft-past-img {
	float: left;
	width: 46%;
	height: 150px;
}

.ft-past-img img {
	width: 100%;
	height: 100%;
}

.ft-past-detail {
	float: left;
	width: 50%;
	margin-left: 2%;
	line-height: 30px;
}

.ft-past-detail h2 {
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.ft-past-detail div {
	overflow: hidden;
}

.ft-past-detail span {
	float: left;
	width: 25%;
}

.ft-past-detail p {
	float: left;
	width: 75%;
}

.ft-past-detail .ovfl-p p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hd-ft-newest {
	overflow: hidden;
}

.hd-ft-newest .hd-title {
	margin-top: 0;
}

.hd-ft-newest > div:first-child {
	float: left;
	width: 60%;
}

.hd-ft-foreshow {
	float: right;
	width: 38%;
}

.ft-foreshow-img,
.ft-foreshow-list {
	display: none;
}

.ft-foreshow {
	float: right;
	width: 38%;
}

.ft-newest-img {
	float: left;
	width: 43%;
	height: 168px;
}

.ft-newest-img img {
	width: 100%;
	height: 100%;
}

.ft-newest-detail {
	float: left;
	width: 55%;
	margin-left: 2%;
	font-size: 16px;
	line-height: 32px;
}

.ft-newest-detail h2 {
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
}

.ft-newest-detail span {
	float: left;
	width: 22%;
}

.ft-newest-detail p {
	float: left;
	width: 78%;
}

.ft-newest-detail .ovfl-p p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ft-foreshow-list li {
	overflow: hidden;
}

.ft-foreshow-list li a {
	float: left;
	width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ft-foreshow-list li {
	overflow: hidden;
	font-size: 16px;
	padding-left: 1em;
	background: url(../images/hd_dot.png) no-repeat left center;
	line-height: 32px;
}

.ft-foreshow-list li span {
	float: right;
	width: 25%;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.hd-ft-newest > div:first-child {
		width: 100%;
	}

	.ft-foreshow {
		width: 100%;
		margin-top: 15px;
	}

	.ft-newest-img {
		width: 100%;
		margin-bottom: 15px;
		height: 200px;
	}

	.ft-newest-detail {
		width: 100%;
		margin-left: 0;
	}

	.ft-newest-detail span {
		width: 25%;
	}

	.ft-newest-detail .ovfl-p p,
	.ft-newest-detail p {
		width: 75%;
	}

	.ft-past-list li {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}

	.ft-past-img {
		width: 100%;
		margin-bottom: 15px;
		height: 200px;
	}

	.ft-past-detail {
		width: 100%;
		margin-left: 0;
	}
}

/* 在线访谈 */

/* 访谈详情 */

.result-detail {
	overflow: hidden;
	height: 324px;
}

.result-detail-img {
	float: left;
	width: 50%;
	height: 100%;
}

.result-detail-img video,
.result-detail-img img {
	width: 100%;
	height: 100%;
}

.result-detail-detail {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.result-detail-detail > h2,
.result-detail-detail > div {
	overflow: hidden;
	line-height: 36px;
	font-size: 16px;
}

.result-detail-detail > h2 {
	font-size: 18px;
}

.result-detail-detail span {
	float: left;
	width: 15%;
}

.result-detail-detail h2 span {
	width: 18%;
}

.result-detail-detail h2 p {
	width: 82%;
}

.result-detail-detail p {
	width: 85%;
	float: left;
}

.result-detail-detail .ele-intro p {
	overflow-y: auto;
}

.result-detail-detail .ele-intro p::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

.result-detail-detail .ele-intro p::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	background: #535353;
}

.result-detail-detail .ele-intro p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #ededed;
}

.ft-result-carousel {
	display: none;
}

.hd-carousel {
	position: relative;
	height: 190px;
}

.carousel-img {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
	position: relative;
}

.carousel-ul {
	overflow: hidden;
	width: 2000px;
	height: 100%;
	position: absolute;
	left: 0;
}

.carousel-ul .swiper-slide {
	float: left;
	width: 340px;
	height: 100%;
}

.carousel-ul .swiper-slide:first-child {
	margin-left: 0;
}

.carousel-ul .swiper-slide img {
	width: 100%;
	height: 100%;
	padding: 0 10px;
}

.carousel-arrows {
	position: absolute;
	top: 75px;
	left: -10px;
	width: 1180px;
}

.carousel-arrows p {
	float: right;
	width: 40px;
	cursor: pointer;
}

.carousel-arrows p:first-child {
	float: left;
}

.result-bjzl {
	line-height: 36px;
	font-size: 16px;
	text-indent: 2em;
}

.ft-result-wzsl {
	display: none;
}

.record-list {
	font-size: 16px;
	line-height: 38px;
	height: 380px;
	overflow-y: auto;
}

.record-list::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

.record-list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	background: #535353;
}

.record-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #ededed;
}

.ft-result-wyly {
	display: none;
}

.record-name {
	color: #154788;
	font-weight: 700;
}

.form-group {
	line-height: 36px;
	margin: 20px 0;
	height: 36px;
}

.form-group label {
	float: left;
	width: 14%;
	line-height: 20px;
	font-size: 16px;
	padding: 8px 0;
	text-align: right;
	padding-right: 20px;
}

.form-group .equal {
	float: left;
	width: 38%;
}

.form-group .equal input {
	height: 36px;
	padding: 5px 10px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 100%;
	outline: none;
}

.form-group .required {
	float: left;
	color: #d80909;
	padding-left: 10px;
}

.form-group .quiz {
	float: left;
	width: 78%;
}

.form-group .quiz textarea {
	width: 95%;
	height: 200px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	outline: none;
}

#quiz {
	overflow: hidden;
	height: auto;
}

#quiz .required {
	padding: 0;
}

.form-group .ft-yzm {
	float: left;
	width: 50%;
}

.form-group .ft-yzm input {
	height: 36px;
	padding: 5px 10px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 40%;
	outline: none;
}

.form-group .ft-yzm .yzm-warp {
	float: left;
	margin: 0 15px;
	width: 95px;
	height: 36px;
	line-height: 36px;
}

.form-group .ft-yzm .getCode {
	width: 140px;
	height: 36px;
	border-radius: 5px;
	background: #2a3c54;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	margin: 0 15px;
	color: #fff;
}

#submitBtn,
#closeBtn {
	border: 1px solid #dddddd;
	padding: 0;
	width: 200px;
	height: 45px;
	background: #aeaeae;
	text-align: center;
	color: #fff;
	display: block;
	border-radius: 5px;
	letter-spacing: 0.3em;
	font-size: 20px;
	float: left;
}

#submitBtn {
	background: #2a3c54;
	margin-right: 3%;
	margin-left: 14%;
}

.btn-warp {
	height: 45px;
	margin-top: 40px;
}

.ft-result-lyjj {
	display: none;
}

.result-lyjj {
	font-size: 16px;
	line-height: 38px;
}

.result-lyjj li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.result-lyjj .issue > span {
	font-weight: 700;
	color: #d80909;
}

.result-lyjj .reply > span {
	font-weight: 700;
	color: #154788;
}

.result-lyjj li > div > strong {
	font-weight: normal;
	margin-left: 20px;
}

.result-lyjj > p {
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	.result-detail {
		height: auto;
	}

	.result-detail-img {
		width: 100%;
		height: 200px;
		margin-bottom: 15px;
	}

	.result-detail-detail {
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.result-detail-detail h2 span {
		width: 30%;
	}

	.result-detail-detail h2 p {
		width: 70%;
	}

	.result-detail-detail span {
		width: 25%;
	}

	.result-detail-detail p {
		width: 75%;
	}

	.yzm-box {
		height: 72px;
	}

	.form-group label {
		width: 25%;
		padding-right: 0;
	}

	.form-group .equal {
		width: 70%;
	}

	.form-group .required {
		width: 5%;
		padding-left: 2%;
	}

	.form-group .quiz {
		width: 75%;
	}

	.form-group .quiz .required {
		width: 95%;
	}

	.form-group .ft-yzm {
		width: 75%;
	}

	.form-group .ft-yzm input {
		width: 95%;
	}

	.btn-warp {
		margin-top: 20px;
	}

	#submitBtn,
	#closeBtn {
		width: 45%;
		margin-left: 5%;
	}

	#submitBtn {
		margin-left: 3%;
		margin-right: 0;
	}

	.carousel-arrows {
		width: 100%;
		left: 0;
		z-index: 10000;
	}

	.carousel-img {
		width: 100%;
	}

	.carousel-ul .swiper-slide {
		width: 355px;
	}

	.carousel-ul .swiper-slide img {
		padding: 0;
	}
}

/* 访谈详情 */