@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table{border-spacing: 0;}
input { outline: none; }
li { list-style: none;}
a { text-decoration: none; color:#333; }
body { font: 14px STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; color: #333; padding-bottom: 65px;}
em, i { font-style: normal; }
strong { font-weight: normal; }
img { width: 100%; height: auto; }
.fl { display: block; float: left; }
.fr { display: block; float: right; }
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

/* nav1 */
.nav1{padding: 9px 20px 6px; position: fixed; left: 0; bottom: 0;display: flex;justify-content: space-between;width: 100%; box-sizing: border-box;background-color: #fff;z-index: 99;border-top-right-radius: 10px; border-top-left-radius: 10px; box-shadow: 0 0 10px #ccc;}
.nav1 a{width: 80px;font-size: 14px; color: #999;line-height: 20px; text-align: center;}
.nav1 a em{display: block; width: 20px; height: 20px; background: url(../images/m-icons.png) no-repeat; background-size: 180px auto;margin: 0 auto 4px; background-position: 0 -25px;}
.nav1 a.active{color: #111;}
.nav1 a.active em{background-position-y: 0;}
.nav1 a.ai em{background-position-x: -29px;}

.nav1 a.score em{background: none; display: inline-block; width: auto; height: 16px; border: 2px solid #999; border-radius: 3px; padding: 0 2px;margin: 0 auto 4px;vertical-align: top;font-size: 12px;}
.nav1 a.score em i{height: 16px; background: #999; width: 1px; display: inline-block; margin: 0 2px; transform: skewX(-8deg);}
.nav1 a.score em font{line-height: 16px; display: inline-block; height: 16px; vertical-align: top;}
.nav1 a.score.active em{border-color: #111;}
.nav1 a.score.active em i{background-color: #111;}
.nav1 a.score span{display: block; text-align: center;width: 100%;}

/* nav2 */
.nav2{width: 3.6rem;height: .5rem; border: 1px solid #333; border-radius: .08rem; margin: .4rem auto;overflow: hidden;zoom: 1;}
.nav2 a{display: block; width: 50%; float: left; height: 100%;font-size: .32rem; text-align: center; line-height:.5rem;}
.nav2 a.active{color: #fff; background: #333;}

/* nav3 */
.nav3{padding: 0 .3rem;margin-bottom: .3rem;display: flex; justify-content: space-between;}
.nav3 a{font-size: .32rem; display: inline-block; height: .45rem; line-height: .45rem; padding-bottom: .1rem;}
.nav3 a.active{border-bottom: 2px solid #e60012;}

/* live-page-top */
.live-top{height: 60vw; background: url(../images/live-bg.jpg) no-repeat; background-size: 100% 100%;}
.live-top h1{height: 8vw; line-height: 8vw; font-size: 4.2vw; text-align: center;color: #fff; font-weight: bold;padding-top: .2rem;}
.live-top .date{height: 6.4vw; line-height: 6.4vw; text-align: center; margin-bottom: .2rem; color: #fff; font-size: .3rem;}

.match-vs{display: flex;margin-bottom: .2rem;}
.match-vs a{flex: 1;text-align: center;}
.match-vs a img{max-width: 14vw; max-height: 14vw; margin-bottom: .2rem;}
.match-vs a .team-name{font-size: .28rem;color: #fff;}
.match-vs a .team-score{font-size: .20rem;color: #fff;}
.match-vs .match-score{flex: 1;color: #fff; text-align: center;}
.match-vs .match-score .status-end-tag{width: 1rem; height: .4rem; line-height: .4rem; background: rgba(0,0,0,.6); margin: 0 auto .3rem;font-size: .26rem; border-radius: .2rem;}
.match-vs .match-score .score-number{height: .8rem; line-height: .8rem; font-size: .44rem;font-weight: bold;}
.match-vs .match-score .match-score-detail{height: .4rem; line-height: .4rem; font-size: .28rem;}

.live-btn{display: block; width: 30vw; height: .4rem; text-align: center;color: #fff;margin: 0 auto;line-height: .4rem;background: rgba(0,0,0,.6);border-radius: .25rem;}
.live-btn em{display: inline-block;width: .28rem; height: .22rem; background: url(../images/icon-livebtn.png) no-repeat; background-size: 100% 100%; vertical-align: top; margin: .09rem .05rem 0 0;}

/* live-na */
.live-nav{height: .74rem;display: flex;box-shadow: 0 5px 5px #f2f2f2;}
.live-nav a{flex: 1;position: relative;text-align: center;color: #999;font-size: .28rem;line-height: .74rem;}
.live-nav a.active{color: #333;}
.live-nav a.active::after{display: inline-block;position: absolute;content: '';width: .5rem;height: 2px;background: #ff1e13;left: 50%;margin-left: -.25rem;bottom: .1rem;}

/* player_icon_box */
.player_icon_box{padding: 0 2vw;margin-top: 8vw;}
.player_icon_box ul{width: 100%;overflow: hidden;zoom: 1;}
.player_icon_box ul li{display: block; float: left; width: 20%;height: 8vw;line-height: 8vw;font-size: .22rem;overflow: hidden;zoom: 1;}
.player_icon_box ul li img{width: 3.8vw; height: 3.8vw; vertical-align: top; margin: 2.1vw 1vw 0 0;}

/* page-tit */
.page-tit{height: .8rem; line-height: .8rem;padding: 0 .3rem; background: #f5f7f9;}
.page-tit h2{font-size: .3rem;font-weight: bold;}
.page-tit h2::before{display: block; content: '';float: left; height: .26rem; width: .05rem; margin: .28rem .1rem 0 0; background: #e60012;}

/* sybstab */
.subtab-wrap{
    padding:.3rem .3rem .4rem;
}
.subtab3{
    font-weight: 400;
    font-size: .26rem;
    height: .6rem;
    color: #999;
    background: #f1f1f1;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    align-items: center;
}
.subtab3 li{
    padding: 0 .6rem;
    border-radius: 3px;
    line-height: .6rem;
}
.subtab3 li.active{
    background: #333;
}
.subtab3 li.active a{
    color: #fff;
}

/* basketball */
.bb-match .live-top{background: url(../images/lan-zhenrong-bg.jpg) no-repeat; background-size: 100% 100%;}
.bb-match  .match-vs .match-score .score-number em{margin: 0 5px;}

/* 暂无数据 */
.no-list{padding: 1rem 0;}
.no-list em{display: block; width: 29px; height: 29px; background: url(../images/m-icons.png) no-repeat; background-size: 240px auto; background-position: -77px 0; margin: 0 auto .1rem;}
.no-list p{font-size: .30rem; color: #999; text-align: center; height: .4rem; line-height: .4rem;}

.bb-no-list{padding: 1rem 0;}
.bb-no-list em{display: block; width: 29px; height: 29px; background: url(../images/bb-nomsg.png) no-repeat; margin: 0 auto .1rem; background-size: 100% 100%;}
.bb-no-list p{font-size: .30rem; color: #999; text-align: center; height: .4rem; line-height: .4rem;}