/*1rem = 100px;*/
body{
	background: #f0f0f0;
}
#page{
	max-width: 7.5rem;
	margin: 0 auto;
	padding: 0 0 1rem;
}
.head{
	background: #325187;
	display: flex;
	justify-content: space-between;
	color:#fff;
	height: 0.9rem;
}
.head_nav{
	display: flex;
	font-size: 0.24rem;
	height: 0.9rem;
	box-sizing: border-box;
	padding: 0.28rem 0;
}
.head_nav>li{
	height: 0.34rem;
	padding: 0 0.25rem;
	line-height: 0.34rem;
	border-right: 1px solid #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.head_nav>li:last-child{
	border:none;
}
.head_nav>li a{
	color:#fff;
	font-family:"思源黑体 CN", Times, serif;
}
.head_nav>li span{
	width: 0.40rem;
	height: 0.03rem;
	border:1px solid #fff;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -0.2rem;
	bottom: -0.1rem;
	display: none;
}
.head_nav>li.active{
	font-size: 0.36rem;
}
.head_nav>li.active span{
	display: block;
}
.head_btn{
	display: flex;
}
.head_btn>li{
	padding: 0 0.15rem;
	border-right: 1px solid #fff;
	height: 0.38rem;
	margin: 0.28rem 0;
	min-width:0.7rem;
	position: relative;
}
.head_btn>li:last-child{
	border: none;
}
.head_btn>li img{
	width: 0.35rem;
	height: 0.35rem;
	position: absolute;
	top: 0;
}
.content_list>li{
	background: #fff;
	padding:0.25rem 0.3rem 0;
	margin-bottom: 0.10rem;
}
.lis_top{
	display: flex;
	position: relative;
}
.user_head{
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.3rem;
}
.user_head img{
	width: 100%;
}
.user_info{
	font-family:"sourceHanSansCN Regular", Times, serif;
}
.user_info h1{
	color:#333333;
	font-size: 0.3rem;
	height: 0.5rem;
	line-height: 0.5rem;
}
.user_info h2{
	color:#808080;
	font-size: 0.2rem;
	height: 0.3rem;
	line-height: 0.3rem;
}
.sh_hid{
	position: absolute;
	right: 0.3rem;
	top: 0rem;
	color:#666666;
}
.sh_hid table{
	width: 0.6rem;
	text-align: center;
	position: absolute;
	right: 0;
	border-radius: 0.04rem;
	border:1px solid #eee;
	background: #fff;
	overflow: hidden;
	display: none;
	z-index: 10;
}
.lis_con{
	padding: 0.25rem 0 0;
}
.lis_con_txt{
	color:#333333;
	font-size: 0.3rem;
	line-height: 0.5rem;
	overflow: hidden;
	max-height: 1.6rem;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.mod_1{
	height: 3.5rem;
	width: auto;
	max-width: 100%;
	margin: 0.1rem 0;
}
.lis_btm{
	border-top:1px solid #e0e0e0;
	display: flex;
	justify-content: space-between;
}
.lis_btm>li{
	display: flex;
	justify-content: space-around;
	width: 33%;
}
.lis_btm>li .lis_btn_s{
	display: flex;
	margin:0 auto;
	padding: 0.2rem 0;
}
.lis_btn_s img{
	width: auto;
	height: 0.4rem;
	margin-right: 0.2rem;
}
.lis_btn_s span{
	height: 0.2rem;
	line-height: 0.2rem;
}
.mod_2_list{
	display: flex;
	flex-wrap: wrap;
}
.mod_2_list>li{
	width: 2.23rem;
	height: 2.23rem;
	overflow: hidden;
	margin-bottom: 0.10rem;
	margin-right: 0.05rem;
}
.mod_2_list>li img{
	width: 100%;
}
.toutiao_tit{
	color: #3597dc;
}
.toutiao_con{
	position: relative;
	width: 6.9rem;
	height: 3.9rem;
	margin:0.1rem auto 0.2rem;
	overflow: hidden;
}
.toutiao_con>img{
	width: 100%;
	height: auto;
}
.toutiao_h{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.8rem;
	padding: 0.22rem 0.27rem;
	display: flex;
}
.toutiao_h img{
	width: 0.36rem;
	height: 0.36rem;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 0.17rem;
}
.toutiao_h p{
	line-height: 0.36rem;
	height: 0.36rem;
	color:#fff;
	font-size: 0.22rem;
}
.foot{
	height: 1rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}
.foot_list{
	display: flex;
	justify-content: space-around;
	padding: 0.05rem 0.5rem;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.foot_list>li{
	padding: 0 0.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 0.9rem;
	position: relative;
}
.foot_list>li img{

	width: 0.4rem;
	height: 0.37rem;
	margin-top: 0.17rem;
}
.foot_list>li p{
	width: 0.5rem;
	text-align:center;
	color:#999999;
	font-size: 0.2rem;
	font-family:"思源黑体 CN", Times, serif;
}
.foot_list>li.foot_ac p{
	color:#325187;
}
.news{
	background: #325187;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 50%;
}
.foot_list>li .news img{
	height: 0.46rem;
	width: 0.53rem;
	display:block;
	margin: 0.19rem auto;
}
.po_ab{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
}
.foot_list>li img{
	margin: 0.1rem auto 0;
}
.foot_list>li p{
	width: 100%;
	overflow: hidden;
  	white-space:nowrap;
}
.load{
			width: 100%;
			text-align: center;
		}
		.load img{
			display: block;
			margin: 0 auto;
			height: 0.4rem;
			width: auto;
		}
		.foot{
			z-index: 999;
		}

		.zf_bg{
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
		    background: rgb(0, 0, 0,.3);
		    z-index: 333;
		    display: none;
		}
		.zf_par{
			width: 95%;
			padding: 0 0.15rem 0.25rem;
			background: #fff;
    		box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);
			position: fixed;
			left: 2.5%;
			top: 3.5rem;
			border-radius: 0.05rem;
		}
		.zf_ipt{
			min-height: 0.92rem;
    		border:1px solid #eee;
    		padding: 0 0.1rem;
    		line-height: 0.3rem;
    		max-height: 1.5rem;
    		overflow-y:auto;
		}
		.zf_ipt img{
			height: 0.3rem;
			width: auto;
		}
		.zf_btm{
			display: flex;
			justify-content: space-between;
			margin-top:0.1rem;
		}
		#biaoqing{
			width: 0.4rem;
		    height: 0.4rem;
		    border: none;
		   background: url("/index_3/n_images/n_biaoqing.png") center center no-repeat;
		   background-size: cover;
		}
		.zf_tijiao{
    		color:#fff;
    		padding: 0 0.1rem 0 0.1rem;
		    white-space: nowrap;
		    display: inline-block;
		    border-radius: 0.02rem;
		    font-size: 0.12rem;
		    min-width: 0.4rem;
		    text-align: center;
		    background: #ff8140;
    		border: 1px solid #f77c3d;
    		height: 0.4rem;
    		line-height: 0.4rem;
    	}
    	.emoji_container{
    		z-index: 400;
    		width: 90%;
    	}
    	.zf_top{
    		height: 0.39rem;
    		line-height: 0.39rem;
    		border-bottom: 1px solid #eee;
    	}
    	.close_zf{
    		display: inline-block;
			width: 0.4rem;
			text-align: center;
			color:#696e78;
			float: right;
			cursor: pointer;
    	}
    	.blue{
    		color:#3e5b8e;
    	}
    	.zhuanfa{
    		background: #eeeeee;
    		margin: 0.2rem 0;
    		padding: 0 0.03rem;
    	}
    	.toutiao_con{
    		margin-top: 0.2rem;
    	}
    	.mod_2_list{
    		margin-top: 0.1rem;
    	}
    	.fatie{
    		position: fixed;
    		right: 0.1rem;
    		bottom: 20%;
    		width: 0.75rem;
    		height: 0.75rem;
    		border-radius: 50%;
    		overflow: hidden;
    		background: #325187;
    		z-index: 999;
    	}
    	.fatie img{
    		display: block;
    		width: 0.33rem;
    		height: auto;
    		margin: 0.2rem auto;
    	}
    	.seach_ipt{
    		width: 2.25rem;
    		height: 0.38rem;
    		border-radius: 0.175rem;
    		border:none;
    		line-height: 0.38rem;
    		padding: 0 0.1rem;
    		display: none;
    	}
    	.user_info h1{
    		font-size:0.33rem;
    		color:#325187;
    		font-weight: bold;
    	}
    	.lis_box{
    		font-size: 0.25rem;
			position: relative;
    	}
    	.img_par_n_p .lis_con_txt{
    		font-size: 0.25rem;
    	}
    	.zhuanfa .lis_con_txt{
    		font-size: 0.25rem;
    		padding: 0 0.2rem;
    	}
    	.lis_btm{
    		border-color:transparent;
    		margin-top:-0.2rem;
    	}
    	.lis_btn_s span{
    		height: 0.4rem;
    		line-height: 0.4rem;
    		font-size: 0.25rem;
    	}
    	.lis_con{
    		box-sizing: border-box;
    	}
    	.toutiao_con{
    		width: auto;
    		max-width: 100%;
    		height: 3.3rem;
    		border-radius: 0.2rem;
    	}
    	.toutiao_h{
    		background: rgba(0,0,0,.4);
    	}
    	.zhuanfa,.toutiao_con>img,.mod_1,.mod_2_list>li{
    		border-radius: 0.2rem;
    	}
    	.head_top>li{
    		margin:0.18rem 0 ;
    	}
    	.head_top>li img{
    		width: 0.5rem;
    		height: 0.5rem;
    	}
    	.head_nav>li{
    		font-size: 0.34rem;
    		text-align:center;
    		width: 34%;
    		height: 0.5rem;
    		line-height: 0.5rem;
    	}
    	.head_nav{
    		flex: 1;
    		padding: 0;
    		margin:0.18rem 0.4rem;
    		border:1px solid #fff;
    		height: auto;
    		border-radius: 0.1rem;
    	}
    	.head_nav>li.active{
    		background: #fff;
    		color:#325187;
    	}