@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	background:#f5f5f5;
	/*background:darkolivegreen;*/
}
ul,li{ list-style: none; }
.clearFix:after{
	content: '';
	display: block;
	clear: both;
}
.box{
	width: 420px;
	margin: 50px auto;
}
.signBox{
	margin-top: 5px;
	padding-left: 34px;
}
.signBox span{
	display: inline-block;
	vertical-align: middle;
	color:#333;
	font-size: 14px;
	margin-right: 10px;
}
.signBox span.bgColor{
	width: 16px;
	height: 12px;
	background: #5E76AC;
}
.topSquareBox .leftSquareY{
	float: left;
}
.topSquareBox .leftSquareY li{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#333;
	font-size: 12px;
	border-bottom: 1px solid transparent;
}
.rightWrap{
	float: right;
}
.topSquareX li{
	float: left;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#333;
	font-size: 12px;
}
.bottomSquareX{
	border:1px solid #c6c9cc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.bottomSquareX .row + .row{
	border-top:1px solid #c6c9cc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.bottomSquareX .rowList li{
	float: left;
	height: 30px;
	background:#f5f7f8;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}
.bottomSquareX .rowList li:last-child{
	border-right: none;
}
.bottomSquareX .rowList li.rightLine{
	border-right: 1px solid #c6c9cc;
}
.bottomBox{
	margin-top: 5px;
}
.bottomBox .totalText{
	float: left;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#333;
	font-size: 12px;
	font-weight: bold;
}
.bottomBox .totalSquareX{
	float: right;
	border: 1px solid #c6c9cc;
}
.bottomBox .totalSquareX li{
	float: left;
	height: 30px;
	background:#fff;
	border-right: 1px solid #c6c9cc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
}
.bottomBox .totalSquareX li:last-child{
	border-right: none;
}
.bottomBox .totalSquareX li.select,
.bottomSquareX .rowList li.select{
	background: #5E76AC;
}