.center{text-align:center}

.wblack, .wbk{color:#000}

.wred, .wr{color:#f00}

.wblue, .wb{color:#00f}

.wgreen, .wg{color:#080}

.wpink, .wp{color:#f0f}

.worange, .wo{color:#f60}

.wpurple, .wpe{color:#80f}

.wskyred, .wsr{color:#f06}

.wskyblue, .wsb{color:#06f}

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

.con-art p b{background:#ff0}

.con-art .p1{}

.con-art .p2{color:#00f}

.con-art .p3{color:#f0f}

.con-art .p1 span{color:#f00}

.con-qi{border-bottom:1px dashed #666; padding:8px 0}

.con-mm{padding:10px 0;text-align:center}

.go-home{height: 40px;text-align:center;color: #fff;}

.go-home a{height: 40px;line-height: 40px;border-radius: 3px;background:#ed4040;border:1px solid #900;display: block;font-size: 1.15rem}

/* 列表一行2个 */

.list-2 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(50% - 3px);}

.list-2 ul li:nth-child(2n){margin-right:0;}

.list-2 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}



/* 列表一行3个 */

.list-3 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(33.33333% - 4px);}

.list-3 ul li:nth-child(3n){margin-right:0;}

.list-3 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}



/* 列表一行4个 */

.list-4 ul li{float:left;margin-top:6px;margin-right:6px;width:calc(25% - 5px);}

.list-4 ul li:nth-child(4n){margin-right:0;}

.list-4 ul li a{display:block;padding:8px;border:solid 1px #cfcfcf;border-radius:3px;background:#fff;text-align:center;}



/*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:18px}

}

@media (min-width: 375px) and (max-width: 392px){

 .con-art{font-size:18px}

}

@media (min-width: 393px) and (max-width: 413px){

 .con-art{font-size:22px}

}

@media (min-width: 414px) and (max-width: 767px){

 .con-art{font-size:22px}

}

@media (min-width:768px){

 .con-art{font-size:24px}

}



/*********/



.wz-tit {

text-align: center;

padding: 5px 0;

color: #ffff00;

font-size: 1.15rem;

font-weight: bold;

background: #921818;

background-image: linear-gradient(to top, #921818, #e42121);

}

.wz-tit2 {

color:#fff;

background:#ed4040;

font-weight:bold;

padding:5px 0;

border:1px solid #900;

border-radius:3px;

font-size:1.15rem

}

.wz-tit font{

color:#fff

}

.wz-tc {

border-bottom: 1px dotted #888;

color: #06f;

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}

}



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



.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:#f00}

.wl .wl04 a{background:#f0f}

.wl .wl05 a{background:#80f}

.wl .wl06 a{background:#080}

@media (max-width: 319px){

.wl li a{font-size:15px}

}

@media (min-width: 320px) and (max-width:359px){

.wl li a{font-size:16px}

}

@media (min-width: 360px) and (max-width: 374px){

.wl li a{font-size:16px}

}

@media (min-width: 375px){

.wl li a{font-size:18px}

}

@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}

}



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



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

}



.nav-top-am {

height: 60px;

line-height: 60px;

text-align: center;

color: #fff;

background: #41006c;

background-image: linear-gradient(to top, #3399FF, #3399FF,#89C3FC);

position: fixed;

width: 100%;

max-width: 800px;

top:0;

z-index: 10;

}

.top50{margin-top:65px}

.nav-top-hk {

    height: 60px;
    
    line-height: 60px;
    
    text-align: center;
    
    color: #fff;
    
    background: #41006c;
    
    background-image: linear-gradient(to top, #008080, #008080,#33CCCC);
    
    position: fixed;
    
    width: 100%;
    
    max-width: 800px;
    
    top:0;
    
    z-index: 10;
    
    }
    
    .top50{margin-top:65px}