.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 {
 height:40px;
 line-height:40px;
 padding:0 10px;
 font-size:16px;
 border-top:solid 1px #ddd;
 background:#307D7E
}
.cgi-con-tit span {
 height:16px;
 line-height:16px;
 border-left:solid 4px #307D7E;
 padding-left:10px;
 display:inline-block;
 color:#fff;
 font-weight:bold
}
.cgi-con-tit font{
 color:#fff
}
.cgi-con .cgi-con-tit:nth-child(1) {
 border-top:0
}

.cgi-con td {
 text-align:center;
 padding:2px 0;
 border:1px solid #ddd
}
.cgi-con td font{
  color:#f00
}
.cgi-con td span {
 height:20px;
 line-height:20px;
 width:20px;
 text-align:center;
 margin:3px;
 color:#fff;
 font-size:12px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 display:inline-block
}
.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:#99af00
}
.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%}
}









.list-title{

	background-image: -webkit-linear-gradient(-45deg, #fe0000 10%, #fad717 100%);
	color: #0000FF;

	border-left: 0px solid #4292EF;
	border-right: 0px solid #4292EF;

	height: 40px;
	line-height: 40px;
	font-size: 20pt;
    text-align: center;
    
    text-shadow: 1px 4px 1px #b99b5f;
    
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}