.white-box {
	margin-top: 6px;
	padding: 8px;
	border: solid 1px #cfcfcf;
	border-radius: 3px;
	background: #fff;
}
.white-box.yellow {
	color: #fff;
	border-color: #d38502;
	background: #f9a400;
}
.white-box.blue {
	color: #fff;
	border-color: #058da9;
	background: #21b4d2;
}
.white-box.red {
	color: #fff;
	border-color: #a70202;
	background: #e42121;
}
.white-box.green {
	color: #fff;
	border-color: #058106;
	background: #3ec23f;
}
.white-box.black {
	color: #fff;
	border-color: #000;
	background: #111;
}

.sx table {
border-collapse: collapse;
border-spacing: 0;
}
.sx table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.sx table td {
border: 1px solid #e5e5e5;
padding: 3px 2px;
word-break: break-all;
}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}
.sx ul {
display: block;
}
.sx ul li img {
vertical-align: middle;
border: 0;
width:40px;
height:40px;
}
.sx1 li{
float: left;
width: 33.333333%;
padding: 5px 0;
text-align: center;
}
.sx span{
height: 18px;
line-height: 18px;
margin: 0 2px;
padding: 0 3px;
font-size: 12px;
color: #fff;
display: inline-block;
background-color: #f00;
}
.sx span.blue{
background-color: #3366ff;
}
.sx span.green{
background-color: #009933;
}
@media (min-width: 320px) and (max-width:359px){
.sx1 li{width: 50%}
}
@media (min-width: 360px) and (max-width: 374px){
.sx1 li{width: 50%}
}
@media (min-width: 375px) and (max-width: 392px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 393px) and (max-width: 413px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 414px) and (max-width: 767px){

}
@media (min-width:768px){
.sx1 li{width: 25%}
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}
.clearfix {
*zoom:1
}