.wred,.wr{color:#f00}
.wgreen,.wg{color:#0a0}
.wblue,.wb{color:#00f}
.wpurple{color:#a0a}
.wpink{color:#f0f}
.worange{color:#f60}
.wskyred{color:#f08}
.wskyblue{color:#06f}
.fw{font-weight:bold}

.picgg{width:100%;height: 40px}
.picgg2{width:100%;height: 50px}
@media (min-width:720px) {
  .picgg{height: 50px}
  .picgg2{height: 70px}
}
/******************/
.bg_red,.bg_r {
 background:#f00
}
.bg_blue,.bg_b{
 background:#36f
}
.bg_green,.bg_g {
 background:#093
}
.bg_null {
 background:#5d1e92
}

.cgi-con-tit {
 padding:6px 0;
 font-size:17px;
 font-weight: bold;
 background:#2f59b7;
 text-align:center;
 border-radius: 4px;
}
.cgi-con-tit span {
 height:16px;
 line-height:16px;
 display:inline-block;
 color:#ff0;
}
.cgi-con-tit font{
 color:#fff
}
.cgi-con .cgi-con-tit:nth-child(1) {
 border-top:0
}

.cgi-con td {
 text-align:center;
 padding:3px 0;
 border:1px solid #ddd
}
.cgi-con td font{
  color:#f00;background-color: #ff0
}
.cgi-con td span {
 color:#f00;
}
.cgi-con td span.sx {
 background:#f00
}
.cgi-con-bg {
 /*width:42%;*/
 color:#333;
 font-weight:bold;
 background:#f8f8f8;
 background-image:-webkit-linear-gradient(to top,#f8f8f8,#fff);
 background-image:linear-gradient(to top,#f8f8f8,#fff)
}
  
.cgi-con-bg b {color:#0092bf}
.cgi-con-qi {font-size:12px}
.cgi-con-grey {
 height:2px;
 overflow:hidden;
 background:transparent
}
/***** readme *****/

.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;
list-style-type: disc;
}
.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%}
}