body{
	background:#F5F7FA
}
.worktype{
	text-align:center;
	height:50px;
	position:fixed;	
	bottom: 0px;
	width: 100%;
	background: #FFF;
	z-index: 9;
	border-top: 1px solid #E6E9ED;
	display: table;
}
.worktype>div {
	display: table-cell;
	vertical-align: middle;
}
#task{ 
	color:#DD0000;
	width: 50%;
	padding-left: 0.8em;
}
#operating{ 
	 
	width: 50%;
	padding-left: 0.8em;
}
 .worktype>div>span {
	display: block;
	font-size:1em;
	margin-top: 0.4em;
}
.header { 
	 color:#FFFFFF;
	 height:20px;
}
.setting{
	float:right;
	font-size:1.2em;
}
.center{
	text-align:center;
	clear:both;
	width:100%;
	padding-bottom: 40px;
}
.noselect{
	background: #F5F7FA; 
}
 
 .amount{
	margin :8px;
 	background: #fff; 
 }
.amounttitle{
	height:30px;
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
}
.amounttitle >div{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
  
.center .salesamountpaneldiv {
	 
	margin-bottom: 0.8em;
	 
}

 .center .salesamountpaneldiv .numpanel {
	background: #FFF;
	padding: 2em 0.8em 0 1em;
	 
	 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.destination {
	display: table !important;
	width: 100%;
	background-color: #fff;
	height:25px;
}

.center .salesamountpaneldiv .numpanel .amountpanel {
	display: inline-block;
}
.center .salesamountpaneldiv .numpanel .amountpanel .amountdiv {
	border-radius: 50%;
	/*  background: #DD0000; */
	width: 8em;
	height: 8em;
	text-align: center;
	/* border: 1px solid; #DD0000 */
	display: table;
}

.center .salesamountpaneldiv .numpanel .amountpanel .amountdiv .salesamount
	{
	vertical-align: middle;
	display: table-cell;
}
.center .salesamountpaneldiv .numpanel .amountpanel .amountdiv .salesamount .salesamountspan1
	{
	font-size: 1.2em;
	display: block;
	color: #FFF;
}

.center .salesamountpaneldiv .numpanel .amountpanel .amountdiv .salesamount .salesamountspan2
	{
	font-size: 1.4em;
	display: block;
	color: #FFF;
	font-weight: bold;
	padding-top: 0.5em;
}
 
 #target{
 	display:table-cell;
	 font-size: 1.2em;
	 width: 50%;
	 color:#999999;
 }
 #actual{
 display:table-cell;
  	font-size: 1.2em;
  	 width: 50%;
  	  color:#999999;
 }
 
  .addvip{
	margin :8px;
 	background: #fff; 
 	
 }
