@import url("swiper.min.css");
@import url("common_m.css");
body:before{ content:""; display: block; position: fixed;  width: 100%; height: 26rem; z-index: -1; }
header { position: relative; background-image:linear-gradient(#2b96f0, #b9d9f6); padding-bottom: 2rem;  }
.header_top .logo { width: 16rem; }
.header_top .logo img { width: 100%; }
.search { width: 94%; border: none; margin: 0 3%; }
/*内容*/
.con_rwap { position: relative; }
.type_list:nth-child(4) .wrap_head h3 em { background: #e8b856;} 
.type_list:nth-child(5) .wrap_head h3 em { background: #5ec7b4;} 
.type_list:nth-child(6) .wrap_head h3 em { background: #5c99f3;} 
.type_list:nth-child(7) .wrap_head h3 em { background: #c16ed6;} 
.type_list:nth-child(8) .wrap_head h3 em { background: #36ad9e;}
/* 热门栏目(首页/频道页) */
.nav { width: 94%; margin: 1rem 3%; padding: 0.5rem 0; border-radius: 1rem;  }
.nav_ti .position a { margin: 0 0.15625rem;}
.nav ul { width: 100%; }
.nav ul li { width: 20%; float: left; margin: 1rem 0; }
.nav ul li a { display: block; }
.nav ul li em { width: 2.4rem; height: 2.4rem; display: block; background: #0fc3b2; margin: 0 auto; background-size: 90%; border-radius: 100%; text-align: center; line-height: 2.4rem; color: #fff; font-size: 30px; }
.nav ul li p { text-align: center; font-size: 0.75rem; color: #666; overflow: hidden; height: 1rem; padding: 0 0.4rem; margin-top: 0.5rem;  }
.nav ul li:nth-child(1) em {  background: #08c3bc; }
.nav ul li:nth-child(2) em {  background: #8e49ff; }
.nav ul li:nth-child(3) em {  background: #f36e34; }
.nav ul li:nth-child(4) em {  background: #379bf1; }
.nav ul li:nth-child(5) em {  background: #67af50; }
/*热门专题*/
.hot_zt { padding: 0 3%; }
.zt_nr { padding: 0 3%; }
.hot_zt .zt_a { width: 100%; margin: 1.5% 0; border-radius: 10px; overflow: hidden; }
.hot_zt .zt_a:nth-child(2n) { float: right; }
.hot_zt .zt_a img { width: 100%; }
.hot_zt .swiper-pagination { bottom: 0rem; }
.swiper-container { padding-bottom: 1.5rem; }
.swiper-pagination-bullet { background-color: #cdd2de; border-radius: 1rem; opacity: 1; transition: 0.3s ease; }
.swiper-pagination-bullet-active { width: 15px; transition: 0.3s ease; }
/*热门栏目*/
.hot_lm { padding: 0 3%; }
.con_ban { background: #fff; padding: 1rem 0 0.5rem 0; border-radius: 0.4rem; margin-top: -2rem; }
.lm_nav { width: 32%; line-height: 2.5rem; height: 2.5rem; display: block; float: left; text-align: center; background: #f5f5f8; margin-left: 2%; margin-bottom: 0.5rem; border-radius: 0.4rem; box-sizing: border-box; padding: 0 0.3rem; }
.lm_nav:nth-child(3n+1) { margin-left: 0; }
.lm_nav:nth-child(1) { background: #f36e34; color: #fff; }
.lm_nav:nth-child(2) { background: #2191f0; color: #fff; }
.lm_nav:nth-child(3) { background: #08c3bc; color: #fff; }
.lm_nav2 { width: 32%; line-height: 2.5rem; height: 2.5rem; display: block; float: left; text-align: center; background: #f5f5f8; margin-left: 2%; margin-bottom: 0.5rem; border-radius: 0.4rem; box-sizing: border-box; padding: 0 0.3rem; }
.lm_nav2:nth-child(3n+1) { margin-left: 0; }
.lm_nav2:nth-child(1) { background: #839abe; color: #fff; }
.lm_nav2:nth-child(2) { background: #67af50; color: #fff; }
.lm_nav2:nth-child(3) { background: #8e49ff; color: #fff; }


.swiper-tab {
	width: 100%;
	background: #fff;
	overflow: hidden;
	float: left;
	margin-top: -10px;
	padding: 3% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.swiper-tab .iconfont {
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	vertical-align: middle;
	padding-right: 3px
}

.swiper-tab .swiper-tab-title {
	height: 43px;
	margin-bottom: 1%
}

.author-box .swiper-pagination-bullet,.swiper-tab .swiper-pagination-bullet {
	float: left;
	width: 33%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 0;
	color: #333;
	border-bottom: 2px solid #eee;
	text-align: center;
	opacity: 1
}

.author-box .swiper-pagination-bullet-active,.swiper-tab .swiper-pagination-bullet-active {
	color: #2191f0;
	border-bottom: 2px solid #2191f0
}

.swiper-tab .swiper-tab-list ul {
	float: left;
	box-sizing: border-box;
	padding: 2% 3% 0 3%;
	overflow: hidden
}

.swiper-tab .swiper-tab-list ul li {
	float: left;
	width: 100%;
	font-size: 15px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	font-family: iconfont!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.swiper-tab .swiper-tab-list .pubdate li:before {
	position: relative;
	top: 50%;
	float: left;
	margin-right: 6px;
	color: #2191f0;
	content: "\e692";
	font-size: 20px;
	transform: translateY(-50%)
}

.swiper-tab .swiper-tab-list .pubdate li a {
	float: left;
	display: block;
	width: 84%;
	height: 32px;
	overflow: hidden
}

.swiper-tab .swiper-tab-list .pubdate li time {
	float: right;
	font-size: 12px;
	color: #999
}

.swiper-tab .swiper-tab-list .tuijian li span {
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	padding: 0 1%;
	height: 20px;
	border: solid 1px #2191f0;
	color: #2191f0;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	border-radius: 4px
}

.swiper-tab .swiper-tab-list .tuijian li span a {
	color: #2191f0
}

.swiper-tab .swiper-tab-list .click li em {
	font-style: inherit;
	position: relative;
	top: 50%;
	float: left;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	border-radius: 6px;
	background: #c0cbd6;
	color: #fff;
	text-align: center;
	font-style: inherit;
	font-size: 12px;
	line-height: 18px;
	transform: translateY(-50%)
}

.index-nav,.list-box,.swiper-tab {
	margin-bottom: 8px;
	border-radius: 15px
}