@charset "utf-8";

.rate-list{display:flex;overflow:hidden;margin:30px 0;}
.rate-list-face{width:52px;margin-right:20px;}
.rate-list-face svg{border:1px solid #f3f3f3;padding:3px;text-anchor:middle;border-radius:50%;font-size:30px;}
.rate-list-face svg rect{fill:#9AA2AB;}
.rate-list-face svg text{fill:#dee2e6;}
.rate-list-wrap{flex:1 0;}
.rate-list-head{display:flex;align-items:center;justify-content:space-between;}
.rate-list-name{font-weight:bold;}
.rate-list-name i{margin:0 8px;font-size:16px;color:#999;font-weight:normal;}
.rate-list-like a{color:#999;font-size:15px;}
.rate-list-like.active a{color:#f30;}
.rate-list-body{padding:10px 0;word-break:break-all;}
.rate-list-foot{display:flex;align-items:center;justify-content:space-between;}
.rate-list-time{color:#999;font-size:13px;}
.rate-list-time a{margin-left:15px;}
.rate-more{padding-left:140px;margin-top:-20px;}
.rate-more a{font-size:14px;}
.rate-more i{font-size:16px;color:#999;margin:0 5px;}

@media(max-width:576px)
{
	.rate-list-face{width:42px;}
	.rate-list-face svg{font-size:24px;}
	.rate-list-foot{display:block;}
}