@charset "utf-8";
	.up-pic-btn {
		position: absolute;
		top: 20px;
		right: 0;
		display: block;
		height: 26px;
		line-height: 26px;
		border-radius: 4px;
		background: #f44336 url(http://www.828i.com/style/img/pic_share.png) no-repeat 5px 6px;
		background-size: 14px;
		padding: 0 10px;
		color: #fff;
		font-size: 12px;
		padding-left: 25px;
		cursor: pointer;
	}

	.pop-poster {
		width: 400px;
		height: 0px;
		overflow: hidden;
		background: #fff;
	}


	.poster-column-a {
		padding: 10px 15px;
	}

	.poster-column-a .thumb {
		float: left;
		display: inline-block;
		width: 48px;
		height: 48px;
		margin-right: 15px;
		border-radius: 100%;
		overflow: hidden;
	}

	.poster-column-a .thumb img {
		width: 48px;
		height: 48px;
	}

	.poster-column-a .writer-name {
		font-size: 18px;
		line-height: 48px;
		font-weight: 600;
	}

	.poster-column-b {
		position: relative;
		font-size: 0;
		overflow: hidden;
	}

	.poster-column-b:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
	}

	.poster-column-b .time {
		position: absolute;
		left: 20px;
		bottom: 20px;
		z-index: 20000;
		color: #fff;
		text-align: center;
	}

	.poster-column-b .time b {
		display: block;
		font-size: 44px;
		line-height: 48px;
		font-weight: 700;
	}

	.poster-column-b .time span {
		font-size: 16px;
		line-height: 20px;
	}

	.poster-column-c {
		padding: 10px 15px;
		border-bottom: 1px solid #f1f1f1;
	}

	.poster-column-c .bt {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.6;
		font-weight: 600;
	}

	.poster-column-c p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		font-size: 16px;
		line-height: 30px;
		color: #999;
	}

	.poster-column-d {
		padding: 10px 15px;
	}

	.poster-column-d div {
		float: left;
		width: 270px;
		text-align: center;
	}

	.poster-column-d div span {
		font-size: 20px;
	}

	.poster-column-d div p {
		font-size: 14px;
		color: #999;
	}

	.poster-column-d .code {
		float: right;
		width: 72px;
		height: 72px;
	}

	.poster-column-d .code img {
		width: 72px;
		height: 72px;
	}

	.mask {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		z-index: 100
	}

	.loading-box {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 200px;
		height: 40px;
		padding: 20px 0 30px 0;
		background: #fff;
		vertical-align: middle;
		text-align: center;
		border-radius: 6px;
		margin: -45px 0 0 -100px;
		z-index: 101;
	}

	.loading-box .ms {
		font-size: 16px;
		margin-bottom: 5px;
		color: #888;
	}

	.poster-mask {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		z-index: 1000;
	}

	.poster-img-wrap {
		display: none;
		position: fixed;
		top: 60%;
		left: 50%;
		width: 400px;
		margin-left: -200px;
		margin-top: -397.5px;
		background: #fff;
		z-index: 1001
	}

	.poster-img-wrap .close {
		position: absolute;
		top: -25px;
		right: -25px;
		display: block;
		width: 51px;
		height: 51px;
		line-height: 44px;
		background: #fff url(/style/img/layer-close.png) no-repeat center center;
		background-size: 30px;
		border-radius: 100%;
		text-align: center;
		font-size: 44px;
		cursor: pointer;
	}
.poster-img-wrap .close:before {
    background: url(http://www.828i.com/style/img/sy_03.png) no-repeat 0 0;
}