.related {
	float: left;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

/* all sign style */
.ratyli .rate{color: #46c37b; font-size: 24px;}

/* empty sign style */
.ratyli .rate-empty{color: #46c37b;}

/* full sign style after rating*/
.ratyli.rated .rate-full{color: #46c37b;}

/* active signs (hover)*/
.ratyli .rate-active{color: #46c37b;}

.disabled-star .rate{
	font-size: 16px;
}