.center{text-align:center}
.wblack{color:#000}
.wred{color:#f00}
.wblue{color:#00f}
.wgreen{color:#080}
.wpink{color:#f0f}
.worange{color:#f60}
.wpurple{color:#80f}
.fw{font-weight:bold}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:24px}
.f24{font-size:24px}
.f28{font-size:28px}
.source{font-size:16px !important;color:#666 !important;border-bottom:1px solid #e2e2e2}
.source span{color:#f00}
.source span b{}
.con-art{padding:0 10px}
.con-art .p1{}
.con-art .p2{color:#00f}
.con-art .p3{color:#f0f}
.con-art .p1 span{color:#f00}
.con-qi{padding:5px 0;border-bottom:1px dashed #666}
/*border-style:dotted solid double dashed*/
@media (max-width: 319px){
 .con-art{font-size:16px}
 .nav-top h1 {font-size:20px !important}
 .source{font-size:15px !important}
}
@media (min-width: 320px) and (max-width:359px){
 .con-art{font-size:16px}
 .nav-top h1 {font-size:20px !important}
 .source{font-size:15px !important}
}
@media (min-width: 360px) and (max-width: 374px){
 .con-art{font-size:16px}
}
@media (min-width: 375px) and (max-width: 392px){
 .con-art{font-size:17px}
}
@media (min-width: 393px) and (max-width: 413px){
 .con-art{font-size:18px}
}
@media (min-width: 414px) and (max-width: 767px){
 .con-art{font-size:19px}
}
@media (min-width:768px){
 .con-art{font-size:24px}
}

/*********/

.wz-tit {
text-align: center;
padding: 5px 0;
color: #fff;
font-size: 20px;
font-weight: bold;
background: #7a1892;
background-image: linear-gradient(to top, #464400, #f18909);
}
.wz-tit font{
color:#f60
}
.wz-tc {
border-bottom: 1px dotted #888;
color: #f60;
text-align: center;
font-size: 26px;
font-weight: bold;
padding: 8px 0;
}
.wz-tc p font{color:#f00}
.wz-tc p span{color:#080}

/*************/

.lb-tz{text-align:center}
.lb-tz li{background-color:#fff}
.lb-tz li:nth-child(2n){background-color:#f3f3f3}
@media (min-width: 320px) and (max-width:359px){
.lb-tz a{font-size:16px}
}
@media (min-width: 360px) and (max-width: 374px){
.lb-tz a{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.lb-tz a{font-size:19px}
}
@media (min-width: 393px) and (max-width: 413px){
.lb-tz a{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.lb-tz a{font-size:21px}
}
@media (min-width:768px){
.lb-tz a{font-size:22px}
}

/*************/

.pic{overflow:hidden;
margin-top: 6px;
padding:8px 0 0 0;
border: solid 1px #cfcfcf;
border-radius: 3px;
background: #fff;
}
.pic li {
float: left;
padding-bottom: 10px;
}
.m1{margin-left:1.1%;margin-right:0.5%;width:15%;}
.m1 img{width:100%;height:160px;}
.pic li p.name {
text-align: center;
font-size: 14px;
font-weight:bold
}
.pic .lzbz {
position: absolute;
left: 0;
width: 100%;
height: auto;
overflow: hidden;
color: #fff;
cursor: pointer;
bottom:-72px;
}
.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;
}
.pic .link-hover {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.m1{margin-left: 2%;margin-right:1%;width:30%;}
}

/**********/

.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%}
}