.wrap{
		width: 1240px;
		margin: 0 auto;
	}
	#main{
		width: 100%;
	}
	.column_zuopin{
		min-height: auto;margin: 0;
	}
	.column_zuopin .column_content{
		padding: 10px 0 ;
	}
	
	#tiles {
	  list-style-type: none;
	  position: relative; /** Needed to ensure items are laid out relative to this container **/

	  padding: 0;
	}
	#tiles li:hover img{
		opacity:0.8;
	}
	/**
	 * Grid items
	 */
	#tiles li {
	 	width: 230px;
		background-color: #ffffff;
		display: none;
		cursor: pointer;
	}
	#tiles li img{
	}
	#tiles li.inactive {
	  visibility: hidden;
	  opacity: 0;
	}
	
	#tiles li img {
	 	display: block;
		width: 100%;
	}
	#tiles li a:hover{
		text-decoration: none;
	}
	#tiles .post-info{
		padding: 10px;
		font-size: 12px;
	}
	#tiles .post-info h3{
		font-size: 15px;
      margin-bottom: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
      color:#333;
	}
	#tiles .post-info span{
		  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
		margin-top: -6px;
		margin-bottom: 10px;
		padding: 8px;
		padding-left: 20px;
		border-bottom: 1px solid #E4E4E4;
		background: url(../images/iconUser.png) no-repeat 0 center;
		color: #999;min-height: 16px;
	}
    #tiles .post-info p{
		    font-size: 12px;
        color: #999;
        margin: 15px 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
	}
	.channellist ul{
		clear: both;
		overflow: hidden;
		margin:20px;
	}
	.channellist ul li{
		float: left;
		background-color: #fff;
		width:calc(32% - 40px);;
		margin:10px 20px;
		box-shadow: 0 1px 2px #D6D6D6;
		text-align: center;
	}
	.channellist ul li .inner{
		overflow: hidden;
		width: 100%;
		padding-bottom: 86%;
		position: relative;
	}
	.channellist ul li .inner .pic {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	}
	.channellist ul li .inner .pic img{
		width: 100%;
		height:100%;
		object-fit: cover;
	}
	.channellist ul li p{
		margin: 20px 0;
	}
	.channellist ul li .more{
		display: block;
		margin: 0 auto;
		max-width: 70%;
		border: 1px solid #D2D2D2;
		color: #999;
		padding: 8px 0;
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.loading {
	    width: 100%;
	    margin: 35px 0;
	    height: 50px;
	    line-height: 50px;
	    background-color: #F5F5F5;
	    text-align: center;
	    border-radius: 4px;
	}
	.none-loading {
	    font-size: 14px;
	    color: #333;
	    width: 100%;
	    margin: 35px 0 !important;
	    height: 50px;
	    line-height: 50px;
	    background-color: #F5F5F5;
	    text-align: center;
	    border-radius: 4px;
	    behavior: url(../pie/PIE.htc);
	}