﻿@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    outline: none
}

body {
    color: #000;
    font: 12px helvetica neue, hiragino sans gb, Helvetica, Arial, Sans-serif, 宋体;
    background: #f4f4f4
}

a {
    text-decoration: none;
    color: #0066d1
}

a:hover {
    text-decoration: underline;
    color: #f44
}

li {
    list-style-type: none
}

img {
    border: 0
}

.clear,
.c {
    clear: both
}

.wrapper {
    width: 960px;
    height: auto;
    margin: 0 auto
}

.cp {
    cursor: pointer
}

.b {
    font-weight: 700
}

.hei {
    color: #333
}

.red {
    color: red
}

a.d {
    background: url(/images/d.png) left center no-repeat;
    padding-left: 18px
}

a.d_baidu {
    background: url(/images/d_baidu.gif) left center no-repeat;
    padding-left: 20px
}

a.d_xunlei {
    background: url(/images/d_xunlei.jpg) left center no-repeat;
    padding-left: 22px
}

a.d_qq {
    background: url(/images/d_qq.jpg) left center no-repeat;
    padding-left: 22px
}

a.v {
    background: url(/images/v.png) left center no-repeat;
    padding-left: 18px
}

a.v_qq {
    background: url(/images/v_qq.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_youku {
    background: url(/images/v_youku.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_sina {
    background: url(/images/v_sina.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_sinap {
    background: url(/images/v_sina.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_kandian {
    background: url(/images/v_kandian.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_cntv {
    background: url(/images/v_cntv.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_pptv {
    background: url(/images/v_pptv.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_letv {
    background: url(/images/v_letv.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.v_sohu {
    background: url(/images/v_sohu.gif) 3px 2px no-repeat;
    padding: 2px 0 2px 22px
}

a.hei {
    color: #000
}

.mt6 {
    margin-top: 6px
}

.ml5 {
    margin-left: 5px
}

.zc_top {
    width: 100%;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px #e5e5e5 solid;
    color: #666;
    text-shadow: #fff 0 1px 0
}

.top_left {
    width: 760px;
    height: 28px;
    float: left
}

.top_right {
    width: 190px;
    height: 28px;
    float: right;
    text-align: right
}

.top_right a {
    color: #666;
    margin-left: 10px
}

.top_right a:hover {
    color: #000
}

.zc_head {
    width: 100%;
    height: auto;
    padding: 5px 0;
    border-bottom: 3px #009ad9 solid;
    background: #fff
}

.head_logo {
    width: 170px;
    height: 60px;
    float: left
}

.head_logo a{font-size:28px;line-height:60px;}

@media (min-width: 800px){

    .head_logo a img{ width: 180px;}

}

.head_nav {
    width: 740px;
    height: 30px;
    padding: 15px 10px 0 10px;
    float: left;
}

.head_nav li {
    margin-left: 15px;
    float: left;
    _display: inline
}

.head_nav li a {
    padding: 0 3px;
    height: 30px;
    float: left;
    line-height: 30px;
    font-family: 微软雅黑;
    font-size: 16px;
    color: #333;
    display: block;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    text-shadow: #fff 0 1px 0
}

.head_nav li a:hover {
    background: #eee;
    color: #000;
    text-decoration: none
}

.head_nav li a.f {
    background: #009ad9;
    color: #fff;
    text-shadow: #333 0 1px 0
}

.pagenav {
    width: 960px;
    height: 30px;
    line-height: 32px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    text-shadow: #fff 0 1px 0;
    overflow: hidden
}

.league_ico {
    height: 92px;
    overflow: hidden
}

.league_ico li {
    width: 87px;
    height: 92px;
    float: left;
    margin-right: 10px
}

.league_ico li a {
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px;
    width: 85px;
    height: 90px;
    text-align: center;
    display: block
}

.league_ico li a:hover {
    border: 1px #009ad9 solid;
    text-decoration: none
}

.league_ico li a img {
    margin: 5px auto
}

.zc_left {
    width: 660px;
    height: auto;
    float: left
}

.left_box,
.league_box,
.channel_box,
.left_list {
    width: 652px;
    height: auto;
    margin-bottom: 6px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px
}

.left_box h3 {
    height: 24px;
    margin: 5px 0;
    position: relative;
    font-weight: 400
}

.left_box h3 strong {
    padding: 0 18px 0 6px;
    font-size: 14px;
    font-family: 微软雅黑;
    height: 24px;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: -6px;
    top: 0;
    text-shadow: #005f86 0 1px 0;
    font-style: normal
}

.left_box h3 strong.h {
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    text-shadow: #b33b00 0 1px 0
}

.left_box h3 strong.e {
    background: url(/images/hs_bg.gif) no-repeat #444 right center;
    text-shadow: #000 0 1px 0
}

.left_box h3 img {
    position: absolute;
    top: 8px;
    right: 8px
}

.left_box h3 span {
    color: #ff0
}

.left_box h3 i {
    font-style: normal;
    font-size: 12px;
    float: left;
    margin-left: 130px
}

.left_box h3 i a {
    background: #ddd;
    padding: 3px 8px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px #fff;
    float: left;
    display: block;
    margin-right: 10px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s
}

.left_box h3 i a:hover {
    background: #009ad9;
    color: #fff;
    text-shadow: 1px 1px #333
}

.left_box ul {
    padding: 0 6px 8px
}

.left_box ul li {
    width: 630px;
    height: auto;
    line-height: 24px;
    border-bottom: 1px dotted #ccc;
    padding: 6px 3px 4px;
    overflow: hidden;
    font-style: normal
}



.left_box ul li .tit a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}



.left_box ul li .tit {
    min-height: 26px;
    line-height: 26px;
    width:100%;
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
}
.left_box ul li .tit .c1{width:100px;}
.left_box ul li .tit .title{width:350px;display: flex;justify-content:space-between;align-items: center;}
.left_box ul li .tit .title span{width:46%}
.left_box ul li .tit .title span:nth-child(1){text-align:right;}



@media (max-width: 640px) {
    .left_box ul li .tit a.c1{width:auto;}
    .left_box ul li .tit a.title{width:100%;display:flex;justify-content:space-between;padding:10px 0;}
    .left_box ul li .tit a.linkbtn{margin:5px auto;text-align:center}
}




.left_box ul li .tit em {
    margin-right: 5px;
    background: #ddd;
    padding: 3px 4px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-style: normal;
    text-shadow: 1px 1px #fff
}

.left_box ul li .tit em.f {
    color: #f30
}

.left_box ul li .tit i {
    font-style: normal
}

.left_box ul li .tit a {
    margin-left: 6px;
    color: #000;
    text-decoration: none
}

.left_box ul li .tit a.red {
    color: red
}

.left_box ul li .tit strong {
    font-weight: 400
}

.left_box ul li .tit strong.b,
.left_box ul li .tit i.b,
.left_box ul li .tit a.b {
    font-weight: 700
}

.left_box ul li .tit span {

}

.left_box ul li .tit span a {
    color: gray;
    margin-left: 5px
}

.left_box ul li .tit span a:hover {
    text-decoration: underline;
    color: #009ad9
}

#qiuyi {
    background: url(/images/qiuyi.png) left center no-repeat;
    padding-left: 16px;
    margin-left: 8px;
    color: #333
}

.left_box ul li .rec {
    background: url(/images/rec2.gif) right center no-repeat;
    padding-right: 40px
}

.left_box ul li .con {
    padding-left: 50px;
    background: url(/images/tv.gif) no-repeat 50px 6px;
    text-indent: 15px;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    font-style: normal
}

.left_box ul li .cond {
    padding-left: 105px;
    background: url(/images/tv.gif) no-repeat 105px 6px
}

.left_box ul li .con a {
    margin-right: 12px
}

.left_box .tv_show {
    padding: 0 8px 8px;
    line-height: 22px
}

.left_box .tv_show a {
    padding: 0 12px 0 16px;
    display: inline-block;
    background: url(/images/tv.gif) no-repeat left center
}

.left_box .rec_match {
    padding: 2px 5px 8px;
    line-height: 22px
}

.left_box .rec_match a {
    float: left;
    width: 195px;
    height: 24px;
    overflow: hidden;
    padding-left: 17px;
    display: block;
    line-height: 24px;
    background: url(/images/rec.gif) no-repeat left 6px
}

.left_box .live {
    padding: 10px
}

.left_box .live h2 {
    color: #000;
    font-family: 微软雅黑, 黑体;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center
}

.left_box .live h1 {
    color: #000;
    font-family: 微软雅黑, 黑体;
    font-size: 15px;
    font-weight: 200;
    line-height: 30px;
    text-align: center
}

.left_box .live .tip {
    border-bottom: solid 1px #eee;
    color: #999;
    margin: 5px 0 10px;
    padding-bottom: 15px;
    text-align: center
}

.left_box .live .channel {
    height: auto;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px
}

.left_box .live .channel p {
    padding: 3px 0
}

.left_box .live .channel a {
    margin-right: 10px
}

.left_box .live .related {
    padding: 8px 10px;
    border: 1px dotted #f90;
    line-height: 22px;
    color: #f30;
    margin-bottom: 10px;
    background: #ffffe0
}

.left_box .info {
    width: 630px;
    height: auto;
    font-size: 14px;
    line-height: 26px;
    padding: 0 10px 10px;
    font-family: 微软雅黑, 黑体
}

.index_news {
    padding: 0 8px 6px 9px;
    height: 265px
}

.index_news dt {
    float: left;
    height: 265px;
    width: 310px;
    position: relative
}

.index_news dt h4 {
    width: 310px;
    height: 28px;
    line-height: 28px;
    background: #000;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
    text-align: center;
    position: absolute;
    left: 0;
    top: 172px;
    font-size: 14px;
    color: #f30
}

.index_news dt a:hover h4 {
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

.index_news dt span {
    width: 310px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 172px;
    font-size: 14px;
    color: #ddd;
    font-weight: 700
}

.index_news dt a:hover span {
    color: #fff
}

.index_news dt img {
    width: 310px;
    height: 200px
}

.index_news dt p a {
    width: 310px;
    height: 22px;
    line-height: 22px;
    display: block;
    text-indent: 8px;
    background: url(/images/li.gif) no-repeat left center;
    overflow: hidden
}

.index_news dd {
    float: left;
    margin-left: 15px;
    height: 265px;
    width: 310px
}

.index_news dd a {
    width: 310px;
    height: 22px;
    line-height: 22px;
    display: block;
    text-indent: 8px;
    background: url(/images/li.gif) no-repeat left center;
    overflow: hidden
}

.left_box .iframe {
    padding: 0 5px 8px
}

.left_box .content {
    height: auto;
    padding: 3px 12px 12px;
    line-height: 190%;
    font-family: 微软雅黑, 黑体;
    font-size: 13px
}

.league_box li {
    width: 72px;
    height: 92px;
    float: left;
    margin-left: 8px;
    padding: 7px 0;
    display: inline;
    line-height: 24px
}

.league_box li a {
    width: 60px;
    height: 80px;
    padding: 5px;
    display: block;
    float: left;
    border: 1px solid #ddd;
    text-align: center
}

.league_box li img {
    width: 60px;
    height: 60px
}

.league_box li a:hover {
    border: 1px solid #aaa;
    color: #c33
}

.rec_box {
    width: 640px;
    height: auto;
    padding: 2px 6px 8px;
    line-height: 22px
}

.rec_box a {
    float: left;
    width: 195px;
    height: 24px;
    overflow: hidden;
    padding-left: 17px;
    display: block;
    line-height: 24px;
    background: url(/images/rec.gif) no-repeat left 50%
}

.box_channel,
.box_league {
    padding: 0 8px;
    line-height: 22px
}

.box_channel {
    margin-top: 5px
}

.box_channel a {
    padding: 0 12px 0 16px;
    display: inline-block;
    background: url(/images/tv.gif) no-repeat left center
}

.box_league {
    margin: 3px 0 5px
}

.box_league a {
    padding: 0 12px 0 16px;
    display: inline-block;
    background: url(/images/zq.png) no-repeat left center
}

.zc_right {
    width: 300px;
    height: auto;
    float: right
}

.right_box {
    width: 298px;
    height: auto;
    margin-bottom: 6px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px;
    font-style: normal
}

.right_box h3 {
    height: 24px;
    margin: 5px 0;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.right_box h3 strong {
    padding: 0 18px 0 6px;
    height: 24px;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: #005f86 0 1px 0
}

.right_box h3 a {
    position: absolute;
    right: 6px;
    top: 0;
    line-height: 24px
}

.right_box ul {
    padding: 2px 6px 8px
}

.right_box ul li {
    height: 24px;
    line-height: 24px;
    text-indent: 6px;
    background: url(/images/li.gif) no-repeat left center;
    overflow: hidden;
    font-style: normal
}

.right_box .show {
    padding: 2px 6px 6px 8px;
    line-height: 190%
}

.right_slide {
    width: 286px;
    height: auto;
    margin-bottom: 6px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px;
    padding: 2px 6px 8px;
    font-style: normal
}

.right_slide h3 {
    height: 24px;
    margin: 5px 0 5px -6px;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.right_slide h3 strong {
    padding: 0 18px 0 6px;
    height: 24px;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: #005f86 0 1px 0
}

.right_slide h3 a {
    position: absolute;
    right: 6px;
    top: 0;
    line-height: 24px
}

.right_slide .hd {
    height: 22px;
    line-height: 22px
}

.right_slide .hd li {
    cursor: pointer;
    background: #ddd;
    height: 22px;
    padding: 0 5px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px #fff;
    float: left;
    margin-right: 5px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s
}

.right_slide .hd li.on,
.right_slide .hd li:hover {
    background: #009ad9;
    color: #fff;
    text-shadow: 1px 1px #333
}

.right_slide .bd {
    padding-top: 5px
}

.right_slide .bd li {
    height: 24px;
    line-height: 24px;
    text-indent: 6px;
    background: url(/images/li.gif) no-repeat left center;
    overflow: hidden;
    font-style: normal
}

.right_slide .data {
    padding-top: 5px
}

.right_box .right_tab,
.right_box .right_tab_data {
    width: 282px;
    height: 24px;
    margin: 4px auto 0
}

.right_box .right_tab a,
.right_box .right_tab_data a {
    float: left;
    padding: 0 3px;
    height: 22px;
    display: block;
    line-height: 24px;
    border: 1px #bed7e8 solid;
    background: #fff;
    font-weight: 700;
    margin-right: 4px;
    margin-bottom: 4px;
    font-family: 微软雅黑;
    overflow: hidden
}

.right_box .right_tab a:hover,
.right_box .right_tab_data a:hover {
    border: 1px #3e6d8e solid;
    text-decoration: none
}

.right_box .right_tab a.f,
.right_box .right_tab_data a.f {
    background: #3e6d8e;
    color: #fff;
    border: 1px #3e6d8e solid;
    text-decoration: none
}

.data_table {
    border-left: 1px solid #a2c6d3;
    border-top: 1px solid #a2c6d3;
    margin: 0 auto;
    background: #fff
}

.data_table th,
.data_table td {
    border-bottom: 1px solid #a2c6d3;
    border-right: 1px solid #a2c6d3;
    line-height: 24px;
    height: 24px;
    text-align: center
}

.data_table th {
    background: #e5f2fa;
    font-weight: 700;
    color: #016493
}

.data_table td.name {
    text-align: left;
    padding-left: 5px
}

.data_table td.name a {
    margin-right: 8px
}

.zc_link,
.rec_video,
.zc_topic,
.zc_play,
.zc_vmap {
    height: auto;
    margin: 0 auto 6px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 5px;
    font-style: normal
}

.zc_link {
    width: 958px
}

.zc_link h3 {
    height: 24px;
    margin: 5px 0;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.zc_link h3 strong {
    padding: 0 18px 0 6px;
    height: 24px;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: -6px;
    top: 0;
    text-shadow: #005f86 0 1px 0
}

.link_show {
    padding: 0 0 6px 8px;
    line-height: 24px
}

.link_show a {
    margin-right: 8px
}

.rec_video {
    width: 940px;
    padding: 5px 9px;
    line-height: 24px;
    margin-top: 6px
}

.rec_video .show {
    padding-bottom: 5px
}

.rec_video .show strong {
    background: #009ad9;
    color: #fff;
    padding: 3px 5px
}

.rec_video .show a,
.rec_video .show span,
.rec_video .show i {
    margin-left: 8px
}

.rec_video .show i {
    font-style: normal;
    color: #333
}

.zc_topic {
    width: 948px;
    padding: 5px;
    border: 1px #ddd solid;
    background: #fff;
    margin: 6px auto 0;
    line-height: 24px;
    font-size: 14px
}

.zc_topic .banner {
    width: 948px;
    max-height: 300px
}

.zc_topic a {
    margin-right: 10px
}

.zc_play {
    width: 948px;
    padding: 5px;
    border: 1px #009ad9 solid;
    box-shadow: 0 0 4px 4px #ccc;
    margin: 2px auto 8px
}

.zc_play .player {
    width: 650px;
    height: auto;
    float: left
}

.zc_play .player h4 {
    height: 26px;
    padding: 0 5px;
    margin-bottom: 2px;
    background: #eee;
    line-height: 26px;
    font-weight: 400;
    font-size: 14px;
    font-family: 微软雅黑;
    text-shadow: #fff 0 1px 0
}

.zc_play .player .play {
    height: 500px;
    background: #000;
    overflow: hidden
}

.zc_play .player .tags {
    height: 26px;
    margin-top: 4px;
    line-height: 26px
}

.zc_play .player .tags span {
    float: right
}

.zc_play .right {
    width: 294px;
    height: auto;
    float: right
}

.zc_play .right .title {
    height: 25px;
    background: #39b2e3;
    line-height: 25px;
    font-family: 微软雅黑;
    font-size: 14px;
    overflow: hidden;
    margin-top: 2px
}

.zc_play .right .title a {
    width: 74px;
    height: 25px;
    text-align: center;
    float: left;
    display: block;
    color: #fff
}

.zc_play .right .title a:hover {
    background: #0088c0;
    text-decoration: none
}

.zc_play .right .title a.f {
    background: #f30
}

.zc_play .right .content {
    height: 428px;
    border: 1px solid #39b2e3;
    border-top: none;
    margin-bottom: 2px;
    overflow: hidden
}

.zc_play .right .content .list {
    height: 428px;
    overflow-y: auto;
    overflow-x: hidden
}

.zc_play .right .content .list ul {
    padding: 2px 1px
}

.zc_play .right .content .list ul li {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    border-bottom: 1px dotted #ccc
}

.zc_play .right .content .list ul li.f {
    background: #def3fc
}

.zc_play .right .content .list ul li.f a {
    color: #f30;
    font-weight: 700
}

.zc_play .right .content .show {
    width: 292px;
    height: 428px;
    overflow: hidden
}

.zc_play .right .content .show p {
    padding: 5px;
    text-align: center
}

.zc_play .right .content .show .tv {
    padding: 10px;
    line-height: 24px
}

.zc_play .right .content .show .tvs {
    width: 292px;
    height: 408px;
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    font-family: 微软雅黑
}

.zc_play .right .content .show .tvs a,
.zc_play .right .content .show .tv a {
    margin-right: 8px
}

.zc_play .right .content .show .tvs h4 {
    padding: 0 10px
}

.zc_play .right .content .show .tvs p {
    text-align: left;
    line-height: 22px
}

.zc_play .right .tip {
    width: 294px;
    height: 50px;
    background: #ddd;
    font-family: 微软雅黑;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    color: #bbb;
    text-shadow: #fff 0 1px 0
}

.player_title {
    width: 650px;
    height: 26px;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 26px;
    margin-bottom: 2px
}

.player_title b,
.player_title a {
    margin-right: 5px;
    float: left
}

.player_title a {
    height: 22px;
    padding: 0 8px;
    background: #ddd;
    display: block;
    line-height: 22px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px;
    margin-top: 2px
}

.player_title a:hover,
.player_title a.f {
    background: #009ad9;
    color: #fff
}

.temp_tip {
    width: 648px;
    height: 60px;
    background: #fff;
    border: 1px solid #cbe0f6;
    font-size: 14px;
    font-weight: 700;
    color: red;
    line-height: 30px;
    text-align: center;
    padding: 180px 0 238px
}

.foreign_link {
    line-height: 480px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.foreign_link a {
    color: #ff0
}

.zc_vmap {
    width: 948px;
    padding: 8px 5px 0;
    margin-bottom: 10px
}

.zc_vmap ul li {
    float: left;
    width: 948px;
    height: auto;
    margin-bottom: 5px
}

.zc_vmap ul li .n {
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    float: left;
    background: #f60;
    color: #fff
}

.zc_vmap ul li .l {
    width: 880px;
    height: auto;
    line-height: 20px;
    float: left;
    margin-left: 10px
}

.zc_vmap ul li .l span {
    float: left;
    margin: 0 0 5px;
    color: red
}

.zc_vmap ul li .l a {
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    color: #333;
    overflow: hidden;
    white-space: nowrap
}

.zc_vmap ul li .l a:hover,
.zc_vmap ul li .l a.f {
    background: #1c9ee4;
    color: #fff;
    text-decoration: none
}

.left_video {
    width: 660px;
    height: auto
}

.left_video li {
    width: 156px;
    height: 156px;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
    _display: inline
}

.left_video li a {
    width: 140px;
    height: 140px;
    padding: 7px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 3px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative
}

.left_video li a span {
    position: absolute;
    width: 22px;
    height: 22px;
    display: block;
    background: url(/images/ent_zxh_0420_video_play_icon.png);
    left: 12px;
    top: 79px
}

.left_video li a:hover {
    border: 1px #009ad9 solid;
    text-decoration: none;
    color: #f30
}

.left_video li a:hover span {
    background: url(/images/ent_zxh_0420_video_play_icon_h.png)
}

.left_video li img {
    width: 140px;
    height: 100px;
    padding-bottom: 4px
}

.left_video li p {
    width: 140px;
    height: 36px;
    line-height: 18px;
    overflow: hidden
}

.left_list h3 {
    height: 24px;
    margin: 5px 0;
    position: relative;
    font-weight: 400
}

.left_list h3 strong {
    padding: 0 18px 0 6px;
    font-size: 14px;
    font-family: 微软雅黑;
    height: 24px;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: #005f86 0 1px 0
}

.left_list h1 strong {
    padding: 0 18px 0 6px;
    font-size: 14px;
    font-family: 微软雅黑;
    height: 24px;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    color: #fff
}

.left_list ul {
    padding: 0 6px 8px
}

.left_list ul li {
    width: 630px;
    height: auto;
    line-height: 28px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden
}

.left_list ul li span {
    float: right
}

.left_box .live .down {
    padding: 8px 10px;
    border: 1px solid #f90;
    line-height: 22px;
    color: #999;
    margin-bottom: 10px
}

.left_box .live .down .r {
    float: right
}

.down_box {
    border: 1px #f90 dotted;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 6px
}

.down_box h3 {
    height: 24px;
    margin: 5px 0;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.down_box h3 strong {
    padding: 0 18px 0 6px;
    height: 24px;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 24px;
    background: url(/images/hs_bg.gif) no-repeat #009ad9 right center;
    display: block;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: #b33b00 0 1px 0
}

.down_box dl {
    padding: 2px 6px 8px
}

.down_box dl dd {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.down_content {
    border: 1px #f90 dotted;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    line-height: 30px;
    margin-bottom: 10px
}

.zc_page {
    width: 642px;
    text-align: right;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 3px;
    padding: 5px
}

.zc_page a,
.zc_page span,
.zc_page strong {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    color: #111;
    padding: 0 6px;
    margin-left: 5px
}

.zc_page a.a1 {
    background: url(/images/pages.png) #fff no-repeat 0 5px
}

.zc_page a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none
}

.zc_page span {
    background: url(/images/pages.png) #fff no-repeat 0 5px
}

.zc_page strong {
    background: #009ad9;
    border: 1px solid #009ad9;
    color: #fff
}

.zc_iframe {
    margin: 0 auto;
    background: #fff
}

.zc_iframe .tip {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-top: 1px solid #009ad9;
    border-bottom: 1px solid #009ad9;
    margin-bottom: 3px;
    font-size: 18px;
    color: #00f;
    font-family: 微软雅黑;
    text-align: center;
    background: #ffc
}

.zc_iframe .tip a {
    color: red
}

.zc_bifen {
    width: 938px;
    height: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 auto;
    background: #fff
}

.zc_bifen h3 {
    height: 24px;
    line-height: 24px
}

.zc_bifen h3 b,
.zc_bifen h3 a {
    float: left;
    margin-right: 10px
}

.zc_bifen h3 a {
    background: #009ad9;
    padding: 0 10px;
    display: block;
    height: 24px;
    color: #fff
}

.zc_bifen h3 a:hover,
.zc_bifen h3 a.f {
    background: #f60
}

.zc_bifen .box {
    margin: 15px 0
}

.ss {
    border: 1px #009ad9 solid;
    box-shadow: 0 0 2px 2px #ddd
}

.player_tip {
    width: 100%;
    line-height: 20px;
    color: #fff;
    height: 20px;
    overflow: hidden;
    text-align: center
}

.player_tip a {
    color: #ff0
}

#zc_batch {
    margin: 5px
}

#zc_batch fieldset {
    border: 1px dashed #09f
}

#zc_batch fieldset legend {
    border: 1px dashed #09f;
    background: #d5f5fd;
    padding: 1px 5px;
    margin-left: 15px
}

#zc_batch .result {
    border: 1px dashed #09f;
    padding: 5px 10px;
    height: 300px;
    line-height: 20px;
    overflow-y: auto
}

#zc_batch fieldset .ing {
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 30px
}

.zc_foot {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    line-height: 22px;
    margin-top: 10px;
    text-shadow: #fff 0 1px 0;
    color: #333;
    font-style: normal
}

.zc_right_fixed {
    position: fixed;
    bottom: 20px;
    width: 46px;
    height: auto;
    display: none
}

.zc_right_fixed a {
    width: 46px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    margin-top: 1px
}

.zc_right_fixed a.top {
    background: url(/images/global.png) 0 -58px no-repeat;
    display: none
}

.zc_right_fixed a.top:hover {
    background: url(/images/global.png) -49px -58px no-repeat
}

.zc_right_fixed a.ad {
    background: url(/images/global.png) 0 0 no-repeat
}

.zc_right_fixed a.ad:hover {
    background: url(/images/global.png) -49px 0 no-repeat
}

.zc_right_fixed a.fav {
    background: url(/images/global.png) 0 -119px no-repeat
}

.zc_right_fixed a.fav:hover {
    background: url(/images/global.png) -49px -119px no-repeat
}

.zc_league {
    width: 934px;
    padding: 8px 12px;
    border: 1px #009ad9 solid;
    margin: 2px auto 8px;
    background: #fff;
    border-radius: 5px
}

.zc_league dl {
    margin: 5px 0
}

.zc_league dl dt {
    background: #ddd;
    width: 40px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    text-shadow: 1px 1px #fff;
    float: left
}

.zc_league dl dd {
    float: left;
    width: 884px;
    line-height: 20px;
    padding-left: 10px
}

.zc_league dl dd a {
    float: left;
    margin: 1px 5px 1px 0;
    padding: 0 4px
}

.zc_league dl dd a.e {
    margin-right: 0;
    background: #ddd;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px #fff
}

.zc_league dl dd a.f {
    background: #009ad9;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700
}

#saichang_round {
    margin: 5px;
    border: 1px solid #a2c6d3;
    padding-top: 5px
}

#saichang_round a {
    float: left;
    width: 26px;
    height: 22px;
    display: block;
    line-height: 22px;
    border: 1px #bed7e8 solid;
    background: #fff;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 微软雅黑;
    overflow: hidden;
    text-align: center;
    font-size: 14px
}

#saichang_round a:hover {
    border: 1px #3e6d8e solid;
    text-decoration: none
}

#saichang_round a.f {
    background: #3e6d8e;
    color: #fff;
    border: 1px #3e6d8e solid;
    text-decoration: none
}

#saichang_content {
    padding: 0 5px 5px
}

#saichang_content p {
    background: #eee;
    line-height: 24px;
    margin: 5px 0;
    padding: 0 8px
}

#ad_top {
    height: auto;
    padding-top: 3px;
    background: #fff
}

#ad_head {
    width: 960px;
    height: auto;
    margin: 5px auto 0
}

#ad_float_left {
    z-index: 999;
    width: 100px;
    left: 2px;
    top: 500px;
    position: absolute
}

#ad_float_right {
    z-index: 999;
    width: 100px;
    right: 2px;
    top: 500px;
    position: absolute
}

.ad_float_close {
    width: 100px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    display: block;
    background: #09f;
    text-decoration: none;
    color: #fff
}

.wrapper .zc_left .left_box .live .content img {
    max-width: 100% !important;
    height: auto !important;
    margin:10px auto;
    display: block;
}

.link_show li {
    display: inline
}

#tags div {
    width: 100%;
    height: 145px;
    overflow: hidden;
}

#tags div span {
    display: inline-block
}

#tags a {
    height: 26px;
    line-height: 26px;
    padding: 2px 8px;
}

#tags .tags0 {}

#tags .tags1 {
    color: #C00;
    font-size: 22px;
}

#tags .tags2 {
    color: #63D563;
    font-size: 16px;
}

