.left {
    float: left;
}

.right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-ignore {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-center {
    text-align: center;
}

/*top*/
/*foot导航*/
.headnav {
    border-top: 1px #c0c0c0 solid;
}

.headnav h1 {
    width: 6rem;
    margin: 0.3rem 0.2rem 0.1rem 0.3rem;
}

.fl {
    float: left;
}

h1 img {
    width: 100%;
    height: 100%;
}

.hint {
    color: #999;
    font-size: 0.6rem;
    height: 2.3rem;
    line-height: 2.3rem;
    margin-top: 0.4rem;
    color: #333;
}

.hint i {
    color: #f46263;
    font-weight: 500;
    margin: 0 0.066667rem;
}

.fr {
    float: right;
}

.nav_btn {
    color: #2a3fa8;
    font-size: 0.6rem;
    border-radius: 4px;
    display: block;
    text-align: center;
    border: 1px #2a3fa8 solid;
    height: 1.1rem;
    line-height: 1.1rem;
    padding: 0.05rem 0.8rem;
    margin-top: 0.9rem;
    margin-right: 0.8rem;
}

/* 原始的 height:1.91rem; 高度给自适应,大前端说的 */
.footer_dh {
    overflow: hidden;
    box-shadow: 0 -2px 5px #f2f2f2;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    padding: 0.28rem 0 0.28rem 0;
}

/* 移除固定高度height 45px，padding改为-0.9rem 自适应，防止冲突 */
/* .footer_dh {box-shadow:0 -2px 5px #f2f2f2;position:fixed;left:0px;bottom:0px;width:100%;background-color:#fff;z-index:9999;padding:-0.9rem 0 0.8rem 0;} */
.footer_dh p {
    width: 20%;
    float: left;
    text-align: center;
    padding-top: 0.05rem;
}

.footer_dh .zhibo_dbnav span {
    background: url(/images/icon/match_all.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .saicheng_dbnav span {
    background: url(/images/icon/index.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .shiping_dbnav span {
    background: url(/images/icon/live.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .video_dbnav span {
    background: url(/images/icon/special.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .pingdao_dbnav span {
    background: url(/images/icon/channel.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh span {
    display: block;
    text-align: center;
}

cite {
    font-style: normal;
    font-size: 0.55rem;
    color: #cccccc;
}

.footer_dh .zhibo_dbnav .on span {
    background: url(/images/icon/match_all2.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .saicheng_dbnav .on span {
    background: url(/images/icon/index2.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.saicheng_dbnav .on cite {
    color: #2C87FF;
}

.zhibo_dbnav .on cite {
    color: #2C87FF;
}

.shiping_dbnav .on cite {
    color: #2C87FF;
}

.pingdao_dbnav .on cite {
    color: #2C87FF;
}

.video_dbnav .on cite {
    color: #2C87FF;
}

.footer_dh .pingdao_dbnav .on span {
    background: url(/images/icon/channel2.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .shiping_dbnav .on span {
    background: url(/images/icon/live2.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh .video_dbnav .on span {
    background: url(/images/icon/special2.png) no-repeat center center;
    background-size: 1.1rem 1.1rem;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}

.footer_dh_top {
    margin-top: 2.8rem;
}

.header_box {
    width: 100%;
    height: 2.1rem;
    background: #fff;
}

.header_box .logo {
    width: 2.5rem;
    height: 1.1rem;
    float: left;
    margin: 0.5rem 0 0 0.5rem;
}

.header_box .logo img {
    width: 100%;
    height: 100%;
}

.header_box .nav {
    float: left;
}

.header_box .nav li {
    float: left;
    margin-left: 2.2rem;
}

.header_box .nav li a {
    font-size: 0.6rem;
    line-height: 2.1rem;
    color: #000;
}

/*=======================首页====================*/
.subnav_box {
    height: 1.8rem;
    background: #d91a29;
    overflow: hidden;
    position: relative;
    height: 2rem;
}

.subnav_box a {
    float: left;
    width: auto;
    height: 1.8rem;
    font-size: 0.7rem;
    color: #fff;
    /* text-align: center; */
    line-height: 1.95rem;
    padding-left: 10px;
    padding-right: 10px;
    height: 2rem;
    line-height: 2rem;
}

.subnav_box a:last-child {
    margin-right: 1rem;
}

.subnav_box a:active {
    color: #fff;
    background: #0E5BEA;
}

.subnav_box a.active {
    color: #fff;
    background: #0E5BEA;
}

.subnav_box .slide_next, .subnav_box .slide_prev {
    width: 1rem;
    height: 1.8rem;
    position: absolute;
    top: 0;
    background: #d91a29;
    z-index: 99;
    opacity: 0.95;
    transition: opacity .3s;
}

.subnav_box .slide_next {
    right: 0;
}

.subnav_box .slide_prev {
    left: 0;
}

.subnav_box .slide_prev s, .subnav_box .slide_next s {
    display: inline-block;
    margin: 0.7rem 0 0 0.2rem;
    width: 0.36rem;
    height: 0.36rem;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.subnav_box .slide_next s {
    transform: rotate(-45deg);
}

.subnav_box .slide_prev s {
    transform: rotate(135deg);
}

.subnav_box .swiper-button-disabled {
    opacity: 0;
}

/*content*/
.score_list {
    padding: 0 0.5rem;
}

.score_list h1 {
    font-size: 0.7rem;
    line-height: 1.5rem;
    text-align: center;
    background: #f2f2f2;
    width: 100%;
}

.score_list h1 a {
    display: block;
    color: #333;
}

.score_list li {
    height: 5rem;
    background: #fff;
    border-radius: 0.25rem;
    margin-top: 0.25rem;
    border-bottom: 1px solid #ddd;
}

.score_list li:nth-child(2) {
    /* margin-top: 0; */
}

.score_list li > a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
}

.score_list .score_name_left {
    width: 5.5rem;
    margin-top: 0.5rem;
    float: left;
    text-align: center;
}

.score_name_left img {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: 0 auto;
}

.score_name_left span {
    display: block;
    font-size: 0.7rem;
    line-height: 0.7rem;
    margin-top: 0.5rem;
    color: #333;
}

.score_list .score_center {
    width: 6.75rem;
    float: left;
    text-align: center;
}

.score_center time {
    display: block;
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #333;
    margin-top: 0.7rem;
}

.score_center .score {
    font-size: 1.05rem;
    line-height: 1.05rem;
    color: #333;
    margin-top: 0.7rem;
}

.score_center .score .win {
    font-weight: 700;
}

.score_center p {
    font-size: 0.6rem;
    line-height: 0.6rem;
    margin-top: 0.65rem;
    color: #333;
}

/*screening_fixed*/
.screening_box {
    width: 48px;
    height: auto;
    position: fixed;
    right: 6px;
    bottom: 68px;
    z-index: 10000;
}

.screening_box li {
    width: 100%;
    height: 48px;
    margin-top: 2px;
    background: url(../images/screening_img.png);
    background-size: 96px 96px;
}

.screening_box li.football {
    background-position: 0 0;
}

.screening_box li.basketball {
    background-position: 0 48px;
}

.screening_box li.football.active {
    background-position: 48px 0;
}

.screening_box li.basketball.active {
    background-position: 48px 48px;
}

.screening_box li a {
    display: block;
    height: 100%;
}

.red {
    color: #CE2623 !important;
}

.blue {
    color: #017BD1 !important;
}

.green {
    color: #009900 !important;
}

/*===========专题/index============*/
.score_nav {
    height: 2.5rem;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    position: relative;
}

.score_nav ul li {
    float: left;
    width: auto;
    height: auto;
    margin-left: 1.2rem;
    margin-top: 0.4rem;
}

.score_nav ul li:last-child {
    padding-right: 1rem;
}

.score_nav ul li a {
    font-size: 0.75rem;
    color: #333;
    padding-bottom: 8px;
    position: relative;
}

.score_nav ul li.active a {
    font-weight: bold;
    color: #d91a29;
}

.score_nav ul li a i {
    position: absolute;
    display: block;
    height: 2px;
    width: 0.6rem;
    background: #fff;
    left: 35%;
    bottom: 0;
}

.score_nav ul li.active a i {
    background: #d91a29;
}

.score_nav ul li a i {
    position: absolute;
    display: block;
    height: 2px;
    width: 0.6rem;
    background: #fff;
    left: 35%;
    bottom: 0;
}

.score_nav ul li.active a i {
    background: #d91a29;
}

.score_nav .score_slide_prev {
    width: 0.8rem;
    height: 2.5rem;
    background: #fff;
    box-shadow: 2px 0 8px 0 rgba(0,0,0,0.10);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.score_nav .score_slide_next {
    width: 0.8rem;
    height: 2.5rem;
    background: #fff;
    box-shadow: -2px 0 8px 0 rgba(0,0,0,0.10);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.score_nav .score_slide_prev s {
    display: inline-block;
    margin: 0.95rem 0 0 0.3rem;
    width: 0.36rem;
    height: 0.36rem;
    transform: rotate(135deg);
    border-bottom: 1px solid #d91a29;
    border-right: 1px solid #d91a29;
}

.score_nav .score_slide_next s {
    display: inline-block;
    margin: 0.95rem 0 0 0.2rem;
    width: 0.36rem;
    height: 0.36rem;
    transform: rotate(-45deg);
    border-bottom: 1px solid #d91a29;
    border-right: 1px solid #d91a29;
}

/*submit/nav*/
/* .index_nav_back {
    background: #fff;
    padding-top: 0.75rem;
}

 .index_nav_box {
    width: 13.9rem;
    height: 1.5rem;
    margin: 0 auto;
    border: 1px solid #d91a29;
    border-radius: 0.2rem;
    box-sizing: border-box;
}
.index_nav_box-width{
    width: 16.9rem;
}

.index_nav_box time {
    float: left;
    font-size: 0.7rem;
    color: #0E5BEA;
    margin: 0.22rem 0 0 1.3rem;
}

.index_jian_one{
    margin-left: -39%;
}
.index_nav_box a {
    float: left;
    font-size: 0.7rem;
    color: #0E5BEA;
    margin: 0.22rem 0 0 6.5rem;
}

.index_nav_box s {
    float: left;
    margin: 0.4rem 0 0 0.5rem;
    font-size: 0;
    line-height: 0;
    border-width: 0.3rem;
    border-color: #d91a29;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
} */
.index_nav_back {
    /* background: #fff; */
    padding-top: 0.75rem;
}

.index_nav_right, .index_nav_left {
    box-sizing: border-box;
    height: 1.4rem;
    line-height: 1.4rem;
    border: 1px solid #d91a29;
    border-radius: 0.3rem;
    font-size: 0.7rem;
    color: #d91a29;
}

.index_nav_left {
    float: left;
    text-align: center;
    width: 4rem;
    margin-left: 0.5rem;
}

.index_nav_right {
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*比赛*/
.index_matches_box {
    height: 4.3rem;
    margin-top: -0.25rem;
    overflow: hidden;
}

.index_matches_box .matches_block {
    width: 7.85rem;
    height: 4.3rem;
    float: left;
    background: #F5F5F5;
    margin-left: 0.5rem;
}

.matches_block .time_video time {
    font-size: 0.55rem;
    color: #999;
    float: left;
    margin: 0.25rem 0 0 0.35rem;
}

.matches_block .time_video span {
    font-size: 11px;
    color: #333;
    float: right;
    margin: 0.25rem 0.3rem 0 0rem;
}

.matches_block .name_score {
    height: 1.25rem;
    margin-top: 0.25rem;
}

.matches_block .name_score img {
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.45rem;
}

.matches_block .name_score span {
    float: left;
    width: 3.75rem;
    font-size: 0.6rem;
    color: #000;
    margin: 0.25rem 0 0 0.3rem;
}

.matches_block .name_score strong {
    float: left;
    width: 1.5rem;
    font-size: 0.8rem;
    color: #000;
    text-align: center;
    margin: 0.25rem 0 0 0.3rem;
}

.matches_block .name_score .colothin {
    color: #999;
}

/*热门要闻*/
.index_hot_news {
    width: 100%;
    height: auto;
    margin-top: 0.75rem;
}

.index_hot_news .hotnews_title {
    height: 1.25rem;
}

.index_hot_news .hotnews_title h1 {
    font-size: 0.9rem;
    color: #000;
    font-weight: bold;
    float: left;
    margin-left: 0.75rem;
}

.index_hot_news .hot_news_nav {
    float: right;
    margin-right: 0.8rem;
}

.index_hot_news .hot_news_nav li {
    float: left;
    margin: 0.25rem 0 0 0.25rem;
    font-family: PingFangSC-Regular;
    font-size: 0.6rem;
}

.index_hot_news .hot_news_nav li a {
    color: #666;
}

.index_hot_news .hot_news_nav li a.active {
    color: #d91a29;
}

.index_hot_news .hot_news_nav i {
    float: left;
    width: 0.1rem;
    height: 0.5rem;
    background: #CCC;
    margin: 0.42rem 0 0 0.25rem;
}

.index_hot_news .info {
    clear: both;
    font-size: .8rem;
    padding: .25rem;
}

/*block_max文章*/
.block_max {
    width: 17.25rem;
    height: 8.9rem;
    margin: 0.8rem auto 0;
    position: relative;
}

.block_max>a>img {
    width: 100%;
    height: 100%;
}

.block_max>a>span {
    display: block;
    height: 1.2rem;
    width: 98%;
    background: rgba(0, 0, 0, 0.5);
    font-size: 0.7rem;
    color: #FFF;
    line-height: 1.2rem;
    padding: 0 1%;
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 0;
    word-break: break-all;
}

.block_max .video_ico {
    width: 2rem;
    height: 2rem;
    background: url(../images/video_play.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 7.65rem;
    top: 3.45rem;
}

.block_max:first-child {
    margin-top: 0.5rem;
}

/*=======频道页=======*/
.channel_box {
    width: 100%;
    height: auto;
}

.channel_box a {
    float: left;
    width: 7.875rem;
    height: 1.9rem;
    background: #fff;
    margin: 0.5rem 0 0 1rem;
}

.channel_box a img {
    width: 0.9rem;
    height: 0.9rem;
    float: left;
    margin: 0.5rem 0 0 1.875rem;
}

.channel_box a span {
    font-size: 0.75rem;
    line-height: 1.9rem;
    color: #333;
    float: left;
    margin-left: 0.5rem;
}

/*===========赛前==========*/
.fixed_score_box {
    min-height: 7.5rem;
    /* background: url(../images/banner_back.png) no-repeat; */
    /* background-size: 100% 100%; */
    background: #333;
}

.fixed_score_box>a {
    display: inline-block;
    margin: 0.5rem 0 0 0.75rem;
}

.fixed_score_box>a>i {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    transform: rotate(-45deg);
    border: 1px solid #FFFFFF;
    border-bottom: none;
    border-right: none;
}

.fixed_score_box>a>span {
    font-size: 0.7rem;
    color: #FFFFFF;
}

.fixed_score .score_name_left {
    width: 5.85rem;
    float: left;
    text-align: center;
}

.fixed_score .score_name_left img {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
}

.fixed_score .score_name_left span {
    display: block;
    font-size: 0.7rem;
    line-height: 1rem;
    margin-top: 0.5rem;
    color: #fff;
}

.fixed_score .score_center {
    width: 7rem;
    float: left;
    text-align: center;
}

.fixed_score .score_center time {
    display: block;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #fff;
    margin-top: 0;
}

.fixed_score .score_center .score {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.3rem;
    margin-top: 0.75rem;
}

.fixed_score .score_center p {
    margin-top: 1rem;
    font-size: 0.6rem;
    line-height: 0.85rem;
    color: #FFFFFF;
}

.fixed_score .score_center a {
    display: inline-block;
    width: 3.3rem;
    height: 1.3rem;
    border: 1px solid #fff;
    text-align: center;
    font-size: 0.6rem;
    line-height: 1.4rem;
    border-radius: 0.25rem;
    color: #FFFFFF;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

/*曚层*/
.layer_live_box {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.layer_live {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
}

.layer_live_nav {
    height: 1.8rem;
    border-bottom: 1px solid #DDD;
    text-align: center;
}

.layer_live_nav span {
    line-height: 1.8rem;
    font-size: 0.8rem;
    color: #000;
    font-weight: bold;
    margin: 0.5rem 0 0 0.15rem;
}

/* .layer_live a {
    display: block;
    height: 3rem;
    font-size: 0.8rem;
    color: #000;
    text-align: center;
    line-height: 2.6rem;
} */
.layerA>a {
    display: block;
    width: 100%;
    height: 3rem;
    font-size: 0.8rem;
    color: #000;
    /* border-bottom: 1px solid #EAEAEA; */
    text-align: center;
    padding: .5rem;
    box-sizing: border-box;
    color: red;
}

.layerA>a>h5 {
    width: 100%;
    height: 1rem;
    font-size: .8rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4A8EF5;
    overflow: hidden;
}

.layerA>a>p {
    width: 100%;
    height: .7rem;
    font-size: .6rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    overflow: hidden;
    margin-top: .25rem;
}

.layerA1 {
    display: block;
    width: 100%;
    height: 3rem;
    font-size: 0.8rem;
    color: #000;
    border-bottom: 1px solid #EAEAEA;
    text-align: center;
    padding: .5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.layerA1>h5 {
    width: 100%;
    height: 1rem;
    font-size: .8rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4A8EF5;
    overflow: hidden;
}

.layer_live .js {
    line-height: normal;
    height: 3.75rem;
}

.layer_live .js span {
    display: inline-block;
    margin-top: 0.75rem;
}

.layer_live .js strong {
    display: block;
    font-size: 0.6rem;
    color: #333;
    margin-top: 0.25rem;
}

.layer_live a i {
    display: inline-block;
    width: 1.5rem;
    height: 0.7rem;
    border: 1px solid #238CEB;
    line-height: 0.7rem;
    border-radius: 0.2rem;
    font-size: 0.5rem;
    text-align: center;
    color: #238CEB;
    margin-left: 0.2rem;
}

.layer_live a:active {
    background: #F5F5F5;
}

.layer_live_hide {
    height: 2.6rem;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 2.6rem;
    /* border-top: 1px solid #DDDDDD; */
}

.layer_live_hide:active {
    background: #F5F5F5;
}

/*全部信号源*/
.layer_qb a {
    float: left;
    width: 50%;
}

.layer_live_nav strong {
    font-size: 0.65rem;
    color: #333;
    float: right;
    font-weight: normal;
    margin: 0.5rem 1rem 0 0;
}

/*nav*/
.match_nav {
    width: 100%;
    height: 1.75rem;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #F1F1F1;
}

.match_nav li {
    width: auto;
    height: auto;
    float: left;
    /* margin-left: 1rem; */
    border-bottom: 0.075rem solid #FFF;
}

.match_nav li a {
    font-size: 0.75rem;
    line-height: 1.675rem;
    padding: 0 0.2rem;
    color: #666;
}

.match_nav li.active {
    border-bottom: 0.075rem solid #d91a29;
}

.match_nav li.active a {
    color: #d91a29;
}

/*content*/
.match_brief {
    background: #fff;
    padding-bottom: 1rem;
}

.match_brief_nav {
    height: 1.75rem;
}

.match_brief_nav li {
    float: left;
    width: 50%;
    height: 1.75rem;
    background: #f2f2f2;
}

.match_brief_nav li img {
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0.3rem 0 0 2.25rem;
}

.match_brief_nav li span {
    float: left;
    font-size: 0.7rem;
    line-height: 1.75rem;
    margin-left: 0.5rem;
}

.match_brief_nav li.active {
    background: #fff;
}

.match_brief_nav li.active span {
    color: #d91a29;
}

.match_brief_list {
    padding: 0 0.5rem 1.35rem;
}

.match_brief_li h1 {
    font-size: 0.75rem;
    font-weight: bold;
    color: #333;
    padding-left: 0.4rem;
    border-left: 0.175rem solid #d91a29;
    margin-top: 0.7rem;
    line-height: 0.875rem;
}

.match_brief_li p {
    font-size: 0.7rem;
    line-height: 1.4rem;
    text-indent: 2em;
    color: #333;
    margin-top: 0.25rem;
}

.match_betab_nav {
    height: 2.2rem;
    background: #f2f2f2;
}

.match_betab_nav h1 {
    font-size: 0.75rem;
    line-height: 0.9rem;
    padding-left: 0.4rem;
    border-left: 0.175rem solid #d91a29;
    float: left;
    margin: 0.7rem 0 0 0.5rem;
    font-weight: bold;
}

.match_brief_table table {
    display: block;
}

.match_brief_table table tbody tr {
    border-top: 1px dashed #e5e5e5;
}

.match_brief_table table tbody tr:first-child {
    border-top: none;
}

.match_brief_table table tbody tr th {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #666;
    background: #F9F9F9;
    text-align: center;
}

.match_brief_table table tbody tr td {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #333;
    text-align: center;
}

.match_betab_name {
    height: 2rem;
}

.match_betab_name h1 {
    font-size: 0.7rem;
    line-height: 2rem;
    float: left;
    margin-left: 0.5rem;
    color: #333;
}

/* 文字直播 */
.live_list {
    padding: .5rem;
}

.live_text {
    height: 20rem;
    overflow-y: scroll;
    background: #f5f5f5;
}

.live_text span {
    font-size: .75rem;
}

.live_text p {
    min-height: 2.2rem;
    position: relative;
    padding-bottom: .5rem;
    border-bottom: 1px solid #eee;
}

.live_text_a {
    margin: .4rem;
}

.live_text_a a {
    font-size: .8rem;
    margin-right: .2rem;
}

span.period {
    font-size: .6rem;
    position: absolute;
    top: .1rem;
    left: .1rem;
    height: 1rem;
    line-height: 1rem;
    color: #666;
}

span.time {
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    position: absolute;
    top: .1rem;
    left: 2rem;
    color: #666;
}

span.score {
    position: absolute;
    right: .1rem;
    top: .1rem;
    font-size: .6rem;
    color: #999;
}

span.text {
    padding-top: 1rem;
    display: inline-block;
    padding-left: 1rem;
}

/* 文字直播 // */
/*球员统计*/
::-webkit-scrollbar {
    display: none
}

.match_member_list {
    margin-top: 0.5rem;
    background: #fff;
}

.match_member_list .list_name {
    float: left;
    width: 4.875rem;
    border-right: 1px solid #eee;
}

.list_name li {
    height: 1.71rem;
    border-top: 1px solid #eee;
    font-size: 0.55rem;
    line-height: 1.71rem;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.list_name li:first-child {
    background: #fdf5f3;
    font-weight: bold;
    height: 1.35rem;
    border-top: none;
    line-height: 1.35rem;
}

.match_member_list .list_table {
    float: left;
    width: 13.75rem;
    overflow-x: scroll;
    overflow-y: hidden;
}

.list_table table tbody tr th {
    font-size: 0.55rem;
    line-height: 1.36rem;
    background: #fdf5f3;
    color: #333;
    text-align: center;
}

.list_table table tbody tr td {
    font-size: 0.55rem;
    line-height: 1.725rem;
    color: #333;
    text-align: center;
    border-top: 1px solid #eee;
}

/*足球技术统计*/
.stati_toptitle {
    height: 1.7rem;
    background: #F1F1F1;
    line-height: 1.7rem;
}

.stati_toptitle h2 {
    font-size: 0.7rem;
    color: #000;
    margin-left: 0.75rem;
    font-weight: bold;
    float: left;
}

.stati_toptitle span {
    float: left;
    font-size: 0.6rem;
    color: #666;
    margin-left: 0.5rem;
}

.table_bar_box {
    padding-bottom: 0.75rem;
    background: #fff;
}

.table_bar_box .table_bar_title div {
    display: inline-block;
    font-size: 0.7rem;
    color: #000000;
    text-align: center;
    margin-top: 0.75rem;
}

.table_bar_box .table_bar_title div em {
    color: #666;
}

.table_bar_box .table_bar .bar {
    width: 100%;
    height: 0.2rem;
    background: #DDDDDD;
    border-radius: 2px;
}

.table_bar_box .table_bar>div {
    display: inline-block;
}

.table_bar_box .table_bar .bar i {
    display: block;
    height: 0.2rem;
    border-radius: 2px;
}

.table_bar_box .table_bar .bar i.lose {
    background: #999;
}

.table_bar_box .table_bar .bar i.win {
    background: #238CEB;
}

/*球队统计（实时数据）*/
.lq_real_time {
    padding: 0 0.25rem;
}

.lq_real_time table tbody tr th {
    font-size: 0.55rem;
    line-height: 1.375rem;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.lq_real_time table tbody tr td {
    font-size: 0.55rem;
    line-height: 1.375rem;
    color: #333;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

/*阵容*/
.lineup_list {
    background: #fff;
    padding: 0 0.75rem;
}

.lineup_table_zx {
    font-size: 0.6rem;
    color: #000;
    padding: 0.75rem 0 0.25rem 0;
}

.lineup_list_table table {
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

.lineup_list_table table tbody tr td {
    font-size: 0.6rem;
    line-height: 1.75rem;
    color: #000;
    vertical-align: middle;
    width: 48%;
    padding-right: 2%;
    border: 0;
    text-align: right;
}

.lineup_list_table table tbody tr td i {
    display: inline-block;
    border: 1px solid #666;
    width: 2rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 1rem;
}

.lineup_list_table table tbody tr td span {
    display: inline-block;
    font-size: 0.7rem;
    width: 1rem;
    text-align: center;
    padding: 0 0.35rem;
}

.lineup_list_table table tbody tr td:nth-child(2) {
    padding-right: 0;
    padding-left: 2%;
    text-align: left;
}

.lineup_table_title {
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-size: 0.7rem;
    color: #000000;
    padding: 0.75rem 0;
}

/*锦集回放、事件*/
.match_video {
    padding-bottom: 1rem;
}

.match_video .match_video_back li {
    width: 17.25rem;
    height: 2.1rem;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 auto;
    overflow: hidden;
}

.match_video_back {
    background: #fff;
    border-top: 1px solid #fff;
    height: 15.9rem;
    overflow: hidden;
}

.match_video .match_video_back li a {
    font-size: 0.8rem;
    line-height: 2.1rem;
    color: #333;
    width: 16rem;
    float: left;
}

.match_video .match_video_back li i {
    float: left;
    width: 0.4rem;
    height: 0.4rem;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    margin: .8rem 0 0 0.4rem;
}

.uptable_show_button {
    background: #fff;
    height: 2.2rem;
    font-size: 0.7rem;
    text-align: center;
    line-height: 2.2rem;
    color: #999;
}

.uptable_show_button span {
    float: left;
    margin-left: 7rem;
    color: #999;
}

.uptable_show_button s {
    float: left;
    margin: 0.85rem 0 0 0.5rem;
    width: 0.36rem;
    height: 0.36rem;
    transform: rotate(45deg);
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

/*事件*/
.event_box .content .dot_s {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    color: #000;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
}

.event_box span.text_lim {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    line-break: strict;
    vertical-align: middle;
    text-overflow: ellipsis;
    color: #000;
    font-size: 14px;
}

ol#timeline {
    width: 100%;
    padding-bottom: 20px;
    background: url(../images/event/bg_line.png) center center repeat-y;
}

ol#timeline li {
    position: relative;
    color: #555;
    margin: 10px 0;
}

ol#timeline li div {
    width: 40%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
    border-radius: 4px;
    padding: 5px 0;
    background: #fff;
    position: relative;
}

ol#timeline p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
}

ol#timeline p img {
    width: 22px;
    vertical-align: middle;
}

.event_box .content_p {
    padding-bottom: 41px;
    /* height: 699px; */
    /* overflow: auto; */
    margin-right: 1px;
    padding: 10px 15px;
}

.event_box .cf:before, .event_box .cf:after {
    content: "";
    display: table
}

.event_box .cf:after {
    clear: both
}

.event_box .cf {
    zoom: 1; clear: both;
    padding: 0;
}

ol#timeline .home {
    float: left;
    text-align: right;
    padding-right: 10px;
}

ol#timeline .home p {
    text-align: right;
    font-size: 12px;
}

ol#timeline .home span.arrow {
    display: block;
    width: 8px;
    height: 10px;
    position: absolute;
    background: url(../images/event/tri_l.png) 0 0 no-repeat;
    position: absolute;
    right: -8px;
    top: 6px;
    background-size: cover
}

ol#timeline .away {
    float: right;
    text-align: left;
    padding-left: 10px;
    line-height: 15px;
}

ol#timeline .away span.arrow {
    display: block;
    width: 8px;
    height: 10px;
    position: absolute;
    background: url(../images/event/tri_r.png) 0 0 no-repeat;
    position: absolute;
    left: -8px;
    top: 6px;
    background-size: cover
}

ol#timeline .away p {
    text-align: left;
}

ol#timeline .num {
    display: block;
    width: 25px;
    height: 25px;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    color: #000;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
}

/*视频页（带过滤条件）*/
.filter_video {
    height: 1.75rem;
}

.filter_video_list {
    width: 15.25rem;
    height: 1.75rem;
    float: left;
    overflow: hidden;
}

.filter_video a {
    height: 1.25rem;
    width: auto;
    display: inline-block;
    font-size: 0.7rem;
    line-height: 1.25rem;
    color: #333;
    background: #fff;
    border-radius: 1.25rem;
    padding: 0 0.5rem;
    margin: 0.375rem 0 0 1rem;
}

.filter_video a:first-child {
    margin-left: 0.75rem;
}

.filter_video .filter_link {
    float: left;
    font-size: 0.7rem;
    line-height: 2rem;
    margin-left: 0.5rem;
    padding-left: 0.85rem;
    background: url(../images/filter_back.png) no-repeat;
    background-size: 0.75rem;
    background-position-y: 0.625rem;
}

/*筛选曚层*/
.filter_video_layer {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.layer_filter {
    WIDTH: 16.75rem;
    background: #fff;
    border-radius: 0.5rem;
    margin: 6.5rem auto 0;
    overflow: hidden;
}

.layerfilt_left {
    float: left;
    width: 9.25rem;
    background: #f5f5f5;
}

.layerfilt_left li {
    height: 2rem;
}

.layerfilt_left li img {
    width: 1rem;
    height: 1rem;
    float: left;
    margin: 0.5rem 0 0 1rem;
}

.layerfilt_left li span {
    float: left;
    font-size: 0.65rem;
    line-height: 2rem;
    color: #333;
    margin-left: 0.5rem;
}

.layerfilt_left li.active {
    background: #fff;
}

.layerfilt_right {
    width: 7.5rem;
    float: left;
}

.layerfilt_right a {
    display: block;
    height: 2rem;
    padding-left: 1rem;
    font-size: 0.65rem;
    line-height: 2rem;
    color: #333;
}

.layerfilt_right a:active {
    color: #DC2221;
}

/*=============播放页==============*/
.play_video_box {
    height: auto;
    background: #fff;
}

.play_video_box .play_link {
    width: 100%;
    height: 10.55rem;
    background: #000;
    position: relative;
}

.play_video_box .play_link a {
    display: block;
    position: relative;
    height: inherit;
}

.i-play {
    width: 3rem;
    height: 3rem;
    background: url(images/icon_vplay_small--2x.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
}

.play_video_box>span {
    display: block;
    font-size: 0.85rem;
    line-height: 1.2rem;
    color: #333;
    padding: 0.5rem 0.75rem 0;
}

.play_video_box>time {
    display: block;
    font-size: 0.6rem;
    line-height: 0.85rem;
    color: #666;
    padding: 0.5rem 0.75rem 0;
}

.cctv_link {
    padding-bottom: 0.25rem;
}

.play_link img {
    width: 100%;
    height: 100%;
}

.video_article_play_m {
    position: absolute;
    top: 30%;
    left: 40%;
    width: 3.5rem !important;
    height: 3.5rem !important;
}

.correlation_video {
    background: #fff;
    padding-top: 0.7rem;
}

.correlation_video h1 {
    font-size: 0.75rem;
    font-weight: bold;
    color: #333;
    padding-left: 0.4rem;
    border-left: 0.175rem solid #dc2221;
    line-height: 0.875rem;
    margin-left: 0.75rem;
}

/*video，article专辑和推荐*/
.scroll_video_taggle {
    width: 100%;
    background: #fff;
    padding-top: 0.5rem;
}

.scroll_video_taggle .videolist_title {
    width: 17.25rem;
    height: 1.45rem;
    background: #EEE;
    border-radius: 0.2rem;
    border: 1px solid #EEE;
    margin: 0 auto;
}

.videolist_title li {
    width: 33.33%;
    height: 1.45rem;
    font-size: 0.7rem;
    color: #999;
    line-height: 1.45rem;
    text-align: center;
    float: left;
}

.videolist_title li.active {
    background: #fff;
    color: #d91a29;
}

/*=========专题页==========*/
/*---index---*/
/*赛事*/
.topic_tag_title {
    height: 1.1rem;
    margin-top: 0.75rem;
    clear: both;
}

.topic_tag_title h1 {
    float: left;
    font-size: 0.9rem;
    color: #000;
    line-height: 1.25rem;
    font-weight: bold;
    margin-left: 0.75rem;
}

.topic_tag_title a {
    float: right;
    font-size: 0.7rem;
    color: #d91a29;
    line-height: 1.25rem;
    margin-right: 0.75rem;
}

.topic_tag_title a i {
    font-size: 0.7rem;
    font-family: simsun;
    margin-left: 2px;
}

.topic_match {
    margin-top: .25rem;
}

.topic_match_box .topic_match li {
    /* height: 2rem; */
    border-bottom: 1px solid #F1F1F1;
}

.topic_match .time_title {
    height: 1.5rem !important;
    margin-top: 0.25rem;
}

.topic_match .time_title time {
    font-size: 0.7rem;
    color: #333;
    margin-left: 0.75rem;
    line-height: 1.5rem;
}

.topic_match li a {
    /* display: block; */
    /* height: 2rem; */
    /* position: relative; */
}

.topic_match li a:active {
    background: #F5F5F5;
}

.topic_match li a time {
    font-size: 0.7rem;
    line-height: 2rem;
    color: #333;
    margin-left: 0.5rem;
    float: left;
}

.topic_match li a .match_name {
    margin: 0.5rem 0 0 0.5rem;
    float: left;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #000000;
}

.topic_match .state {
    width: 1.9rem;
    height: 1rem;
    float: left;
    margin: 0.5rem 0 0 0.5rem;
    font-size: 12px;
    color: #000;
    text-align: center;
    line-height: 1rem;
    float: right;
}

.vs-team {
    position: relative;
    margin: 0px .5rem;
    overflow: hidden;
    height: 2.5rem;
}

.vs-team a {
    display: flex;
}

.vs-info {
    height: 100%;
    padding: .5rem 0px;
}

.vs-team .vs-status {
    width: 14%;
    font-size: .55rem;
    color: rgb(153, 153, 153);
    text-align: center;
    line-height: .75rem;
}

.vs-team .vs-status span {
    display: block;
}

.vs-team .vs-left,.vs-team .vs-right {
    position: relative;
    width: 26%;
    overflow: hidden;
    line-height: 1.5rem;
    height: 1.5rem;
    /* display: flex; */
}

.vs-team .vs-goal {
    width: 22%;
    line-height: 1.5rem;
    text-align: center;
    font-size: .8rem;
    color: rgb(153, 153, 153);
}

.vs-team .vs-left span,.vs-team .vs-right span {
    position: absolute;
    left: 39%;
    top: 50%;
    transform: translate(0px, -50%);
    display: -webkit-box;
    width: 62%;
    font-size: .7rem;
    color: rgb(153, 153, 153);
    text-align: left;
    line-height: .8rem;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.vs-team .vs-left span {
    text-align: right;
    left: 0;
}

.vs-team img {
    height: auto;
    width: 24%;
    position: absolute;
    top: 50%;
    /* left: 2%; */
    transform: translate(0px, -50%);
}

.vs-team .vs-left img {
    right: 6%;
}

.vs-team .vs-right img {
    left: 6%;
}

.vs-team .vs-goal b {
    padding: 0px 5%;
    color: rgb(51, 51, 51);
}

.vs-team .vs-goal .win {
    color: rgb(51, 51, 51);
}

.vs-team .vs-data {
    width: 12%;
    text-align: center;
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: .8rem;
}

.vs-team .vs-data span {
    font-size: .6rem;
    color: rgb(51, 51, 51);
    padding: 5% 11.4%;
    border: 1px solid rgb(165, 165, 165);
    border-radius: 2px;
}

/*要闻*/
.topindex_tag_silid {
    /* float: left; */
    width: 17.75rem;
    height: 1.1rem;
    /* margin: 0.1rem 0 0 1.8rem; */
    overflow: hidden;
    padding: 0 .5rem;
}

.topindex_tag_silid a {
    float: left;
    font-size: 0.65rem;
    color: #d91a29;
    width: auto;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.55rem;
    border: 1px solid #d91a29;
    border-radius: 1rem;
    margin-right: 0.75rem;
}

.topindex_tag_silid a:active {
    background: #d91a29;
    color: #fff;
}

.topindex_tag_silid a.active {
    background: #d91a29;
    color: #fff;
}

/*---直播页---*/
.topic_score_zb {
    padding: 0;
}

.topic_score_zb li {
    padding: 0 0.5rem;
}

/*---视频页---*/
.topic_video_tag {
    width: 100%;
    height: 1.1rem;
    padding-top: 0.75rem;
    overflow: hidden;
    background: #fff;
}

.topic_video_tag a {
    float: left;
    font-size: 0.65rem;
    color: #d91a29;
    width: auto;
    height: 1rem;
    line-height: 1.1rem;
    padding: 0 0.55rem;
    border: 1px solid #d91a29;
    border-radius: 1rem;
    margin-left: 0.75rem;
}

.topic_video_tag a:active {
    background: #d91a29;
    color: #fff;
}

/*==========文章页=========*/
/*面包屑*/
.bread_crumb {
    font-size: 0.6rem;
    color: #AAA;
    line-height: 0.9rem;
    padding-left: 0.75rem;
    padding-top: 0.5rem;
    background: #fff;
}

.bread_crumb a {
    font-size: 0.6rem;
    color: #AAA;
}

.articles_text {
    background: #fff;
    padding: 0 0.75rem 0.5rem;
    font-size: 0.8rem;
}

.articles_text h1 {
    font-size: 1.1rem;
    color: #000;
    line-height: 1.5rem;
    font-weight: bold;
    padding-top: 1rem;
}

.articles_text .time {
    display: block;
    font-size: 0.6rem;
    color: #666;
    margin-top: 1rem;
    height: 0.8rem;
}

.articles_text p {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.4rem;
    text-align: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    text-indent: 2em;
}

.articles_text a {
    color: #333;
}

.articles_text img {
    width: 100% !important;
    height: auto !important;
    margin-left: -2em;
}

.articles_text strong {
    font-weight: bold;
}

.correlation_list {
    background: #fff;
}

/*article/video/tag*/
.articles_tag_text {
    padding-bottom: 0.5rem;
}

.articles_tag_text a {
    float: left;
    background: #F1F1F1;
    border-radius: 0.55rem;
    padding: 0.15rem 0.6rem;
    font-size: 0.65rem;
    color: #333;
    margin-left: 0.75rem;
    margin-top: 0.5rem;
}

/* 推荐 、头条 */
.scroll_video_taggle .videolist_title2 {
    width: 12rem;
    height: 1.65rem;
}

.videolist_title2 li {
    width: 50%;
    height: 1.65rem;
    font-size: 0.7rem;
    line-height: 1.65rem;
}

/*相关推荐公用块样式*/
.block_title {
    padding: 0.5rem 0;
    background: #fff;
}

.block_title h1 {
    margin-left: 0.75rem;
    font-size: 0.9rem;
    line-height: 0.9rem;
    color: #000;
}

.block_min {
    width: 17.25rem;
    height: 3.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 auto;
    position: relative;
}

.block_text {
    width: 17.95rem;
    height: 1.25rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 auto;
    position: relative;
}

.block_min a,.block_text a {
    display: flex;
}

.block_min img {
    float: left;
    width: 5rem;
    height: 3.75rem;
}

.block_min p {
    float: left;
    width: 11.75rem;
    height: 2.2rem;
    margin-left: 0.5rem;
    font-size: 0.8rem;
    color: #000;
    line-height: 1.1rem;
    overflow: hidden;
}

.block_text p {
    float: left;
    width: 14.75rem;
    height: 1.1rem;
    /* margin-left: 0.5rem; */
    font-size: 0.8rem;
    color: #000;
    line-height: 1.1rem;
    overflow: hidden;
}

.block_min time {
    font-size: 0.6rem;
    color: #999;
    line-height: 0.9rem;
    float: right;
    margin-top: 0.7rem;
    float: left;
    margin-left: .5rem;
}

.block_text time {
    width: 2.85rem;
    font-size: .65rem;
    line-height: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    text-align: right;
}

.block_min a:active p {
    color: #326CE5;
}

.block_min .video_ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/video_play.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1.75rem;
    top: 1.9rem;
}

.css1 {
    border-bottom: 2px solid #d91a29;
    color: #d91a29;
}

.css2 {
    border-bottom: 2px solid #ffffff;
    color: #000000;
}

.css4 {
    border-bottom: 2px solid #d91a29;
    color: #d91a29;
}

.schedule-match {
    font-size: 0.5rem;
    background: #fff;
    position: relative;
    overflow: hidden;
    display: block;
}

.schedule-match-wrapper .swiper-slide {
    width: 1.5rem;
    text-align: center;
    margin: 0.1rem;
}

.schedule-match-wrapper .today-p {
    line-height: 1.5rem;
}

/* 底部导航 */
.nav_bottom {
    width: 100%;
    font-size: .6rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}

.nav_explain {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: .5rem 1.5rem 0;
    box-sizing: border-box;
}

.nav_explain>p {
    line-height: .9rem;
}

.nav_about1 {
    width: 100%;
    height: .8rem;
    background: #fff;
}

.nav_about {
    width: 100%;
    /* height: 4.5rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F8F8;
    border-top: 1px solid #EEEEEE;
    padding: .6rem 0 .6rem 0;
}

.nav_con {
    display: flex;
    justify-content: center;
}

.nav_con>a {
    width: 4rem;
    height: .7rem;
    line-height: .7rem;
    color: #999999;
    text-align: center;
}

.nav_free {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.nav_p {
    margin-top: .3rem;
    text-align: center;
}

.about {
    width: 100%;
    height: 97%;
    background: #F8F8F8;
}

.about_header {
    width: 100%;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #9E9E9E;
    background: #fff;
    padding: 0 2rem;
    box-sizing: border-box;
    position: relative;
}

.about_active {
    color: #000;
    font-weight: bold;
}

.ab {
    position: relative;
}

.abI {
    width: 1rem;
    position: absolute;
    left: 43%;
    bottom: -.75rem;
}

.abI>span:nth-child(1) {
    display: inline-block;
    width: .5rem;
    height: 3px;
    background: #FF0C0C;
}

.abI>span:nth-child(2) {
    display: inline-block;
    width: .5rem;
    height: 3px;
    background: #4A8EF5;
}

.about_content {
    padding: .5rem;
    box-sizing: border-box;
    margin-bottom: 4.5rem;
}

.about_con {
    width: 100%;
    background: #fff;
    font-size: .6rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    padding: .5rem;
    box-sizing: border-box;
}

.about_con>h5 {
    font-size: .7rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    margin-bottom: .5rem;
}

.about_con>p {
    line-height: 1.25rem;
}

.about_line {
    width: 100%;
    text-align: center;
    border-bottom: 2px dashed#EAEAEA;
    margin: 1rem 0 .5rem;
}

.backA {
    display: block;
    width: 1.5rem;
    height: 1rem;
    position: absolute;
    left: .25rem;
    top: .9rem;
}

.backI {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    transform: rotate(-45deg);
    border: 1px solid #000;
    border-bottom: none;
    border-right: none;
    margin-left: .5rem;
}

/*=========积分榜/射手榜==========*/
.jifenb table {
    width: 100%;
    background: #fff;
}

.jifenb table tbody tr th {
    font-size: 0.7rem;
    line-height: 1.5rem;
    color: #999;
    text-align: center;
    background: #eee;
}

.jifenb table tbody tr td {
    font-size: 0.8rem;
    line-height: .9rem;
    color: #333;
    text-align: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.jifenb .qiudui, .jifenb .serial, .jifenb .qiudui_name {
    float: left;
}

.jifenb .qiudui {
    width: 1rem;
    height: 1rem;
    margin-left: .4rem;
    margin-right: .25rem;
}

.jifenb .serial {
    color: #999;
    font-size: 0.8rem;
    font-weight: normal;
    font-family: arial;
    margin-left: 0.6rem;
    width: 1rem;
}

.jifenb table tbody tr:nth-child(odd) {
    background-color: #F5F5F5;
}

/*=====欧冠积分榜=======*/
.ouguan_taggle {
    padding-top: 0.75rem;
}

.uefadivide {
    background: #fff;
    padding-top: 0.75rem;
}

.uefadivide_title {
    height: 1.925rem;
    font-size: 0.65rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 1.925rem;
    border-top: 1px solid #eee;
}

.uefadivide li {
    height: 2.4rem;
    border-bottom: 1px solid #eee;
}

.uefadivide li.backf5f5 {
    background: #F5F5F5;
}

.uefadivide li time {
    width: 3.95rem;
    float: left;
    font-size: 0.65rem;
    line-height: 0.925rem;
    color: #333;
    margin: 0.75rem 0 0 0.5rem;
}

.uefadivide li span {
    float: left;
    width: 3.9rem;
    font-size: 0.65rem;
    color: #333;
    height: 0.925rem;
    overflow: hidden;
    margin: 0.75rem 0 0 0.25rem;
}

.uefadivide li span.left {
    text-align: right;
    margin-right: 0.25rem;
}

.uefadivide li img {
    float: left;
    width: 0.85rem;
    height: 0.85rem;
    margin-top: 0.75rem;
}

.uefadivide li strong {
    float: left;
    width: 2.5rem;
    margin-top: 0.75rem;
    font-size: 0.65rem;
    color: #333;
    text-align: center;
    font-weight: normal;
}

/*======排名，季后赛=======*/
.ranking .jifenb {
    margin-top: 0.5rem;
}

.ranking_tag {
    width: 7.5rem;
    height: 1.35rem;
    margin: 0.5rem auto 0;
    border: 1px solid #DDD;
}

.ranking_tag li {
    width: 50%;
    float: left;
    background: #DDD;
    font-size: 0.7rem;
    color: #999;
    height: 1.35rem;
    line-height: 1.35rem;
    text-align: center;
}

.ranking_tag li.active {
    background: #FFFFFF;
    color: #333;
}

/*nab季后赛图表*/
.nbachart_box {
    width: 100%;
}

.nbachart_box ul {
    height: 3.1rem;
    position: relative;
}

.nbachart_box ul li {
    position: absolute;
    font-size: 0.6rem;
    color: #333;
    width: 0.75rem;
    line-height: 0.65rem;
    bottom: 0;
    left: 0;
}

.nbachart_box .bottomname {
    margin-top: 0.35rem;
}

.nbachart_box .bottomname li {
    top: 0;
}

.nbachart_box ul li.topname1 {
    left: 0.8rem;
}

.nbachart_box ul li.topname2 {
    left: 3.4rem;
}

.nbachart_box ul li.topname3 {
    left: 5.4rem;
}

.nbachart_box ul li.topname4 {
    left: 8rem;
}

.nbachart_box ul li.topname5 {
    left: 10rem;
}

.nbachart_box ul li.topname6 {
    left: 12.6rem;
}

.nbachart_box ul li.topname7 {
    left: 14.6rem;
}

.nbachart_box ul li.topname8 {
    left: 17.2rem;
}

.nbachart {
    width: 100%;
    height: 21.825rem;
    margin-top: 0.35rem;
    background: url(../images/nbavs.png) no-repeat 1.1rem 1.7rem;
    background-size: 16.45rem 18.425rem;
    position: relative;
}

.nbachart .block {
    width: 4.35rem;
    height: 1.65rem;
    border: 1px solid #CCCCCC;
    border-radius: 2.5rem;
    position: absolute;
    background: #FFFFFF;
}

.nbachart .block img {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.25rem;
}

.nbachart .block strong {
    width: 1rem;
    font-size: 0.55rem;
    color: #999;
    font-weight: normal;
    float: left;
    margin: 0.4rem 0 0 0.2rem;
    text-align: center;
}

.nbachart .block img.left {
    float: left;
    margin-left: 0.3rem;
}

.nbachart .block img.right {
    float: right;
    margin-right: 0.3rem;
}

.nbachart .block_content {
    width: 11.15rem;
    height: 2.3rem;
    background: #FFFFFF;
    border: 1px solid #d91a29;
    border-radius: 2.5rem;
    position: absolute;
    left: 3.65rem;
    top: 9.66rem;
}

.nbachart .nba_ico {
    width: 1.95rem;
    height: 0.85rem;
    float: left;
    margin: 0.75rem 0 0 0.5rem;
}

.nbachart .name {
    width: 1.2rem;
    height: 1.2rem;
    float: left;
    margin: 0.625rem 0.5rem 0 0.5rem;
}

.nbachart strong {
    width: 2.15rem;
    font-size: 0.7rem;
    color: #d91a29;
    text-align: center;
    line-height: 1rem;
    float: left;
    margin-top: 0.68rem;
}

.nbachart .nba_cup {
    width: 1.675rem;
    height: 2.675rem;
    float: left;
    margin-top: -0.5rem;
}

.nbachart .width260 {
    width: 6.5rem;
}

.nbachart .width260 strong {
    margin-left: 1.25rem;
}

.nbachart .position1l1 {
    top: 0;
    left: 0.275rem;
}

.nbachart .position1l2 {
    top: 0;
    left: 4.875rem;
}

.nbachart .position1l3 {
    top: 0;
    left: 9.45rem;
}

.nbachart .position1l4 {
    top: 0;
    left: 14.075rem;
}

.nbachart .position2l1 {
    top: 3.2rem;
    left: 1.5rem;
}

.nbachart .position2l2 {
    top: 3.2rem;
    left: 10.7rem;
}

.nbachart .position3l1 {
    top: 6.3rem;
    left: 6.125rem;
}

.nbachart .position5l1 {
    bottom: 6.3rem;
    left: 6.125rem;
}

.nbachart .position6l1 {
    bottom: 3.2rem;
    left: 1.5rem;
}

.nbachart .position6l2 {
    bottom: 3.2rem;
    left: 10.7rem;
}

.nbachart .position7l1 {
    bottom: 0;
    left: 0.275rem;
}

.nbachart .position7l2 {
    bottom: 0;
    left: 4.875rem;
}

.nbachart .position7l3 {
    bottom: 0;
    left: 9.45rem;
}

.nbachart .position7l4 {
    bottom: 0;
    left: 14.075rem;
}

/*nba比赛tab*/
.nba_match_box {
    background: #fff;
    padding-top: 0.75rem;
}

.nba_match_box .nba_match_tab {
    width: 17.75rem;
    height: 1.45rem;
    background: #EEE;
    border-radius: 0.2rem;
    border: 1px solid #EEE;
    margin: 0 auto;
}

.nba_match_tab li {
    width: 25%;
    height: 1.45rem;
    font-size: 0.7rem;
    color: #999;
    line-height: 1.45rem;
    text-align: center;
    float: left;
    transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
}

.nba_match_tab li.active {
    background: #fff;
    color: #d91a29;
}

/*describe*/
.nba_match_describe {
    height: 2.75rem;
}

.nba_match_describe li {
    float: left;
    width: 2.25rem;
    height: 0.7rem;
    font-size: 0.6rem;
    line-height: 0.7rem;
    color: #666;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin: 1rem 0 0 1.5rem;
}

.nba_match_describe li.bor_gray {
    border-left: 0.1rem solid #ccc;
    margin-left: 4.25rem;
}

.nba_match_describe li.bor_red {
    border-left: 0.1rem solid #EC1D1C;
}

.nba_match_describe li.bor_blue {
    border-left: 0.1rem solid #d91a29;
}

/*match*/
.nba_match_block {
    width: 17.75rem;
    height: 2.4rem;
    margin: 0 auto;
    border: 1px solid #EEEEEE;
    border-bottom: none;
}

.nba_match_block:last-child {
    border-bottom: 1px solid #EEEEEE;
}

.nba_match_block.active {
    background: #F5F5F5;
}

.nba_match_block .name {
    float: left;
    width: 2.6rem;
    font-size: 0.65rem;
    color: #333;
    margin-top: 0.75rem;
}

.nba_match_block span.left {
    margin-left: 1rem;
    text-align: right;
}

.nba_match_block .name_logo {
    width: 0.85rem;
    height: 0.85rem;
    float: left;
    margin: 0.825rem 0.25rem 0;
}

.nba_match_block .score {
    float: left;
    width: 1.75rem;
    height: 0.925rem;
    background: #d91a29;
    margin: 0.75rem 0.75rem 0;
    font-size: 0.65rem;
    line-height: 0.925rem;
    color: #FFFFFF;
    text-align: center;
}

.nba_match_block .details_but {
    float: left;
    margin: 0.8rem 0 0 2rem;
    font-size: 0.6rem;
    color: #d91a29;
    font-weight: normal;
}

.nba_match_block .details_but span {
    float: left;
}

.nba_match_block .details_but s {
    float: left;
    margin-left: 0.2rem;
    margin-top: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    transform: rotate(45deg);
    border-bottom: 1px solid #d91a29;
    border-right: 1px solid #d91a29;
}

.match_details_box {
    width: 17.8rem;
    height: auto;
    margin: 0 auto 1rem;
    border-bottom: 1px solid #EEEEEE;
}

.match_details {
    height: 2.4rem;
    border: 1px solid #EEEEEE;
    border-bottom: none;
}

.match_details time {
    float: left;
    margin: 0.8rem 0 0 0.5rem;
    font-size: 0.6rem;
    color: #333333;
}

.match_details span {
    float: left;
    margin: 0.75rem 0 0 1.5rem;
    width: 2.6rem;
    line-height: 0.925rem;
    font-size: 0.65rem;
    color: #333333;
}

.match_details span.left {
    text-align: right;
}

.match_details span.score {
    width: 2.5rem;
    text-align: center;
}

.match_details.bor_gray {
    border-left: 2px solid #ccc;
}

.match_details.bor_red {
    border-left: 2px solid #EC1D1C;
}

.match_details.bor_blue {
    border-left: 2px solid #d91a29;
}

.page ul {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
}

.page li {
    width: auto;
    font-size: .65rem;
    border:1px solid #eee;
    border-radius: .2rem;
    margin: 0 .2rem
}

.page li span {
    display:block;
    padding: .2rem;
    color: #999;
    text-align:center;
}

.page li a {
    display:block;
    padding: .2rem;
    color: #d43d3d;
    text-align:center;
}


.live-nav {
    margin: .5rem 1rem;
    display: flex;
    justify-content: center;
    border: 1px solid #e74c5b;
    border-radius: .25rem;
    line-height: 1.5rem;
}

.l-nav-a {
    width: 25%;
    font-size: .5rem;
    text-align: center;
}

.live-nav .active {
    background-color: #e74c5b;
    color: #fff;
}

.live-item .text {
    background: #eee;
    padding: .25rem;
    font-size: .6rem;
    margin-bottom: .5rem;
    border-radius: .25rem;
}

.live-item .l-item-h {
    display: flex;
    font-size: .6rem;
    justify-content: space-between;
    padding: .1rem;
}

.live_empty {
    text-align: center;
}

.score_list li > a {
    height: auto;
}

.live-urls a {
    font-size: 14px;
    color: red;
}

.live-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index: 999;
}

.live-box .live-url-list {
    background: #fff;
    width: 10rem;
    margin: 0 auto;
    margin-top: 10rem;
    height: 12rem;
    padding: .5rem;
}

.live-box .live-url-list a {
    color: red;
    font-size: 16px;
    display: block;
}

#floatwin{background-color:#00800000; color:white; width:100%; position:fixed; bottom:0px; left:0px; z-index: 999999;}
#floatwin img{width: 100%;}
#floatwin .appbody{margin: 8px;}
#floatwin .appdl{position: absolute; top: 30%; right: 10%; width: 25%;}
#floatwin .appclose{position: absolute; top: 8px; right: 10px; width: 50px; color: white; line-height: 20px; text-align: right;}
#closeFloatwin{color: white; line-height: 20px;}
#closeFloatwin img{width: 10px; margin-top: 5px;}