body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Source Han Sans CN;
	color: #282828;
	font-size: 0;
	background-color: #F4F4F4; 
}

#special-dialog {
	/* opacity: 0.4; */
	width: 100%;
	background-color: #FFFFFF;
	z-index: 29;
	position: fixed;
	top: 0;
	pointer-events: auto;
}

#special-dialog-outside{
	opacity: 0.5;
	z-index: 19;
	width: 100%;
	position: absolute;
	background-color: gray;
}

#special-dialog-header {
	font-size: 16px;
	font-weight: 500;
	height: 60px;
	background-color: #F9F9F9;
	position: relative;
}

#special-dialog-title {
	position: absolute;
	top: 50%;
	left: 50%;
}

#special-dialog-arrow {
	background-color: #808080;
	height: 60px;
	position: absolute;
	right: 21.5px;
}

#special-dialog-arrow>img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 7px;
}

table {
	table-layout: fixed;
	margin-top: 10px;
	margin-bottom: 10px;
	border-spacing: 10px 10px;
	font-size: 16px;
	width: 100%;
}

th {
	line-height: 19px;
	height: 44px;
	border: 1px solid #C7C7CC; 
	border-radius: 3px;
	font-weight: 500;
}

.th-red{
	border:1px solid #ff0000;
	color: red;
}

#content {
	/* opacity: 0.1; */
	width: 100%;
	position: absolute;
}

#content>div:last-child{
	margin-bottom:15px;
}

.radius {
	border-radius: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 100% - 20px;
}

#header {
	display: flex;
	margin-left: 10px;
	margin-top: 257px;
}

#species {
	border-radius: 2px;
	padding: 3px 5.5px 3.5px 4.5px;
	background-color: yellow;
	font-size: 12px;
}

#times {
	margin-left: 5.5px;
	border-radius: 2px;
	padding: 3px 6px 3.5px 5.5px;
	opacity: 0.3;
	background-color: black;
	color: #FFFFFF;
	font-size: 12px;
}

#intro {
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 20px 22.5px 20px 15px;
}

.intro-title {
	font-size: 22px;
	font-weight: 500;
	/* line-height: 60px; */
	letter-spacing: 2px;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.intro-title>img {
	width: 11px;
	height: 11px;
	position: absolute;
	top: 5px;
}

.intro-content {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 2px;
	overflow: hidden;
	margin-top: 15.5px;
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
}

#open-full {
	color: #1F5D9B;
}

#directory,
#directory-top {
	background-color: #ffffff;
	height: 60px;
	display: flex;
	align-items: center;
}

.directory {
	margin-top: 8px;
}

.directory-top {
	position: fixed;
	z-index: 9;
	width: 100%;
	top: 0;
}

.special-title {
	font-weight: bold;
	font-size: 16px;
	margin-left: 0.5px;
	white-space: nowrap;
}

#special-titles {
	margin-left: 14.5px;
	white-space: nowrap;
	overflow-y: auto;
	width: 100%;
	display: flex;
}

.location-img {
	/* margin-left: 1.8125rem; */
	width: 11.5px;
	height: 15px;
}

.location-img+font {
	margin-left: 4.5px;
}

#special-titles>div {
	display: flex;
	align-items: center;
	line-height: 19px;
	font-size: 16px;
}

#special-titles>div:not(:first-child) {
	margin-left: 14.5px;
}

.more {
	display: flex;
	border-bottom-right-radius: 1.25rem;
	border-top-right-radius: 1.25rem;
	height: 60px;
	width: 30px;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: center;
	align-items: center;
}

.more>img {
	height: 7px;
	width: 12px;
}

.top-module {
	display: flex;
	align-items: center;
	overflow-y: auto;
	margin-top: 8px;
	padding-left: 10px;
}

.top-module .top-item:not(:first-child) {
	margin-left: 7.5px;
}

