.wred{color:#f00}
.wgreen{color:#0a0}
.wblue{color:#00f}
.wpurple{color:#a0a}
.wpink{color:#f0f}
.worange{color:#f60}
.wskyred{color:#f08}
.wskyblue{color:#06f}

.picgg2{width:100%}
.picgg{width:100%;height: 40px}
@media (min-width:720px) {
  .picgg{height: 60px}
}

/***** 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%}
}