m_stat.less 1.32 KB
/***************************************************
* feature  :  评论统计模块;
* update   :  2015/02/03;
* use      :  .m-stat;
* extend   :  ;
* example  :  ;
* desc     :  ;
* feedback :  此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
*          -  demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
****************************************************/
@import "var";

.m-stat{
	padding: 12px 0 12px 90px;
	background-color: #fff;
	.rate{
		font-size: 12px;
		color: #666;
		text-align: center;
		float: left;
		margin-left: -58px;
		margin-top: 0;
		em{
			font-style: normal;
			font-size: 18px;
			color: #FF9D2C;
		}
	}
	ul{
		width: 100%;
	}
	li{
		width: 100%;
		font-size: 10px;
		color: #666;
		box-sizing: border-box;
		padding: 0 50px;
		overflow: hidden;
		position: relative;
		.text{
			float: left;
			margin-left: -50px;
			text-align: right;
			width: 70px;
            margin-right: 15px;
		}
		.progress{
			display: block;
			background-color: #ddd;
			height: 10px;
			font-size: 0;
			margin-top: 3px;
			span{
				display: block;
				height: 100%;
				background-color: #ff9d2c;
			}
		}
		.percent{
			position: absolute;
			right: 4px;
			top: 0;
			text-align: left;
			width: 36px;
			margin-left: 10px;
		}
	}
}