.top-img {
	background-size: cover;
	background-position: center center;
	background-image: url(../../img/weixin/special/zhanwei2.jpg);
	border-radius: 6px 6px 0px 0px;
	width: 144px;
	height: 109.5px;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom-right {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.top-content {
	background-color: #F4F4F4;
	width: 144px;
	height: 72px;
	border-radius: 0px 0px 6px 6px;
	overflow: hidden;
}

.top-detail {
	margin-top: 10px;
	margin-left: 7px;
	width: 130px;
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	height: 28px;
	line-height: 1.2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.top-species-time {
	margin-left: 7px;
	margin-top: 11.5px;
	font-size: 12px;
	color: #8E8E93;
}

.video {
	width: 29px;
	height: 29px;
	background-image: url(../../img/weixin/special/play.png);
	background-size: 100% 100%;
}

.sound {
	width: 22px;
	height: 14px;
	background-image: url(../../img/weixin/special/sound.png);
	background-size: 100% 100%;
}

.advert{
	width: 26px;
	height: 14px;
	background-image: url(../../img/weixin/special/advert.png);
	background-size: 100% 100%;
}

.special-list {
	margin-top: 8px;
	background-color: #FFFFFF;
}

.special-list::before{
	content: "";
	display: table;
}

.special-list>div:first-child {
	border-radius: 10px 10px 0px 0px;
}

.special-list-header {
	height: 49.5px;
	background-size: cover;
	background-position: center center;
}

.special-list-header .special-list-header-horizontal {
	display: flex;
	align-items: center;
	height: 49px;
}

.vertical-line {
	width: 3px;
	height: 17px;
	background: #F34646;
	border-radius: 3px;
	margin-left: 12.5px;
}

.special-list-title {
	font-size: 18px;
	margin-left: 8px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.cut-off {
	margin-right: 12.5px;
	margin-left: 12.5px;
	height: 0.5px;
	background: #E5E5E5;
}

.ordinary {
	height: 109.5px;
	flex-direction: column;
}

.horizontal {
	display: flex;
}

.ordinary-detail {
	height: 82px;
	flex: 1;
	margin-left: 12.5px;
	margin-top: 14.5px;
	margin-bottom: 13.5px;
	position: relative;
}

.ordinary-content {
	padding-right: 11.5px;
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.2;
}

.ordinary-foot {
	position: absolute;
	bottom: 0;
	font-size: 12px;
	color: #8E8E93;
	display: flex;
	align-items: center;
}

.point {
	width: 6px;
	height: 6px;
	background-color: #F34646;
}

font+.special-time,
.point+.special-time {
	margin-left: 4.5px;
}

.ordinary-img {
/* 	background-size: 100% 100%; */
	background-size: cover;
	background-position: center center;
	margin-top: 14px;
	margin-right: 12.5px;
	border-radius: 4px;
	width: 108px;
	height: 82px;
	background-image: url(../../img/weixin/special/zhanwei2.jpg);
}

.three-picture {}

.three-picture>div:first-child {
	margin: 14.5px 12.5px 0 12.5px;
}

.big-picture>.cut-off,
.recommend>.cut-off,
.three-picture>.cut-off {
	margin-top: 15.5px;
}

.recommend-content,
.picture-content {
	margin-right: 11px;
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.three-picture-pictures {
	height: 82px;
	display: flex;
}

.three-picture-pictures>div {
	/* width: 13.5rem; */
	flex: 1;
/* 	background-size: 100% 100%; */
	background-size: cover;
	background-position: center center;
	background-image: url(../../img/weixin/special/zhanwei2.jpg);
}

.three-picture-pictures>div:nth-child(n+2) {
	margin-left: 3px;
}

.three-picture-pictures>div:first-child {
	border-radius: 4px 0px 0px 4px;
}

.three-picture-pictures>div:last-child {
	border-radius: 0px 4px 4px 0px;
}

.picture-content+.three-picture-pictures {
	margin-top: 14px;
}

.recommend-foot,
.picture-foot {
	margin-top: 12px;
	font-size: 12px;
	color: #8E8E93;
	display: flex;
	align-items: center;
}

.big-picture {
/* 	height: 36.25rem; */
/* 	height: 35.8rem; */
	flex-direction: column;
}

.big-picture>div:first-child {
	margin: 14.5px 12.5px 0 12.5px;
}

.recommend{
	flex-direction: column;
}

.recommend>div:first-child {
	margin: 14.5px 12.5px 0 12.5px;
}

.picture-content+.picture,
.picture-content+.three-picture-pictures {
	margin-top: 14px;
}

.picture {
	height: 185.5px;
/* 	background-size: 100% 100%; */
	background-size: cover;
	background-position: center center;
	background-image: url(../../img/weixin/special/zhanwei2.jpg);
}

.picture>.video{
	width: 49px;
	height: 49px;
}

.view-more {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-size: 14px;
	font-weight: 500;
}

.special-advertising>img {
	width: 100%;
}

.advertising {
	margin-top: 8px;
	position: relative;
}

.advertising>.advert{
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 8;
}

.advertising>img {
	width: 100%;
	border-radius: 4px;
}

#bg {
	
}

#bg-head {
	height: 375px;
	background-size: cover;
	background-position: center center;
}

#bg-mid {
	height: 285px;
	background-size: cover;
	background-position: center center;
}

#bg-foot {
	height: 100%;
	background-size: 100% 100%;
	background-repeat: repeat;
}