main.list-page{
	padding-bottom: 100px;
}
.list-page-content{
	display: inline-block;
	vertical-align: top;
	width: 860px;
	margin-left: 35px;
}
.list-page-content ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/*
	writing-mode: tb-lr;
	-webkit-column-count:3;
	-moz-column-count:3;
	-webkit-column-gap:18px;
	-moz-column-gap:18px;

	 */
}
.list-page-content li{
	display: inline-block;
	width:420px;
	margin-bottom: 20px;
	border:1px solid #ddd;
	vertical-align: top;
}
.list-page-content li .img{
	width: 100%;
	height: 240px;
}
.list-page-content li .list-content{
	padding: 25px;
}
.list-page-content li .time{
	margin-top: 5px;
	color:#999;
	display: flex;
}
.list-page-content li .time span{
	margin-right: 10px;
}
.list-page-content li .title{
	margin-top: 10px;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.list-page-content li p{
	margin-top: 10px;
	line-height: 1.6;
}
.list-btn-box{
	font-size: 0;
}
.list-btn-box a{
	display: inline-block;
	width: 420px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #ededed;
	font-size: 13px;
}
.list-btn-box a + a{
	margin-left: 18px;
}
/* 详情 */
.list-page-detail{
	width: 855px;
	display: inline-block;
	vertical-align: top;
}
.list-page-detail h2{
	font-size: 28px;
	font-weight: normal;
}
.list-page-detail .time{
	color: #999;
}
	.list-page-detail .time div{
		width:auto;
		max-width: 150px;
		overflow: hidden;
		height: 1.8rem;
	}
.list-page-detail .content{
	padding: 20px 0;
	text-indent: 2em;
	line-height: 1.6;
}
.list-page-detail .content img{
	display: block;
	/*width: 100%;*/
}
.list-page-detail .content video{
	width: 100%;
}
.list-page-detail .content iframe{
	display: block;
	width: 100%;
	min-height:450px;
}

.list-detail-nav{
	width: 280px;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}
.list-detail-nav li{
	border-bottom:1px solid #ddd;
}
.list-detail-nav li .img{
	width: 100%;
	height: 170px;
}
.list-detail-nav li .list-content{
	padding: 25px 0;
}
.list-detail-nav li .time{
	color:#999;
}
.list-detail-nav li .title{
	margin-top: 10px;
	display: block;
	font-size: 18px;
}

/* 测试 */
.list-test-content{
	width: 780px;
	padding: 50px 0;
}
.list-test-content .brief span{
	display: block;
	font-size: 24px;
}
.list-test-content .brief p{
	text-indent: 2em;
	line-height: 2;
	font-size: 18px;
}
.list-test-content li span.name{
	height: 40px;
	line-height: 40px;
	padding:0 20px;
	display: block;
	background-color: #ededed;
	font-size:15px
}
.list-test-content li .answer{
	padding: 20px;
}
.list-test-content li .answer input{
	color:#1AAF1E;
}
.list-test-content .question .layui-btn{
	background-color: #1AAF1E;
	width: 180px;
	border-radius: 5px;
	margin: 50px auto 0;
	display: block;
}
.list-test-content .btn-box button{
	width: 160px;
	border-radius: 5px;
	margin:0 5px;
}
.list-test-content .btn-box button.more{
	background-color: #1AAF1E;
}
.list-test-content .btn-box button.again{
	background-color: #ededed;
	color:#666;
}

/* 关于我们 */
.list-about-content{
	display: inline-block;
	vertical-align: top;
	width: 860px;
	margin-left: 35px;
	border:1px solid #ddd;
	padding: 50px 150px;
	box-sizing: border-box;
}
.list-about-content h2{
	font-weight: normal;
	display: block;
	margin-bottom: 40px;
	font-size: 22px;
}
.list-about-content .text{
	text-indent: 2em;
	line-height: 1.5;
	margin-top: 30px;
}
/* 反馈 */
.list-about-content.complaint{
	padding: 0;
}
.list-about-content.complaint .title{
	display: block;
	line-height: 60px;
	height: 60px;
	font-size: 16px;
	padding: 0 30px;
	border-bottom: 1px solid #ddd;
}
.list-about-content.complaint form{
	padding:30px;
}
.list-about-content.complaint form input{
	margin-bottom: 20px;
	width: 600px;
	height: 40px;
	background-color: #ededed;
}
.list-about-content.complaint .btn-box button{
	width: 160px;
	border-radius: 5px;
	margin:0 5px;
	font-size:13px ;
}
.list-about-content.complaint .btn-box button.btn{
	background-color: #1AAF1E;
}
.list-about-content.complaint .btn-box button.reset{
	background-color: #ededed;
	color:#666;
}

@media only screen and (max-width: 1240px), only screen and (max-device-width: 1240px) {
   .list-page-content{
	   width: 700px;
   }
   .list-page-content li{
	   width: 342px;
   }
   .list-page-content li .img{
	   height: 210px;
   }
   .list-btn-box a{
	   width: 342px;
   }
   .list-btn-box a + a{
	   margin-left: 16px;
   }
   /* 详情 */
   .list-page-detail{
	   width: 685px;
   }
   .list-detail-nav{
	   width: 230px;
   }
   .list-detail-nav li .img{
	   height: 135px;
   }
   
   /* 关于我们 */
   .list-about-content{
	   width: 700px;
	   padding:50px 100px;
   }
   .list-about-content.complaint form input{
   	   width: 100%;
   }
}


@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
   .list-page-nav{
	   width: 200px;
   }
   .list-page-content{
	   width: 480px;
   }
   .list-page-content li{
	   width: 232px;
   }
   .list-page-content li .img{
	   height: 136px;
   }
   .list-btn-box a{
	   width: 232px;
   }
   /* 详情 */
   .list-page-detail{
   	   width: 100%;
   }
   .list-detail-nav{
   	   display: none;
   }
   .list-test-content{
	   width: 640px;
   }
   
   /* 关于我们 */
   .list-about-content{
	   width: 480px;
	   padding: 50px;
   }
}

