html,
body{
	margin: 0;
	padding: 0;
	height: 100%;
}
ul,
ol,
h3,
h5,
p {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	border: 0 none;
	width: auto\9;
	max-width: 100%;
	vertical-align: top;
	height: auto;
}

h3,
h5,
p {
	font-family: "微软雅黑";
}
/* 列表页 */
.content{
	width: 91.466%;
	margin: auto;
	margin-top: 12px;
}
.content ul li{
	overflow: hidden;
	margin-bottom: 8px;
}
.content ul li .box{
	background: #FFF9F9;
	width: 91%;
	float: right;
	padding: 4%;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0,0,0,0.9);
	line-height: 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
}
.content ul li .box img{
	width: 18px;
	height: 18px;
}
.content ul .red{
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.08);
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(249, 122, 35, 1), rgba(242, 51, 61, 1));
}
.content ul .green{
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.08);
	border-radius: 6px;
	background:  linear-gradient(180deg, rgba(0, 198, 174, 1), rgba(0, 186, 227, 1));
}
.content ul .green .box{
	background-color: #ffffff;
	width: 91%;
	border-radius: 6px;
}
.content ul .blue .box{
	background: linear-gradient(90deg, #E5F1FF 0%, #C8E3FF 100%);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.08);
	border-radius: 8px;
}
/* 详情页 */
.detail_red{
	background: #FFF4F4;
}
.detail{
	overflow: hidden;
	position: relative;
	padding-bottom: 12px;
	/* height: 100%; */
}
.detail_red .top_back{
	width: 100%;
	height: 245px;
	background: url(../images/red_back_top.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.detail_red .bottom_back{
	width: 100%;
	height: 200px;
	background: url(../images/red_back_bottom.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.detail_green{
	background: linear-gradient(180deg, #07C8BC 0%, #43B5A7 41%, #26A568 100%);
}
.detail_green .top_back{
	width: 143px;
	height: 144px;
	background: url(../images/green_back_top.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.detail_green .bottom_back{
	width: 100%;
	height: 121px;
	background: url(../images/green_back_bottom.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.detail_blue{
	background: linear-gradient(180deg, #0289F5 0%, #98CAFF 100%);
}
.detail_blue .top_back{
	width: 143px;
	height: 180px;
	background: url(../images/blue_back_top.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.detail_blue .bottom_back{
	width: 100%;
	height: 210px;
	background: url(../images/blue_back_bottom.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.detail_content{
	width: 91.466%;
	background: #FFFFFF;
	border-radius: 4px;
	margin: auto;
	margin-top: 12px;
	position: relative;
	z-index: 999;
	overflow: hidden;
	padding-bottom: 12px;
	padding-top: 12px;
}
.detail_content .widthty{
	width: 94.17%;
	margin: auto;
}
.detail_content .title{
	font-size: 20px;
	font-weight: bold;
	color: rgba(0,0,0,0.9);
	line-height: 28px;
}
.detail_content .title2{
	font-size: 15px;
	font-weight: bold;
	color: rgba(0,0,0,0.9);
	line-height: 28px;
}
.detail_content .time{
	margin-top: 6px;
	/*text-align: center;*/
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	line-height: 20px;
}
.detail_content .info{
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	min-height: 300px;
}
.detail_content .info div{
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	margin-bottom: 8px;
}
.detail_content .info p{
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	margin-bottom: 8px;
}
.detail_content .info img{
	width: 100%;
	margin-bottom: 8px;
}
.btns{
	width: 91.466%;
	margin: auto;
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 999;
}
.btns div{
	width: 49%;
	background: #FFFFFF;
	border-radius: 4px;
	padding: 4px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0,0,0,0.9);
	line-height: 22px;
}
.btns div img{
	width: 18px;
	height: 18px;
	margin-right: 4px;
}

/* 新四军纪念馆 */
.topImg{
	width: 100%;
	margin-bottom: 12px;
}
.topImg img{
	width: 100%;
}
.channel{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.channel .channelImg{
	width: 100%;
	height: 100%;
}
.channel .channelImg img{
	width: 100%;
	height: 100%;
}
.channel .channelList{
	position: absolute;
	bottom: 10%;
	width: 260px;
	left: 50%;
	margin-left: -130px;
}
.channel .channelList ul{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch
}
.channel .channelList ul li{
	width: 49.23%;
	background: rgba(255,255,255,0.6);
	border-radius: 4px;
	margin-bottom: 4px;
	padding: 4px 0;

}
.channel .channelList ul li div{
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	width: 84.375%;
	margin: auto 6px;
}
.channel .channelList2{
	position: absolute;
	bottom: 10%;
	width: 128px;
	right: 8.8%;
	top: 10.13%;
}
.channel .channelList2 ul{
	overflow: hidden;
}
.channel .channelList2 ul li{
	background: rgba(255,255,255,0.6);
	border-radius: 4px;
	margin-bottom: 4px;
	padding: 4px 0;
}
.channel .channelList2 ul li div{
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	width: 84.375%;
	margin: auto 6px;
}

.info .infoImg{
	width: 100%;
}
.info .infoImg img{
	width: 100%;
}
.info .infoBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 7px;
}
.info .infoBox .lang{
	width: 70%;
	height: 102px;
}
.info .infoBox .lang img{
	width: 100%;
	height: 100%;
}
.info .infoBox .small{
	width: 30%;
	height: 100px;
	background: #920182;
	display: flex;
	justify-content: center;
	align-items: center;
}
.info .infoBox .small p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 22px;
}