.loading {
	min-height: 310px;
background-repeat:no-repeat;
 background-position:center;
}
.datalist {   
  color: #222222;   
  font-family: Microsoft YaHei;
  font-size:13px; 
  table-layout:fixed;
  background-color:#FDFDFD;
} 
.table_head {
  background-color:#F6F6F6;
  !importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
} 
.table_head th{font-weight:bold;border:0;}
.datalist caption {   
  font-size: 18px;   
  font-weight: bold;   
}   

.datalist {   
  border: 1px solid #E0E0E0;
  font-family: Microsoft YaHei;  
  border-collapse: collapse;  
  border-right:none; 
  border-left:none; 
}   
.datalist th, .datalist td {
  border: 1px solid #E0E0E0;
  height: 50.56px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-right:none;
  border-left:none;
}
.table_head th{border:0;}
.datalist tr:hover {
	background-color: #F6F6F6;
}
.list:hover{
	color:#0080C0;
	cursor: pointer;
}
#rsp .list:nth-child(1) td{border-top:0;}
#rsp .list:nth-child(6),#rsp .list:nth-child(7){display:none;}
#rsp .red{color:#F00;}
#rsp .Bserial{ width:9%;text-align:center;}
#rsp .Area_Name{ width:13%; padding-left:5px; }
#rsp .Project_Name{ width:10%; padding-left:5px;}
#rsp .Bcontent{width:18%;text-align:left;padding-left:1em;font-size: 16px;}
#rsp .BuserName{width:8%;font-size: 16px;padding-left:5px;}
#rsp .Btime{width:9%;text-align:center;padding-left:5px;font-size: 16px;}
#rsp .Atime{width:11%;text-align:center;padding-left:5px;font-size: 16px;}
#rsp .AcceptDept{ width:12%;padding-left:5px;}
#rsp .AcceptPersonName{ width:7%;padding-left:5px;}
#rsp .Bstate{width:7%;text-align:center;padding-left:5px;font-size: 16px;}
#rsp .list:nth-child(1) td{border-top:0;}
#ssp .list:nth-child(6),#ssp .list:nth-child(7){display:none;}
#ssp .red{color:#F00;}
#ssp .blue{color: #0080FF;}
#ssp .Stype{width: 9%;padding-left:5px;text-align:center;font-size: 16px;}
#ssp .Ptitle{width: 16%;padding-left:5px;text-align:left;font-size: 16px;}
#ssp .BuserName{width: 12%;padding-left:5px;text-align:center;font-size: 16px;}
#ssp .Sreplay{width: 18%;padding-left:5px;text-align:center;font-size: 16px;}
#ssp .Stime{width: 16%;padding-left:5px;text-align:center;font-size: 16px;}
#ssp .Slastperson{ width:10%;padding-left:5px; text-align:center;display:none;}
#ssp .Atime{ width:10%;padding-left:5px; text-align:center;display:none;}
#ssp .AcceptDept{width:16%;padding-left:5px;text-align:center;font-size: 16px;}
#ssp .Bstate{font-size: 16px;width: 13%;padding-left:5px;text-align:center;}
#ssp .AcceptPersonName{ width:6%;padding-left:5px; text-align:center;display:none;}
@media screen and (min-width:64em){
#ssp .Atime{display:none}
#ssp .Slastperson{display:none}
#ssp .AcceptPersonName{display:none}
}
@media screen and (max-width:48em){
#rsp .Bstate{display:none}
#ssp .Atime{display:none}
#ssp .Slastperson{display:none}
#ssp .AcceptPersonName{display:none}
}
@media screen and (max-width:33em){
#rsp .AcceptPersonName{display:none}
#ssp .AcceptDept{display:none}
#ssp .Bstate{display:none}
}
@media screen and (max-width:25em){
#rsp .Atime{display:none}
#rsp .datalist{font-size:12px}
#ssp .Stime{display:none}
}