.addviptitle{
	 height:30px;
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
}
.addviptitle >div{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.center .addvippaneldiv {
	 
	margin-bottom: 0.8em;
	 
}

 .center .addvippaneldiv .numpanel {
	background: #FFF;
	padding: 2em 0.8em 0 1em;
	 
	 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

 
.center .addvippaneldiv .numpanel .addvippanel {
	display: inline-block;
}
.center .addvippaneldiv .numpanel .addvippanel .addvipdiv {
	border-radius: 50%;
	/*  background: #DD0000; */
	width: 8em;
	height: 8em;
	text-align: center;
	/* border: 1px solid; #DD0000 */
	display: table;
}

.center .addvippaneldiv .numpanel .addvippanel .addvipdiv .vip
	{
	vertical-align: middle;
	display: table-cell;
}
.center .addvippaneldiv .numpanel .addvippanel .addvipdiv .vip .addvipspan1
	{
	font-size: 1.2em;
	display: block;
	color: #FFF;
}

.center .addvippaneldiv .numpanel .addvippanel .addvipdiv .vip .addvipspan2
	{
	font-size: 1.4em;
	display: block;
	color: #FFF;
	font-weight: bold;
	padding-top: 0.5em;
}

 
 .birthday{
	margin :8px;
 	background: #fff; 
 }
.birthdaytitle{
 	
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
	height:30px; 
}
.birthdaytitle >div{
	display:table-cell;
	width:25%;
	vertical-align:middle;
}
 

 .center .birthdaypaneldiv .numpanel {
	background: #FFF;
	 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
 .center .birthdaypaneldiv .numpanel .birthdaypanel .hphoto{
 	float: left;
 	width: 25%;
 	padding:1em 0;
 	text-align: center;
 }
   .center .birthdaypaneldiv .numpanel .birthdaypanel {
   	 background-color: #fff;
  }
  
  .birthdaypanel:after {
  	content: '';
  	display: block;
  	height: 0;
  	line-height: 0;
  	clear: both;
  }
 
  .center .birthdaypaneldiv .numpanel .birthdaypanel .hphoto img{
  	border-radius: 50%;
	width: 4em;
	height: 4em;
  }
 .birthdaytail{
 	padding:0.8em;
	 
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	border-top:1px solid #E6E9ED;
 }
 .birthdaytail input{
 	border: none;
	color: #FFF;
	width: 100%;
	text-align: center;
	height: 3.4em;
	font-size: 1.2em;
 }
 
 

.feedback{
	margin :8px;
 	background: #fff; 
 }
.feedbacktitle{
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
	height:30px; 
}
.feedbacktitle >div{
	display:table-cell;
	width:25%;
	vertical-align:middle;
}


 
 .center .feedbackpaneldiv .numpanel {
	background: #FFF;
	 
 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
 .center .feedbackpaneldiv .numpanel .feedbackpanel .hphoto{
 	float: left;
 	width: 25%;
 	padding:1em 0;
 	text-align: center;
 }
   .center .feedbackpaneldiv .numpanel .feedbackpanel {
   	 background-color: #fff;
  }
  
  .feedbackpanel:after {
  	content: '';
  	display: block;
  	height: 0;
  	line-height: 0;
  	clear: both;
  }
 
  .center .feedbackpaneldiv .numpanel .feedbackpanel .hphoto img{
  	border-radius: 50%;
	width: 4em;
	height: 4em;
  }
 .feedbacktail{
 	padding:0.8em;
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	border-top:1px solid #E6E9ED;
 }
 
 
 
 
 
 
 
.unconsumed{
	margin :8px;
 	background: #fff; 
 }
.unconsumedtitle{
 
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
	height:30px; 
}
.unconsumedtitle >div{
	display:table-cell;
	width:25%;
	vertical-align:middle;
}
 

 .center .unconsumedpaneldiv .numpanel {
	background: #FFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
 .center .unconsumedpaneldiv .numpanel .unconsumedpanel .hphoto{
 	float: left;
 	width: 25%;
 	padding:1em 0;
 	text-align: center;
 }
   .center .unconsumedpaneldiv .numpanel .unconsumedpanel {
   	 background-color: #fff;
  }
  
  .unconsumedpanel:after {
  	content: '';
  	display: block;
  	height: 0;
  	line-height: 0;
  	clear: both;
  }
 
  .center .unconsumedpaneldiv .numpanel .unconsumedpanel .hphoto img{
  	border-radius: 50%;
	width: 4em;
	height: 4em;
  }
 .unconsumedtail{
 	padding:0.8em;
	 
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	border-top:1px solid #E6E9ED;
 }
 
 
 
.register{
	margin :8px;
 	background: #fff; 
 }
.registertitle{
 
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	display: table;
	width:  100%;
	height:30px; 
}
.registertitle >div{
	display:table-cell;
	width:25%;
	vertical-align:middle;
}
 

 .center .registerpaneldiv .numpanel {
	background: #FFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
 .center .registerpaneldiv .numpanel .registerpanel .hphoto{
 	float: left;
 	width: 25%;
 	padding:1em 0;
 	text-align: center;
 }
   .center .registerpaneldiv .numpanel .registerpanel {
   	 background-color: #fff;
  }
  
  .registerpanel:after {
  	content: '';
  	display: block;
  	height: 0;
  	line-height: 0;
  	clear: both;
  }
 
  .center .registerpaneldiv .numpanel .registerpanel .hphoto img{
  	border-radius: 50%;
	width: 4em;
	height: 4em;
  }
 .registertail{
 	padding:0.8em;
	 
	font-size: 1.2em;
	text-align:center;
	white-space: nowrap;
	border-top:1px solid #E6E9ED;
 }
 
 .center .sort_coat {
	height: 3em;
    padding-bottom: 0.8em;
}
 .center .sort {
	background: #FFF;
	display: table;
	width: 100%;
	height: 3em;
}
 .center .sort>div {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
	text-align: center;
}

 .center .sort>div>span {
	font-size: 1.2em;
}

.showbacklog { 
	margin: 0 1em;
}

.showbacklog-head {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1em;
}

.showbacklog-row {
	display: table-row;
}

.showbacklog-row > div {
	display: table-cell;
	vertical-align: middle;
}

.showbacklog-row > div:first-child {
	height: 2.5em;
	font-size: 1.4em;
	text-align: left;
	font-weight: bold;
}

.showbacklog-row > div:first-child + div {
	font-size: 1.2em;
	width: auto;
	text-align: right;
}

.showbacklog-circle {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 1em;
	
}

.showbacklog-body {
	font-size: 1.2em;
	text-align: left;
	padding: 0 1em 0.5em 1em;
}

.showbacklog-button {
	border-top: 1px solid #e7e7e7;
	font-size: 1.2em;
	line-height: 2.5em;
}
.common{
	background-color: #A6A6A6;
}
.important{
	background-color: #FFAF38;
}
.urgent{
	background-color: #FF4F3E;
}