.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	margin: 0px;
	padding: 0px;
}

body > article {
	padding: 30px 15px 0px;
}

body > .banner {
	position: relative;

}
.banner img {
	width: 100%;
	display: block;
}
.banner .title {
	font-size: 20px;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 20px 15px;
	background: -webkit-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: -o-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: -moz-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
}

.content-header .seperator {
	text-align: center;
	height: 10px;
}
.content-header .seperator hr {
	width: 100%;
	border: 0;
	height: 1px;
	background: #F0F0F0;
}
.content-header .seperator .text {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	width: 54px;
	height: 18px;
	top: -20px;
	background-color: #FFFFFF;
}
.content-header .seperator .text img {
	width: 100%;
	height: 100%
}
.referrals {
	position: relative;
	margin-top: 15px;
}
.referrals .portrait {
	position: absolute;
	width: 44px;
	height: 44px;
}
.referrals .portrait img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.referrals .profile {
	margin: 0 65px 0 52px;
	padding-top: 3px;
}
.referrals .profile .name {
	color: #2E3337;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.referrals .profile .title {
	margin: 2px 0px 0px;
	color: #80878C;
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.referrals .tag {
	position: absolute;
	right: 0;
	top: 0;
	margin: 9px 0px;
	width: 58px;
	height: 25px;
	background-color: #3AA978;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
	border-radius: 30px;
}

.content-header .referrals {
	margin: 15px 0px 0px;
}
.content-header article .text {
	margin: 25px 0px 0px;
}
.content-header article .text * {
	color: #80878C !important;
	font-size: 16px !important;
	line-height: 26px !important;
}

.content-body {
	margin: 45px 0px 0px;
}
.content-body .seperator {
	text-align: center;
	height: 9px;
}
.content-body .seperator hr {
	width: 100%;
	border: 0;
	height: 1px;
	background: #F0F0F0;
}
.content-body .seperator .text {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	width: 36px;
	height: 18px;
	top: -18px;
	background-color: #FFFFFF;
}
.content-body .seperator .text img {
	width: 100%;
	height: 100%
}
.content-body article .text {
	margin: 30px 0px 0px;
}
.content-body article .text * {
	color: #2E3337 !important;
	font-size: 16px !important;
	line-height: 26px !important;
}
.content-body article .text img {
	width: 100%;
}
.content-reference {
	float: right;
	margin:  15px 0px 0px;
	font-size: 14px;
	color: #C0C4C6;
}
.content-reference .v-seperator {
	padding: 0px 8px;
}

.content-statistics {
	margin: 45px 0px 0px;
	float: left;
	clear: both;
}

.content-statistics > div {
	float: left;
	font-size: 14px;
	color: rgba(192,196,198,1);
}
.content-statistics .reading-count{
}
.content-statistics .bingo-count {
	margin: 0px 0px 0px 12px;
}
.content-statistics .bingo-count img {
	width: 16px;
	height: 15px;
}
.content-statistics .bingo-count img + span {
	margin: 0px 0px 0px 5px;
	vertical-align: top;
}

body > footer {
	margin: 25px 0px 0px;
}

footer .seperator-bold hr {
	width: 100%;
	border: 0;
	height: 10px;
	background: #F4F4F4;
}

.app-download {
	margin: 14px 15px 0px 9px;
	position: relative;
	padding: 0px 70px 0px 35px;
}
.app-download .log {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 34px;
	height: 34px;
}
.app-download .log img {
	width: 100%;
	height: 100%;
}
.app-download .profile {
	margin-left: 5px;
}
.app-download .profile .corp {
	color: rgba(58,169,120,1);
	font-size: 13px;
}
.app-download .profile .desc {
	color: rgba(128,135,140,1);
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.app-download .btn {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 66px;
	height: 30px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	background-color: #3AA978;
	border-radius: 3px;
}

.seperator-content {
	height: 30px;
	margin-top: 35px;
	background-color: #F4F4F4;
}

.seperator-content .content:after {
	display: block;
	content: "热门推荐";
	width: 105px;
	height: 30px;
	position: relative;
	top: -15px;
	background-color: #B5BEC4;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin: 0px auto;
}

.list-recommendations .item {
	position: relative;
	width: 100%;
	height: 8.85rem;
	background: no-repeat center;
	background-size: cover;
}
.list-recommendations .item img {
	width: 100%;
	display: block;
}
.list-recommendations .item .text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	padding: 20px 15px;
	background: -webkit-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: -o-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: -moz-linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
	background: linear-gradient(0deg, rgba(61,61,61,0.8), rgba(0,0,0,0));
}