html{font-size: 42.67px;}
@media all and (min-width: 360px) and (max-width: 374px) {html{font-size: 48px;}}
@media all and (min-width: 375px) and (max-width: 383px) {html{font-size: 50px;}}
@media all and (min-width: 384px) and (max-width: 398px) {html{font-size: 51.2px;}}
@media all and (min-width: 399px) and (max-width: 413px) {html{font-size: 53.2px;}}
@media all and (min-width: 414px) and (max-width: 423px) {html{font-size: 55.2px;}}
@media all and (min-width: 423px) {html{font-size: 50px;}}

.fl{float: left;}
.fr{float: right;}


.top-area{
    position: relative;
    height: 3.78rem;
    /* background: url(//static4style.duoduocdn.com/m_images/inside-top-bg.png) no-repeat bottom center; */
    /* background-size: 100% auto; */
}
.top-area .bg-img{
    position: absolute;bottom: 0;
    width: 100%;
}
.top-area > div {
    position: relative;z-index: 3;
}
.top-area *{color: #fff;}


/** 导航栏 **/
.navigator{
    height: .80rem;
}
.navigator .btn-back{
    width: 1.04rem;height: inherit;
}
.navigator .btn-back:before{
    content: '';
    display: block;
    width: .22rem;height: .22rem;
    border: 2px solid #fff;border-right: none;border-bottom: none;
    transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);
}
.navigator .title{
    margin: 0 .3rem;
    text-align: center;
    font-size: .32rem;
}
.navigator .right-act{
    width: 1.04rem;height: inherit;
}

.navigator .right-act .btn-feedback{
    padding: 0.06rem 0.16rem;
    border-radius: 0.18rem;-webkit-border-radius: 0.18rem;
    font-size: .32rem;
    color: #fff;
}

/* 主客队||战队 */
.match-mode .team .logo-box{
    margin: 0 auto;
    width: 1rem;height: 1rem;
}
.match-mode .team .team-name{
    margin-top: .18rem;
    line-height: 1.3571em;height: 1.3571em;
    text-align: center;
    font-size: .28rem;font-weight: bold;
}

.match-mode .ct-area{
    width: 3.26rem;
    text-align: center;
}
.match-mode .ct-area .md-area{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 1.8rem;
    padding-bottom: .2rem;
}
.match-mode .ct-area .flex-start{
    justify-content: flex-start;
}

.match-mode .ct-area .row1{
    margin: .08rem 0;
    height: .34rem;line-height: .34rem;
    font-size: .24rem;
}
.match-mode .ct-area .row2{
    margin: 0 auto;
    height: .68rem;line-height: .68rem;
    font-size: .44rem;
}
.match-mode .ct-area .row2.score{
    font-size: .48rem;font-weight: bold;
}

.match-mode .channel-entry{
    margin: 0 auto;
    width: 1.60rem;height: .56rem;
    background: rgba(255,255,255,.1);
    font-size: .24rem;cursor: pointer;
    border: .5pt solid #fff;
    border-radius: .08rem;-webkit-border-radius: .08rem;
}
.match-mode .channel-entry.end{
    background-color: transparent;
    font-size: .24rem;
}
.match-mode .score-msg-list:empty{
    display: none;
}
.match-mode .score-msg-list{
    min-width: 1.38rem;min-height: .46rem;line-height: .3rem;
    padding: .08rem .16rem;
    background: rgba(255,255,255,.12);
    font-size: .24rem;
    border-radius: .08rem;-webkit-border-radius: .08rem;
}

.top-area .support{
    position: absolute;bottom: 0;left: 0;right: 0;
}
.top-area .support-row{
    padding: 0 .32rem .15rem;
    height: .4rem;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.support-row .btn-support{
    background-repeat: no-repeat;;background-size: auto .3rem;
    font-size: .24rem;color: #fff;
}
.support-row .btn-support:first-child{
    padding-left: .88rem;background-position: center left
}
.support-row .btn-support:last-child{
    padding-right: .88rem;background-position: center right;
}
.support-row .left-support{
    background-image: url('https://tu.duoduocdn.com/ico/zan/white_left_Home@3x_2.png');
}
.support-row .left-support:last-of-type{
    background-image: url('https://tu.duoduocdn.com/ico/zan/white_right_Home@3x_2.png');
}
.support-row .right-support{
    background-image: url('https://tu.duoduocdn.com/ico/zan/white_right_Away@3x_2.png');
}
.support-row .right-support:first-of-type{
    background-image: url('https://tu.duoduocdn.com/ico/zan/white_left_Away@3x_2.png')
}

.support-precent{
    width: 100%;height: .1rem;
    background-color: #33A1FF;
}
.support-precent .percent{
    width: 50%;
    height: inherit;
    background-color: #FF2876;
}
.support-precent.reverse{
    background-color: #FF2876;
}
.support-precent.reverse .percent{
    background-color: #33A1FF;
}

.top-area-cr .match-mode{
    height: 100%;
}

.top-area-cr .navigator{
    position: absolute;
    top: 0;left: 0;
    z-index: 5;
    width: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
}

.top-area-cr .btn-back{
    width: .84rem;
}
.top-area-cr .title-cr{
    flex: 1;
    font-size: .28rem;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
}


#section{
    min-height: .8rem;
}

/**集锦 & 录像 */
.t-tlt{
    line-height: 0.54rem;
    font-size: 0.4rem;
    padding: 0.29rem 0.3rem 0.4rem !important;
    margin: 0;
    height: auto;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    text-align:left;
}
.t-time{
    margin: 0 0 0.37rem 0 !important;
    font-size: 0.24rem;
    line-height: 1em !important;
    color: #999;
    padding: 0 0.3rem;
}
.signals{ padding: 0 0.3rem;font-size: 0.32rem;line-height: 0.54rem;}
.signals a{display:block;width: 100%;height: 100%;position:relative;padding: 0;box-shadow: none;color: #333;margin: 0;border-radius:0}
.signals img{max-width: 100% !important; height:auto;}

.signals ul li{height: 1.36rem;margin-bottom: 0.5rem;}
.signals ul li + li{}
.signals ul li:first-of-type{border-bottom:none;}
.signals ul li img{float:left;width: 1.8rem;height: 1.36rem;margin-right: 0.2rem;}
.signals ul li img.player{position:absolute;top: 0.38rem;left: 0.6rem;width: 0.6rem;height: 0.6rem;margin: 0;}
.signals ul li .line_tlt{display:table-cell;height: 1.36rem;vertical-align:middle;font-weight: normal;font-size: 0.32rem;line-height: .48rem;}

.signals p:empty{
    display: none;
}