@media only screen and (max-width: 730px), only screen and (max-device-width: 730px) {
	main.list-page{
		padding-bottom: 1rem;
	}
	.list-page-nav{
		width: 100%;
		font-size: 18px;
	}
	.list-page-content{
		margin-left: 0;
		width: 100%;	
	}
	.list-page-content ul{	      
	   padding:0 .5rem;
	   box-sizing: border-box;
	   writing-mode:horizontal-tb ;
	   -webkit-column-count:auto;
	   -webkit-column-gap:normal;
	}
	.list-page-content li{
		width: 7.35rem;
		margin-bottom: .5rem;
	}
	.list-page-content li .list-content{
		padding: .5rem;
	}
	.list-page-content li .time{
		font-size: .55rem;
		margin-top:.3rem;
		line-height: 1.5;
	}
	.list-page-content li .img{
		height: 5rem;
	}
	.list-page-content li .time span{
		display: block;
		float: none;
		margin-top: .15rem;
	}

	.list-page-content li .title{
		margin-bottom:0;
		margin-top:.3rem;
		font-size: .55rem;
	}
	.list-page-content li p{
		font-size: .5rem;
		margin-top: .3rem;
		min-height:1.65rem;
	}
	.list-btn-box{
		padding:.5rem;
		text-align: center;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.list-btn-box a{
		width: 7.35rem;
		height:1.3rem;
		line-height: 1.3rem;
		font-size: .6rem;
		border-radius: .12rem;
	}
	.list-btn-box a + a{
		margin-left: 0;
	}
	
	/* 详情 */
	.list-page-detail{
		padding: .5rem;
	}
	.list-page-detail h2{
		font-size: .75rem;
		text-align: left;
	}
	.list-page-detail .time{
		margin-top: .3rem;
		font-size: .6rem;
		text-align: center;
		
		width: 100%;
		overflow: hidden;
		height: 1.8rem;
		
		display:flex;
		justify-content: flex-start;
	}
	
	.list-page-detail .time .author{
		width:auto;
		max-width: 150px;
		overflow: hidden;
		height: 1.8rem;
	}
	.list-page-detail .time .fbtime{
		width:150px;
		/*overflow: hidden;*/
		height: 1.8rem;
	}
	.list-page-detail .time .click{
		width:100px;
		/*overflow: hidden;*/
		height: 1.8rem;
	}
	
		.list-page-detail .time .txt-tips{
			display:none;
		}
	
	.list-page-detail .content{
		padding:0;
		font-size: .6rem;
		line-height: 1.8;
		margin-top: 1rem;
	}
	
	/* 测试 */
	#pages{
		text-align: center;
	}
	.list-test-content{
		width: 100%;
		padding:.5rem .5rem 1rem;
	}

	.list-test-content .brief p{
		margin-top: .8rem;
	}
	.list-test-content .btn-box button{
		width: 6rem;
		height: 1.4rem;
		line-height:1.4rem;
		padding:0 .5rem;
	}
	.list-about-content{
		margin-left: 0;
		border:none;
		width: 100%;
		padding: .5rem;
	}
	.list-about-content h2{
		font-size: .8rem;
		margin-bottom: 1rem;
	}
	.list-about-content .text{
		margin-top: 1rem;
		font-size: .65rem;
	}
	
	/* 投诉建议 */
	.list-about-content.complaint .title{
		display: none;
	}
	.list-about-content.complaint form{
		padding: .5rem;
	}
	.list-about-content.complaint form input{
		height: 1.8rem;
		font-size: .55rem;
		margin-bottom: .5rem;
	}
	.list-about-content.complaint .btn-box{
		margin-top: 1rem;
		text-align: center;
	}
	.list-about-content.complaint .btn-box button{
		width: 6rem;
		height: 1.4rem;
		line-height:1.4rem;
		padding:0 .5rem;
	}
}