.post-list {
	margin-bottom: 44px;
	background: #f1f1f1;
}

.swiper-slide {
	width: auto;
	padding: 0 10px;
}

.tags {
	font-size: 16px;
	color: #333;
}

.tags.on {
	color: #eb6400;
	border-bottom: 1px solid #eb6400;
}

.top-nav {
	background: #fff;
	border-bottom: 5px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	padding: 0 10px;
}

.top-area {
	clear: both;
	background: #fff;
	margin-top: 10px;
	position: relative;
}

.top-area .class-left {
	height: 90px;
	width: 20%;
	display: inline-block;
}

.top-area .class-left img {
	width: 80%;
	margin: 20px;
}

.top-area .class-right {
	float: right;
	width: 60%;
	height: 90px;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
	margin-right: 50px;
}

.top-area .class-right p {
	color: #f35224;
	font-size: 16px;
	margin: 15px 0 5px 0;
	font-weight: bold;
}

.top-area .class-right .info {
	color: #a3a3a3;
	font-size: 12px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.cfocus {
	position: absolute;
	right: 15px;
	top: 30px;
}

.cfocus img {
	width: 30px;
}

.clear {
	clear: both;
}

.sq-topic-list-best {
	padding-bottom: 0;
}

.sq-topic-list-best .list-item .item-header {
	border-bottom: none;
}

.hot-topic {
	padding: 3px 5px;
	background: #f35224;
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
}

.sq-topic-list-best .list-item h4 small {
	margin-top: 10px;
}

.sq-topic-list-best .list-item .item-box {
	margin-top: 0;
}

.post-list .post-item {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	border-bottom: none;
}

.post-list .post-item h4.media-heading {
	color: #44bbb7;
}

.list-topic {
	margin: 3px 5px;
	line-height: 30px;
	font-size: 12px;
	color: #98979c;
}

.list-topic span {
	padding: 1px 8px;
	border: 1px solid #52a3ff;
	color: #52a3ff;
	margin-right: 5px;
	margin-left: 10px;
}

.user-media-header img {
	float: left;
}

.user-post-header {
	float: left;
	margin-left: 10px;
}

h4.signature {
	text-align: left;
	font-size: 12px;
	color: #999999;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-top: 0;
}

.post-list .post-item .post-content {
	line-height: 26px;
}

.post-time {
	margin-right: 0;
	margin-top: 5px;
}

.post-time .pull-left{
	font-size: 12px;
	color:#999;
}
.rezanbox2 {
	background: #fff;
}

.rezanbox2 .zan-box {
	background: url(../Images/p-zan3.png) no-repeat 8px 4px;
	background-size: 20px;
	padding-left: 15px;
}

.rezanbox2 .zan-box img {
	display: inline-block;
}

.post-reply {
	margin-top:10px;
	padding-top: 7px;
}

.post-reply a {
	color: #37cbcb;
}

.post-img {
	width: 100%;
	margin-top: 10px;
}

.h8 {
	height: 8px;
	width: 100%;
	background: #f1f1f1;
}

.item-pic1 img {
	width: 100%;
}

.item-pic2 img {
	float: left;
	width: calc(( 100vw - 35px)/2 );
	width: -moz-calc(( 100vw - 35px)/2 );
	width: -webkit-calc(( 100vw - 35px)/2 );
	height: calc(( 100vw - 35px)/2 );
	height: -moz-calc(( 100vw - 35px)/2 );
	height: -webkit-calc(( 100vw - 35px)/2 );
}

.item-pic2 img:nth-child(2) {
	margin-left: 5px;
}

.item-pic3 img {
	float: left;
}

.item-pic3 img:nth-child(1) {
	width: calc(( 100vw - 35px)/3*2 );
	width: -moz-calc(( 100vw - 35px)/3*2 );
	width: -webkit-calc(( 100vw - 35px)/3*2 );
	height: calc(( 100vw - 35px)/3*2 + 5px );
	height: -moz-calc(( 100vw - 35px)/3*2 + 5px );
	height: -webkit-calc(( 100vw - 35px)/3*2 + 5px );
}

.item-pic3 img:nth-child(2),.item-pic3 img:nth-child(3) {
	width: calc(( 100vw - 35px)/3 );
	width: -moz-calc(( 100vw - 35px)/3 );
	width: -webkit-calc(( 100vw - 35px)/3 );
	height: calc(( 100vw - 35px)/3 );
	height: -moz-calc(( 100vw - 35px)/3 );
	height: -webkit-calc(( 100vw - 35px)/3 );
	margin-left: 5px;
}

.item-pic3 img:nth-child(3) {
	margin-top: 5px;
}

.item-pic4 img {
	float: left;
	width: calc(( 100vw - 35px)/2 );
	width: -moz-calc(( 100vw - 35px)/2 );
	width: -webkit-calc(( 100vw - 35px)/2 );
	height: calc(( 100vw - 35px)/2 );
	height: -moz-calc(( 100vw - 35px)/2 );
	height: -webkit-calc(( 100vw - 35px)/2 );
}

.item-pic4 img:nth-child(even) {
	margin-left: 5px;
}

.item-pic4 img:nth-child(3),.item-pic4 img:nth-child(4) {
	margin-top: 5px;
}

.item-pic5 img {
	float: left;
}

.item-pic5 img:nth-child(1) {
	width: calc(( 100vw - 35px)/2 );
	width: -moz-calc(( 100vw - 35px)/2 );
	width: -webkit-calc(( 100vw - 35px)/2 );
	height: calc(( 100vw - 35px)/2 );
	height: -moz-calc(( 100vw - 35px)/2 );
	height: -webkit-calc(( 100vw - 35px)/2 );
}

.item-pic5 img:nth-child(2),.item-pic5 img:nth-child(3),.item-pic5 img:nth-child(4),.item-pic5 img:nth-child(5)
	{
	width: calc((( 100vw - 35px)/2 - 5px )/2 );
	width: -moz-calc((( 100vw - 35px)/2 - 5px )/2 );
	width: -webkit-calc((( 100vw - 35px)/2 - 5px )/2 );
	height: calc((( 100vw - 35px)/2 - 5px )/2 );
	height: -moz-calc((( 100vw - 35px)/2 - 5px )/2 );
	height: -webkit-calc((( 100vw - 35px)/2 - 5px )/2 );
	margin-left: 5px;
}

.item-pic5 img:nth-child(4),.item-pic5 img:nth-child(5) {
	margin-top: 5px;
}

.item-pic6 img {
	float: left;
}

.item-pic6 img:nth-child(1) {
	width: calc(( 100vw - 40px)/3*2 + 5px );
	width: -moz-calc(( 100vw - 40px)/3*2 + 5px );
	width: -webkit-calc(( 100vw - 40px)/3*2 + 5px );
	height: calc(( 100vw - 40px)/3*2 + 5px );
	height: -moz-calc(( 100vw - 40px)/3*2 + 5px );
	height: -webkit-calc(( 100vw - 40px)/3*2 + 5px );
}

.item-pic6 img:nth-child(2),.item-pic6 img:nth-child(3),.item-pic6 img:nth-child(4),.item-pic6 img:nth-child(5),.item-pic6 img:nth-child(6)
	{
	width: calc(( 100vw - 40px)/3 );
	width: -moz-calc(( 100vw - 40px)/3 );
	width: -webkit-calc(( 100vw - 40px)/3 );
	height: calc(( 100vw - 40px)/3 );
	height: -moz-calc(( 100vw - 40px)/3 );
	height: -webkit-calc(( 100vw - 40px)/3 );
	margin-left: 5px;
}

.item-pic6 img:nth-child(4) {
	margin-left: 0;
	clear:left;
}

.item-pic6 img:nth-child(3),.item-pic6 img:nth-child(4),.item-pic6 img:nth-child(5),.item-pic6 img:nth-child(6)
	{
	margin-top: 6px;
}

.item-pic7 img {
	float: left;
}

.item-pic7 img:nth-child(1),.item-pic7 img:nth-child(6),.item-pic7 img:nth-child(7)
	{
	width: calc(( 100vw - 35px)/2);
	width: -moz-calc(( 100vw - 35px)/2);
	width: -webkit-calc(( 100vw - 35px)/2);
	height: calc(( 100vw - 35px)/2);
	height: -moz-calc(( 100vw - 35px)/2);
	height: -webkit-calc(( 100vw - 35px)/2);
}

.item-pic7 img:nth-child(2),.item-pic7 img:nth-child(3),.item-pic7 img:nth-child(4),.item-pic7 img:nth-child(5)
	{
	width: calc(( 100vw - 45px)/4 );
	width: -moz-calc(( 100vw - 45px)/4);
	width: -webkit-calc(( 100vw - 45px)/4 );
	height: calc(( 100vw - 45px)/4 );
	height: -moz-calc(( 100vw - 45px)/4);
	height: -webkit-calc(( 100vw - 45px)/4 );
	margin-left: 5px;
}

.item-pic7 img:nth-child(n+4) {
	margin-top: 5px;
}

.item-pic7 img:nth-child(6) {
	clear:left;
}
.item-pic7 img:nth-child(7) {
	margin-left: 5px;
}

.item-pic8 img {
	float: left;
}

.item-pic8 img:nth-child(1) {
	width: calc(( 100vw - 45px)/4*3 + 10px );
	width: -moz-calc(( 100vw - 45px)/4*3 + 10px );
	width: -webkit-calc(( 100vw - 45px)/4*3 + 10px );
	height: calc(( 100vw - 45px)/4*3 + 10px );
	height: -moz-calc(( 100vw - 45px)/4*3 + 10px );
	height: -webkit-calc(( 100vw - 45px)/4*3 + 10px );
}

.item-pic8 img:nth-child(n+2) {
	width: calc(( 100vw - 45px)/4 );
	width: -moz-calc(( 100vw - 45px)/4 );
	width: -webkit-calc(( 100vw - 45px)/4 );
	height: calc(( 100vw - 45px)/4 );
	height: -moz-calc(( 100vw - 45px)/4 );
	height: -webkit-calc(( 100vw - 45px)/4 );
	margin-left: 5px;
	margin-top: 5px;
}

.item-pic8 img:nth-child(2) {
	margin-top: 0;
}

.item-pic8 img:nth-child(5) {
	margin-left: 0;
	clear:left;
}

.item-pic9 img {
	float: left;
	width: calc(( 100vw - 40px)/3 );
	width: -moz-calc(( 100vw - 40px)/3 );
	width: -webkit-calc(( 100vw - 40px)/3 );
	height: calc(( 100vw - 40px)/3 );
	height: -moz-calc(( 100vw - 40px)/3 );
	height: -webkit-calc(( 100vw - 40px)/3 );
}

.item-pic9 img:nth-child(n+4) {
	margin-top: 5px;
}

.item-pic9 img:nth-child(n+2) {
	margin-left: 5px;
}

.item-pic9 img:nth-child(3n+1) {
	margin-left: 0;
}