html,body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #ecf0f5;
}
.wraper
{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: auto;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*输入组 b*/
.control-wraper{
	float: left;
	background-color: #FFF;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 20px;
}
.forms {
}
.form-group {
	float: left;
	width: auto;
	height: 40px;
	margin-top: 10px;
	/*background-color: #FFF;*/
	box-sizing: border-box;
}
.form-group>.form-label {
	float: left;
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-family: '宋体';
	text-align: right;
	padding-right: 10px;
	color: #585858;
	box-sizing: border-box;
}
.form-group>.selection-box
{
	float: left;
	width: 40%;
	height: 30px;
	margin-right: 10px;
	margin-top: 10px;
	border: solid 1px #CCC;
	box-sizing: border-box;
}
.form-group>.input-box {
	float: left;
	width: auto;
	height: 30px;
	margin-right: 10px;
	margin-top: 5px;
	border: solid 1px #CCC;
	box-sizing: border-box;
}
.form-group>.input-box>input {
	float: left;
	width: 100px;
	height: 26px;
	line-height: 26px;
	box-sizing: border-box;
	border: 0;
	outline: none;
	font-size: 14px;
	font-family: '宋体';
	padding-left: 10px;
	padding-right: 10px;
	color: #AFAFAF;
}
.button
{
	float: left;
	width: auto;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	border-radius: 2px;
	/*background-color: #FFF;*/
	box-sizing: border-box;
	user-select: none;
	cursor: pointer;
}
.blue-button
{
	background-color: #0BA8FF;
}
.datetime-select{
	float: left;
	width: auto;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-right: 10px;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	cursor: pointer;
}
.datetime-select .start-datetime,.datetime-select .end-datetime{
	float: left;
	width: auto;
	height: 30px;
}
.datetime-select .date{
	float: left;
	width: auto;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	padding-right: 5px;
	color: #505050;
}
.datetime-select .time{
	float: left;
	width: auto;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #757575;
}
.datetime-select .time-line{
	float: left;
	width: auto;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #373737;
	padding-left: 5px;
	padding-right: 5px;
}
.datetime-select .xxxxx{
	float: left;
	width: auto;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	border-radius: 2px;
	/*background-color: #FFF;*/
	box-sizing: border-box;
}
.datetime-select .xxxxx{
	float: left;
	width: auto;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	border-radius: 2px;
	/*background-color: #FFF;*/
	box-sizing: border-box;
}
.datetime-select .xxxxx{
	float: left;
	width: auto;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	border-radius: 2px;
	/*background-color: #FFF;*/
	box-sizing: border-box;
}
/*输入组 e*/
.pagition-box
{
	float: right;
	margin-top: 20px;
	box-sizing: border-box;
}
/*懒人样式 b*/
.mt5
{
	margin-top: 5px;
}
.mt10
{
	margin-top: 10px;
}
.mt20
{
	margin-top: 20px;
}
.color-white
{
	color: #FFF;
}
.bg-white
{
	background-color: #FFF;
}
.pl50
{
	padding-left: 50px;
}
.pr50
{
	padding-right: 50px;
}
/*懒人样式 e*/
.table-controls
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
/*底部 b*/
.bottom
{
	width: 100%;
	height: 50px;
	background-color: #FFF;
	position: fixed;
	bottom: 0;
}
.bottom-buttons
{
	float: left;
	width: 33.333%;
	margin-left: 33.33%;
	margin-right: 33.33%;
	height: 50px;
	background-color: #FFF;
}
/*底部 e*/