#tags .tags3 {
    color: #00B8FF;
}

#tags .tags4 {
    font-size: 16px;
}

#tags .tags5 {
    color: #C00;
    font-size: 20px;
}

#tags .tags6 {
    color: #F06 font-size:20px;
}

#tags .tags7 {
    color: #F8DB12;
    font-weight: bold;
    font-size: 18px;
}

#tags .tags8 {
    color: #F06;
    font-weight: bold;
}

#tags .tags9 {
    color: #BB81EF;
    font-weight: bold;
    font-size: 16px;
}

#zhibo_btn a {
    font-size: 13px;
    background-color: #009ad9;
    color: #fff;
    padding: 0px 5px;
    margin-right: 5px;
    margin-bottom: 4px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
}



.pager {
    border-radius: 0;
    text-align: center;
}

.pager>li {
    display: inline-block;
}

.pager>li>a,
.pager>li>span {
    background-color: #fff;
    border: 1px solid #dddddd;
    display: block;
    padding: 2px 3px;
}

.pager>li.active>a,
.pager>li.active>span,
.pager>li.active>a:hover,
.pager>li.active>span:hover {
    color: #fff;
    background-color: #0066d1;
    border-color: #77777;
}


.qiuduiqiuyuan a{
    height: 26px;
    line-height: 26px;
    color:#666;}

    .qiuduiqiuyuan_img{width: auto}


.video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000; /* Optional: background color for when video is loading */
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.match_filter{background:#fff;display: flex;flex-wrap:wrap;padding:10px;margin-top:20px;}
.match_filter li.tabs{flex:1;text-align:center;border-bottom:0;display: block;border-radius:4px;background: #F0F0F0;margin:0px 10px 0px 0px;}
.match_filter li a{margin:0;text-decoration:none;display:block}
.match_filter li a:hover{text-decoration:none}
.match_filter li.active{background: #009ad9;}
.match_filter li.active a{color: #fff;}



.left_box ul li .tit{width:100%}
.left_box ul li .tit a.linkbtn{padding: 0px 16px;
    border-radius: 4px;
    background: #F0F0F0;
    float:right;
    color:#009ad9;
    border-radius: 16px;
    
}

.left_box ul li .tit a.linkbtn.start{
    background:#009ad9;
    color:#fff;
    
}
