﻿
@media only screen and (max-width: 768px) { 
    
.zhibolist .t10,
.zhibolist .t20,
.zhibolist .t30,
.zhibolist .t40,
.zhibolist .t50{float:left;width:20%;} 


.tit-zb{display:none;background-image: linear-gradient(to right, #bd1a2d , #003b87);float:left;width:100%;text-align:center;min-height:90px;line-height:30px;margin:-2px 0;color:#fff;padding:20px 0;overflow: hidden;}
.tit-zb a{font-size:14px;text-align:center;white-space: nowrap;line-height:30px;margin:0 0 0 0;color:#fff;padding:0 10px}
.tit-zb a:hover{color:#f00}
.tit-zb #sjb{float:left;width:100%;}
.tit-zb a img{height:40px; object-fit: cover;height:40px;max-width: 100%;display: block;    margin: 0px auto 20px auto;padding:5px 5% 10px 5%}

.zhibolist{width:100%;float:left;margin-top:0px;text-align:center;}
.zhibolist .titlebar .hl_bar{height:67px; background-image: linear-gradient(to right, #bd1a2d , #003b87);}

.zhibolist .titlebar h1{display:none;width:90%;float:left;font-size:18px;font-weight:600;color:#fff;height:67px;line-height:67px;margin-left:0px;padding:0px 5%;text-align:center}
.feedbackTips,.foot_global,.morelist,.zhibolist .t6{text-align:center}

.zhibolist .titlebar .hl_bar ul{width:100%;float:left;background:#bd1a2d ;height:57px;overflow :hidden;}
.zhibolist .titlebar .hl_bar ul li{text-align:center;float:left;max-width:20%;padding:0 0%;line-height:57px;height:57px;overflow :hidden;}
.zhibolist .titlebar .hl_bar ul li a,.zhibolist .t1 a,.zhibolist .t2 a,.zhibolist .t3 a{color:#fff;text-align:center}

.zhibolist .titlebar .hl_tit ul{display:none;}
.zhibolist .titlebar .hl_y{display:none;float:right;height:47px;line-height:47px}
.zhibolist .titlebar .hl_y a{color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 20px}
.zhibolist .titlebar .hl_y .on{background:#fff;color:#d3c}
.zhibolist .t1{background: url(../images/ico-time-2.png) 10px 11px no-repeat;float:left;height:35px;width:22%;font-size:14px;padding-left:30px;color:#666;line-height:35px;text-align:left}
.zhibolist .t2{display:none;float:right;width:22%;font-size:12px;height:35px;}
.zhibolist .t3{float:left;width:40%;height:35px;color: #bd1a2d;}
.zhibolist .t3 a{font-weight:700;font-size:14px;color:#bd1a2d;text-align:left;line-height:35px;}
.zhibolist .t2 a,.zhibolist .t1 a{font-size:14px;line-height:35px;color:#666}
.zhibolist .t4{width:100%;background:#;height:30px;}
.zhibolist .t5{display:none;width:70%;background:#;height:30px;}
.zhibolist .t6{width:30%;background:#;float:right!important;height:35px;margin:-68px 0 0 0;font-size:14px;line-height:30px;}
.zhibolist .t2 img{height:35px}
.zhibolist .dateheader{float:left;height:50px;line-height:50px;border-radius:0px;width:100%;margin:0px 0% ;background-color:#eee;color:#000;font-weight:700;font-size:16px}
.zhibolist .dateheader a{line-height:50px;color:#ffd7b9;font-weight:700;font-size:18px}
.listcontent{clear:both;float:left;width:100%;padding-bottom:1px;background:#;}
.listcontent ul{border-bottom:1px solid #ccc;background:#fff;list-style:none;width:100%;padding-bottom:20px;float:left;margin:10px 0 10px 0;}
.listcontent ul li{font-weight:700;float:left;overflow:hidden}
.morelist,.playwall em{clear:both;line-height:24px}
.zhibolist .listcontent .t4 a{overflow: hidden;width:90%;margin:0 5%;color:#000;line-height:40px;font-size:14px;font-weight:700;float:left;}


.zhibolist .listcontent .t5 a{line-height:45px;font-size:12px;color:#666;padding:0px 5px;margin:10px 0px;}
.gray{background-color:#f4f4f4}
.zhibolist .listcontent ul:hover{background-color:#f1f1f1}

.t6.live a{background: #f04040;line-height: 40px;padding: 5px 10px;border-radius: 5px;color: #fff;font-size: 12px;}

a,body{font:400 16px Helvetica,"Microsoft YaHei",SimSun;color:#3f3f3f}
.clearfix:after,.clearfix:before{display:table;content:""}
.info,.t6 a{background:#777; line-height:40px;   color: #fff;  font-size:14px;  border-radius: 5px;  padding: 5px 10px;}
.date-filter{display:none;}

.zhibolist .titlebar .zb_20{float:left;width:100%;background-image: linear-gradient(to right, #bd1a2d , #003b87);height:auto;overflow: hidden;padding:20px 0;}
.zhibolist .titlebar .zb_20 span{border-radius:50px;height:20px;line-height:20px;margin:5px 20px 0 5%;padding:0px 10px;background:#ff0;font-weight:600;float:left;font-size:14px;color: #bd1a2d;}
.zhibolist .titlebar .zb_20 p a{float:left;line-height:30px;margin:0 10px;font-size:16px;font-weight:600;color:#FF0;}

.art p b{font-weight:500;}
.art p b.time1{color:#bd1a2d;line-height:30px;height:30px;font-size:14px;box-shadow: 1px 1px 0px 0 #eee;padding:0 4%  0 0;margin:0 0 1px 0;float:left;width:36%;text-align:left;overflow:hidden;}
.art p b.time2{line-height:30px;height:30px;box-shadow: 1px 1px 0px 0 #eee;margin:0 0 1px 0;font-size:14px;text-indent:-2px;text-align:center;padding:0 0 0 0%;float:right;width:60%;overflow:hidden;}
.art p b.time3{background:#f5f5f5;text-indent:-2px;text-align:center;line-height:30px;box-shadow: 0 5px 10px #ddd;margin:0 0 20px 0;float:left;width:100%;}
.art  h2 {float:left;width:90%;text-indent: 0em;margin:20px 0 20px 0; padding: 10px 5%; line-height: 25px; border-left:0px solid #2577e3;color:#fff;font-weight:500;background-image: linear-gradient(to right, #bd1a2d , #003b87);font-size:14px; font-family: "Microsoft YaHei";text-align:left;border-radius:8px;}
.conn-left .art span{float:left;}
.conn-left .art  span p{width:100%;text-indent: 2em;float:left;color:#666;font-size:16px;line-height:30px; }
.conn-left .art img{display:none}

.conn{MARGIN: 0px auto;WIDTH: 100%;PADDING-RIGHT: 0px;BACKGROUND: #F5F5F5;HEIGHT: auto;}
.conn-left{background:#fff;box-shadow: 0px 5px 10px #ddd;border-radius:0px;padding:20px 5%; width: 90%; float:left; margin: 0 0px 40px 0; }
.conn-right{overflow: hidden;height:200px;background:#666;border-radius:0px; padding:0%;box-shadow: 0 5px 10px #ddd;width: 100%; float:left; }
.conn-right img{min-height:200px;width:100%; }
#tab{float:left;width:100%;}
#tab-tit{float:left;width:90%;border-radius:0px;background:#bd1a2d;height:78px;padding:0 5%}
#tab .active{float:left;background-color:#f8f8f8;color:#000;border-top: 18px solid #bd1a2d;}
#tab h4{float:left;margin:0px;padding:0px;font-size:16px;border-top: 18px solid #bd1a2d;float:left;width:25%;
height:60px;line-height:60px;text-align:center;color:#fff;}
#tab dl{ display:none;   box-shadow: 0 5px 10px #ddd;float:left;background:#f5f5f5;padding:0px 0px 0px 0px;}
.conn-left h1{text-align:center;width:100%;margin:10px 0;line-height:30px;float:left;font-size:20px;}
.conn-left .art-time,.conn-left .art-time a{font-size:12px;border-bottom:1px solid #eee;width:100%;margin:0 0 20px  0;padding:10px 0;color:#ccc}  
.art-list,.art-zt{float:left;width:100%;border-radius:8px;padding:20px 0px; box-shadow: 0 0px 10px #ddd;background:#f8f8f8;}
.art-list li,.art-zt li{ border-radius: 10px;    box-shadow: 0 5px 10px #ddd;    background: #f8f8f8;    list-style: none;    width:90%;    float: left;margin: 10px 3%;    height: 68px; line-height: 68px;  overflow: hidden;    padding: 0 2%;}
.art-list li:hover,.art-zt li:hover{ background: #fff;}
.art-list li b{color:#bd1a2d} 
.art-list li a{ font-size:14px; }
   .active {background: red!important;}
   .active a{color: #fff!important;}
}

@media only screen and (min-width: 768px) {
   .active {background: red!important;}
   .active a{color: #fff!important;}
.tit-zb{float:left;box-shadow: 0 5px 10px #ddd;background:#f8f8f8 ;float:left;width:1140px;text-align:center;height:80px;line-height:40px;margin:0px 0 0 0px;padding:20px 30px;overflow: hidden;}
.tit-zb a{float:left;font-size:16px;text-align:center;white-space:nowrap;white-space: nowrap;color:#666;width:71.6px;line-height:40px;}
.tit-zb a:hover{color:#f00}
.tit-zb #sjb{float:left;width:260px;margin:0 20px 0 0;height:100px;}
.tit-zb a img{border-radius: 8px;background:#bd1a2d;height:50px;margin: 8px 0 0px 0px;padding:5px 5% 10px 5%}

.zhibolist .titlebar .zb_20{margin:0px 0;float:left;width:100%;background:#eee;height:60px;overflow: hidden;}
.zhibolist .titlebar .zb_20 span{border-radius:50px;height:20px;line-height:20px;margin:15px 20px 0 20%;padding:6px 20px;background:#fff;float:left;font-size:18px;font-weight:600;color: #bd1a2d;}
.zhibolist .titlebar .zb_20 p a{float:left;line-height:60px;font-size:16px;margin:0 20px;font-weight:600;color:#bd1a2d;}
.zhibolist .titlebar .zb_20 p a:hover{color:#000;}

.listcontent .datelist{display:none;}
.listcontent .datelist:first-child{display:block;}


.zhibolist{ border-radius: 10px;box-shadow: 0 5px 10px #ddd;float:left;width:100%;margin-bottom:20px;text-align:center;}
.zhibolist .titlebar .hl_bar{border-radius: 10px;box-shadow: 0 5px 10px #ddd;width:100%;height:67px;}
.zhibolist .titlebar h2{float:left;font-size:20px;font-weight:600;color:#666;line-height:67px;height:67px;width:130px;margin-left:0px;padding-left:30px;overflow: hidden;text-align:left}


.feedbackTips,.foot_global,.morelist,.zhibolist .t6{text-align:center}
.zhibolist .titlebar .hl_bar .t2,.zhibolist .titlebar .hl_bar .t3,.zhibolist .titlebar .hl_bar .t10,.zhibolist .titlebar .hl_bar .t20,.zhibolist .titlebar .hl_bar .t30,.zhibolist .titlebar .hl_bar .t40,.zhibolist .titlebar .hl_bar .t50{  box-shadow: 0 5px 10px #ccc;  border-radius:8px;background:#fff;width:130px;margin-left:25px;text-align:center}
.zhibolist .titlebar .hl_bar ul{list-style:none;float:left;width:910px;margin-top:15px;margin-left:30px;padding-left:50px;}
.zhibolist .titlebar .hl_bar ul li{float:left;border-right:0px solid #1e5295;margin-bottom:5px;height:35px;line-height:35px;font-weight:400}
.zhibolist .titlebar .hl_bar ul li a{display:block;height:50px;line-height:35px;color:#666;font-size:16px;}
.zhibolist .titlebar .hl_bar .t0{width:100px}
.zhibolist .titlebar .hl_bar .t1{width:80px;padding-left:20px}
.zhibolist .titlebar .hl_bar .t1 a{background:url(../images/zuqiu.png) 0 5px no-repeat}
.zhibolist .titlebar .hl_bar .t2 a{background:url(../images/lanqiu.png) 0 5px no-repeat}
.zhibolist .titlebar .hl_bar .t3 a{background:url(../images/wangqiu.png) 0 5px no-repeat}
.zhibolist .titlebar .hl_bar h1 {line-height:67px;height:67px;}
.zhibolist .titlebar .hl_bar #match_tabs {display:none;}

.zhibolist .titlebar .hl_tit ul{display:none}
.zhibolist .titlebar .hl_tit ul li{float:left;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-bottom:5px;height:35px;line-height:35px;font-weight:400}
.zhibolist .titlebar .hl_y{display:none;float:right;height:47px;line-height:47px}
.zhibolist .titlebar .hl_y a{color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 20px}
.zhibolist .titlebar .hl_y .on{background:#fff;color:#03C}


.zhibolist .t1{background: url(../images/ico-time-2.png) 0px 27px no-repeat;width:16%;overflow:hidden;float:left;font-size:12px;color:#f00;padding-left:2%}
.zhibolist .t2{float:left;font-size:0px;width:0px;overflow:hidden;background: #bd1a2d;}
.zhibolist .t3{padding-right:2%;text-align:right;float:left;width:10%;overflow:hidden;}
.zhibolist .t3 a{font-size:12px;color:#666;}

.zhibolist .t4{background-size:auto 20px;float:left;text-align:left;width:35%;margin-right:0%;overflow:hidden;padding-left:0%}
.zhibolist .listcontent .t4 a{font-weight:500;color:#000;font-size:14px;}

.zhibolist .t5{font-size:12px;float:left;background-size:auto 20px;width:20%;text-align:left;overflow:hidden;text-align:center;}

.zhibolist .t6{float:left;width:13%;float:right!important;margin-top:24px;font-size:12px;border-radius:10px;background: #d0d0d0;color: #fff;line-height: 20px;}
.zhibolist .t6:hover{background:red;color:#fff}
.zhibolist .t6:hover>a{color:#fff}
.t6.live a{color:#fff;background: #bd1a2d;border-radius:10px;/*-webkit-border-radius:5px;-moz-border-radius:5px;*/padding:5px 15px}
.zhibolist .t6 a,.zhibolist .t5 a{font-size:12px;}
.zhibolist .t2 img{width:100%}
.zhibolist .t2 a{color: #bd1a2d;}

.zhibolist .dateheader{box-shadow: 0px 0px 10px 5px #eee;float:left;height:50px;line-height:50px;border-radius:8px;width:96%;background:#f8f8f8;color:#bd1a2d;font-size:14px;margin:10px 2% 0 2%;}
.zhibolist .dateheader a{color:#bd1a2d;}


.listcontent{background:#f8f8f8;border-radius:8px;box-shadow: 0 5px 10px #ddd;float:left;width:100%;margin:0 0 20px 0%;}
.listcontent ul{border-radius:10px;box-shadow: 0 5px 10px #ddd;background:#f8f8f8;list-style:none;width:43%;float:left;margin:10px 0 0px 2% ;height:68px;line-height:68px;overflow:hidden;padding:0 2%}
.listcontent ul li{float:left;overflow:hidden}
.morelist,.playwall em{clear:both;line-height:24px}


.zhibolist .listcontent .t5 a{color:#666;padding:0px 5px;margin:0px 0px;}
.gray{}
.zhibolist .listcontent ul:hover{background-color:#fff}



.playwall .grid{height:175px;margin-left:-32px}
.playwall em{font-size:14px;display:block;height:25px;color:#019fe6;width:190px;font-weight:400}
.playwall .choose{overflow:hidden;width:35px;height:12px;margin:10px auto 0}
.playwall .choose span{display:inline-block;float:left;width:12px;height:12px;background:#d6d6d6;margin-right:5px;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.playwall .choose span.shover{background:#1c90e2}
a,body{font:400 14px Helvetica,"Microsoft YaHei",SimSun;color:#3f3f3f}



.date-filter{display:none;position:absolute;left:-47px;background-color:#eff6fa}
.date-filter ul{margin-bottom:0}
.date-filter ul li a{display:block;font-size:16px;color:#444;padding:10px 5px}
.date-filter ul li a.active,.date-filter ul li a:hover{background-color:#a6cf4f;color:#fff}
.date-filter ul li a.active{position:relative;color:#fff}
/**.date-filter ul li a.active:after{content:"";display:block;position:absolute;top:8px;left:41px;width:0;height:0;border-color:transparent transparent transparent #a6cf4f;border-style:solid;border-width:11px 0 11px 11px}**/

.conn{MARGIN: 0px auto;WIDTH: 1200px;PADDING-RIGHT: 0px;BACKGROUND: #F5F5F5;HEIGHT: auto;}
.conn-left{background:#fff;box-shadow: 0px 5px 10px #ddd;border-radius:8px;padding:40px 3%; width: 54%; float: right; margin: 0 0px 40px 0; }
.conn-right{background:#f5f5f5;border-radius:8px;box-shadow: 0 5px 10px #ddd; padding:2%;box-shadow: 0 5px 10px #ddd;width: 36%; float:left; }
.conn-right img{border-radius:8px;min-height:200px;width:100%; float: right; }
#tab{float:left;width:100%;}
#tab-tit{float:left;width:90%;border-radius:8px;background:#bd1a2d;height:78px;padding:0 5%}
#tab .active{float:left;background-color:#f8f8f8;color:#000;border-top: 18px solid #bd1a2d;}
#tab h4{float:left;margin:0px;padding:0px;font-size:16px;border-top: 18px solid #bd1a2d;float:left;width:25%;
height:60px;line-height:60px;text-align:center;color:#fff;}
#tab dl{ display:none;   box-shadow: 0 5px 10px #ddd;float:left;background:#f5f5f5;padding:0px 0px 0px 0px;}
.conn-left h1{width:100%;line-height:30px;float:left;font-size:22px;}
.conn-left .art-time{border-bottom:1px solid #eee;width:100%;float:left;margin:0 0 20px  0;padding:10px 0;color:#ccc}

.conn-left .art-time a{font-size:px;color:#ccc}
.conn-left .art span{float:left;}
.conn-left .art  span p{width:100%;text-indent: 2em;float:left;color:#666;font-size:16px;line-height:30px; }
.conn-left .art img{display:none}
.box .title,.clear,.clearfix:after,.dateheader{clear:both}
.art-list,.art-zt{float:left;width:1200px;border-radius:8px;padding:20px 0px; box-shadow: 0 5px 10px #ddd;background:#f8f8f8;}
.art-list li,.art-zt li{ border-radius: 10px;    box-shadow: 0 5px 10px #ddd;    background: #f8f8f8;    list-style: none;    width: 43%;    float: left;margin: 10px 0 0px 2%;    height: 68px; line-height: 68px;    overflow: hidden;    padding: 0 2%;}
.art-list li:hover,.art-zt li:hover{ background: #fff;}
.art-list li b{color:#bd1a2d}   

.art p b{font-weight:500;}
.art p b.time1{line-height:40px;height:40px;font-size:14px;box-shadow: 0 1px 10px #eee;margin:0 0 10px 0;float:left;;color:#bd1a2d;width:20%; overflow: hidden;}
.art p b.time2{line-height:40px;height:40px;box-shadow: 0 1px 10px #eee;margin:0 0 10px 0;font-size:14px;text-indent:-2px;text-align:center;float:left;width:25%; overflow: hidden;}
.art p b.time3{line-height:40px;height:40px;box-shadow: 0 1px 10px #eee;margin:0 0 10px 0;font-size:14px;float:left;width:55%; overflow: hidden;}


 .art  h2 {border-radius: 8px;
    float: left;
    width: 88%;
    text-indent: 0em;
    margin: 20px 0 20px 0;
    padding: 10px 6%;
    line-height: 38px;
    color: #bd1a2d;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 1px 10px #ddd;
   }
}

