.wred{color:#f00}
.wgreen{color:#080}
.wblue{color:#00f}
.wpink{color:#f0f}
.wyellow{color:#ff0}
.worange{color:#f60;}
.wpurple{color:#80d}
.wwhite{color:#fff}
.wblack{color:#000}
.wskyred{color:#f08}
.wskyblue{color:#06f}
.wgga{color:#003366}
.wggb{color:#FF9900}
.wggc{color:#996600}
.wggd{color:#000099}
.wgge{color:#993366}
.hei{color:#000000}

.fw{font-weight:bold}

.banner-web{font-size:18px}
.banner-web font{color:#08f}
.banner-web strong{color:#f00;font-size:20px}
.banner-web span{color:#2b2}

.pagediv{max-width:800px;margin:0 auto}
.dis{display:block}
.undis{display:none}
.center{text-align:center}
.white-box {max-width: 800px;margin:1px;background-color:#fff;padding:6px;margin-top:.2rem;border: solid 1px #cfcfcf; margin: 0 auto;}
/* .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;} 

/***** thread list *****/

.post-list{text-align:center}
.post-list-tit-pic{margin-bottom:6px}
.post-list li{padding: 3px 0;}
@media screen and (max-width:800px){   
.post-list li{padding: 2px 0;}
.post-list-tit-pic{margin-bottom:4px}
}
.post-list a{
height: 35px;
line-height: 35px;
text-align: center;
border: solid 1px #ddd;
border-radius: 0px;
background: #eee;
background-image: linear-gradient(to top, #fff, #eee, #fff);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: block;
}
@media (min-width: 290px){
.post-list a{font-size:14px}
}
@media (min-width: 320px){
.post-list a{font-size:16px}
}
@media (min-width: 360px){
.post-list a{font-size:18px}
}
@media (min-width: 375px){
.post-list a{font-size:19px}
}
@media (min-width: 393px){
.post-list a{font-size:20px}
}
@media (min-width: 414px){
.post-list a{font-size:21px}
}
@media (min-width:768px){
.post-list a{font-size:22px}
}

/***** 推荐栏目 *****/

.wl{overflow:hidden}
.wl ul,.wl li{margin:0;padding:0;border:0}
.wl ul{display:block}
.wl li{display:block;width:33.3%;float:left}
.wl li a{
display:block;padding:5px 0;width:100%;font-size:18px;color:#fff;background:#08f
}
.wl .wl01 a{background:#08f}
.wl .wl02 a{background:#f80}
.wl .wl03 a{background:#080}
.wl .wl04 a{background:#f0f}
.wl .wl05 a{background:#80f}
.wl .wl06 a{background:#f00}
@media (min-width:768px){
.wl-left{margin:0;padding:0;border:0;width:50%;float:left}
.wl-right{margin:0;padding:0;border:0;width:50%;float:left}
}

/***** pics list *****/

.white-pic{
overflow:hidden;
margin-top:.2rem;
padding:8px 0 0 0;
border: solid 1px #cfcfcf;
background: #fff;
}
.white-pic li {
float: left;
padding-bottom: 8px;
}
.m1{margin-left:1.1%;margin-right:0.5%;width:15%;}
.m1 img{width:100%;height:160px;}
.white-pic li p.name {
text-align: center;
font-weight:bold
}
@media (min-width: 290px){
.white-pic li p.name {font-size:8px}
}
@media (min-width: 320px){
.white-pic li p.name {font-size:10px}
}
@media (min-width: 360px){
.white-pic li p.name {font-size:12px}
}
@media (min-width: 375px){
.white-pic li p.name {font-size:12px}
}
@media (min-width: 393px){
.white-pic li p.name {font-size:14px}
}
@media (min-width: 414px){
.white-pic li p.name {font-size:14px}
}

.white-pic .lzbz {
position: absolute;
left: 0;
width: 100%;
height: auto;
overflow: hidden;
color: #fff;
cursor: pointer;
bottom:-72px;
}
.white-pic .video-bg {
display: block;
position: absolute;
left: 0;
bottom: -72px;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
}
.white-pic .link-hover {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.m1{margin-left: 2%;margin-right:1%;width:30%;}
}

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

.w1 table tr td{
   display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}