/*.container{ background:#fff}*/
.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
.location {margin-top: 20px;color: #777;}
.location a{color: #777;}
.tuji_box .tuji_list{margin-top: 5px;margin-left: -27px;width: 861px;}
.tuji_box .tuji_list .topline{padding-left: 28px;}
.tuji_box .tuji_list .topline .title{font-size: 20px;font-weight: bold;color: #333;line-height: 50px;}
.tuji_box .tuji_list .topline .title span{vertical-align: middle;margin-right: 8px;}
.tuji_box .tuji_list .topline .title h1{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_box .tuji_list .topline .title h2{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_box .tuji_list .topline .title h3{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_box .tuji_list .topline .linelist{margin-top: 20px;}
.tuji_box .tuji_list .topline .linelist li{float: left;height: 16px;border-right: 2px solid #999;line-height: 16px;padding: 0 10px;}
.tuji_box .tuji_list .topline .linelist li:nth-last-of-type(1){border: none;}
.tuji_box .tuji_list .topline .linelist li a{font-size: 14px;color: #999;}
.tuji_box .tuji_list .topline .linelist li.current a{color:#e60012;}
.tuji_box .tuji_list dl{margin-top: 20px;width: 258px;margin-left: 27px;height: 238px;border: 1px solid #ddd;position: relative;float: left;}
.tuji_box .tuji_list dl dt a{width: 260px;height:140px;position: absolute;left: -1px;top: -1px;overflow:hidden;}
.tuji_box .tuji_list dl dt img{width: 100%;min-height: 100%;}
.tuji_box .tuji_list dl dd{margin-top: 140px;padding: 0 18px;padding-top: 8px;}
.tuji_box .tuji_list dl dd .tit{line-height: 24px;height:48px;overflow:hidden;}
.tuji_box .tuji_list dl dd .tit a{font-size: 14px;color: #333;}
.tuji_box .tuji_list dl dd .tit:hover a{color: #e81525;}
.tuji_box .tuji_list dl dd .info{margin-top: 14px;}
.tuji_box .tuji_list dl dd .time{color: #999;}
.tuji_box .tuji_list dl dd .see i{display: inline-block;width: 18px;height: 14px;vertical-align: middle;}
.tuji_box .tuji_list dl dd .see span{margin-left: 10px;color: #999;}
.tuji_right_box{position:sticky;top:0;margin-top:50px;}
.tuji_right{width: 336px;}
.tuji_right .title{font-size: 20px;font-weight: bold;color: #333;line-height: 22px;}
.tuji_right .title h1{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_right .title h2{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_right .title h3{vertical-align: middle;margin-right: 8px;display:inline-block;font-size:20px;}
.tuji_right dl{width: 158px;float: left;margin-top: 20px;margin-left: 20px;}
.tuji_right dl dt{position: relative;width: 100%;height: 110px;}
.tuji_right dl dt img{width: 148px;height: 100px;position: absolute;left: 0;top: 0;}
.tuji_right dl dd{color: #666;line-height: 18px;margin-top: 5px;white-space: nowrap;overflow: hidden;}

.tuji_tjlist li{line-height: 46px;border-bottom: 1px dashed #dadada;}
.tuji_tjlist li .name{width: 210px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tuji_tjlist li .num{font-size: 16px;font-weight: bold;color: #333;font-style: italic;margin-right: 8px;}
.tuji_tjlist li .num1{color: #e60012;}
.tuji_tjlist li .num2{color: #ff5400;}
.tuji_tjlist li .num3{color: #5cb71f;}

/*翻页*/
.pagecode{margin-top: 40px;text-align: center;}
.pagecode a{font-size: 14px;color: #999;margin: 0 14px;line-height: 26px;}
.pagecode .current{display: inline-block;width: 26px;height: 26px;color: #fff;background: #e60012;border-radius: 26px;line-height: 26px;text-align: center;}


.hot-list {
    padding:10px;
}

.qdfl_list li.hot-team_a {
    width: 30%;
    float: left;
    padding: 10px 5px;
}

.friends-list {
    display: flex;
    padding-top:10px;
    padding-bottom:10px;
}

.friends-list a {
    padding-left: 10px;
    padding-right: 10px;
}
.match-detail-info {
    background: #fff;
}
.match-detail-info h1 {
    font-size: 20px;
    text-align: center;
    padding:10px;
    font-weight: bold;
}
.sig-vs{width:100%;background:#0f0e13;background-size:cover;color:#fff;text-align:center;overflow:hidden}
.sig-vs img{width:80px;max-height:80px;margin:auto 18px;border-radius:2px}
.sig-vs div *{vertical-align:middle}
.sig-vs b,.sig-vs b a{color:#fff;line-height:80px;font-size:20px;display:inline-block}
.sig-vs i{color:#ff4d4d;font-size:0;font-style:normal;font-weight:600;margin:auto 5px}
.sig-vs .team{display:inline-block;width:100%;padding:45px 0}
.sig-vs .team div{display:inline-block}
.sig-vs .team div.ht{width:35%;text-align:right}
.sig-vs .team div.gt{width:35%;text-align:left}
.sig-vs-txt{width:28%}
.sig-vs-txt.title{min-width:278px;width:60%}
.sig-vs-txt b{font-size:24px;line-height:33px}
.sig-vs-txt em{font-size:20px;line-height:20px;color:#ff4d4d;display:block;font-style:normal;padding-bottom: 5px;}
.sig-vs-txt span{font-size:18px;line-height:25px;color:#fff;display:block;vertical-align:middle}
.sig-list{display:block;width:1200px;background:rgba(0,0,0,.1);text-align:center;margin:0 auto}

.bsshuming{overflow:hidden;background:#fff;border-radius:4px;margin-top:12px;padding:10px}
.bssm_bt{font-size:20px;font-weight:500;padding-bottom:20px}
.bssm_xx{color:#000;font-size:14px;line-height:26px}
.bssm_xx span{color:#000;font-weight:700}
.bssm_xx a{color:#e60640}
.bssm_xx a:hover{color:#ff003c}
.bssm_xx cite{color:#000;padding:0 5px}

.live-box {
    border-color: #1c969f;
    border-width: 2px;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    display: flex;
    gap: 3px;
    width: max-content;
    border-style: solid;
    padding: 12px 18px;
    margin-top:5px;
}



.live-box-p1 {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(28 150 159/1);
    font-size: 14px;
    line-height: 15px;
}



.source-text {
    color:#000;
    font-size:13px;
}

.live-box:hover {
    color:#fff !important;
    background:#1c969f ;
}

.live-box:hover .live-box-p1,.live-box:hover .source-text {
    color:#fff !important;
}


@media screen and (min-width: 640px) {
    .mobile {
        display: none !important;
    }
}
@media screen and (max-width: 640px) {
    :root {
        --main-color: #e60640;
    }
    .breadnav {
        overflow: scroll;
    }
    .pc {
        display: none !important;
    }
    body {
        min-width: 100%;
    }

    .wrap,.shouye_nav_l,#tonglan,.fl_part {
        width: 100%;
    }
    .fr_part {
        width:100%;
        min-height: unset;
    }
    .zhixun {
        width:100%;

    }
    .luxiang_list li a {
        width: calc(100% - 32px)
    }
    .foot_nav {
        margin:0;
        padding:10px;
    }
    .foot_nav p {
        padding-top:10px;
        padding-bottom: 10px;
    }
    .top_nav_nr {
        background: var(--main-color);
    }


    footer {
        position:relative;
        height: unset;
        padding-top:10px;
    }
    .regular {
        padding-bottom: 10px;
    }
    .foot_one {
        height: unset;
    }
    .foot_two {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }
    .shouye_nav_l {
        display: flex;
        flex-direction: column;
    }
    .top_nav_nr li:first-child {
        margin-left: 0;
    }
    .shouye_nav_l.fl {
        float:unset;
    }
    .top_nav,.shouye_nav_l {
        height: unset;
    }

    .zhibolist {
        clear: both;
    }

    .zuijinzb {
        width:100%;
        padding:0;
    }

    .zhibolist li {
        width: 100%;
        border-bottom: 1px #eee solid;
        padding: 14px 0;
        float: left;
        background: #fff;
        height: unset;
        line-height: unset;
    }

    .zhibolist li div {
        width: 30%;
        float: left;
        text-align: center
    }

    .zhibolist li div.zb_center {
        width: 40%
    }

    .zhibolist .duibiao {
        display: inline-block
    }

    .zb_duiwuke a,.zb_duiwuzhu a {
        display: inline-block;
        width: 100%
    }

    .zb_duiwuke,.zb_duiwuzhu {
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 15px
    }

    .zb_duiwuke p,.zb_duiwuzhu p {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding: 5px 5px 0 5px
    }

    .zb_duiwuke .duibiao img,.zb_duiwuzhu .duibiao img {
        width: 35px;
        height: 35px
    }
    .zb_video {
        width: 85px;
        height: 23px;
        line-height: 20px;
        border-radius: 23px;
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ed1643;
        background-image: linear-gradient(#fa5a67,#ed1643);
        margin: 0 auto
    }

    .begin {
        background-color: #ed1643;
        background-image: linear-gradient(#fa5a67,#ed1643)
    }

    .nobegin {
        background-color: #aaa;
        background-image: linear-gradient(#aaa,#bfbfbf)
    }

    .zb_video img {
        width: 14px;
        height: 11px;
        margin-right: 4px
    }

    .zb_center_span {
        font-size: 12px;
        display: block;
        margin-bottom: 0.1rem;
        color: #000000;
    }

    .zb_time_new_span {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        color: #ee564f;
    }

    .zb_time {
        color: #333745;
        font-size: 12px;
        line-height: 30px
    }

    .top_nav_nr li {
        height: 35px;
        line-height: 35px;
        width:25%;
    }

    .zb_video a span.live {
        color:#fff;
    }

    .zjzb_fl {
        padding-left: 0;
    }

    .ss_logo {
        width:unset;
    }

    .fl_span-text {
        padding-left: 10px;
    }

    .sig-vs b {
        width:80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sig-vs .team {
        padding:20px 0;
        display: flex;
    }
    .sig-vs img {
        width:40px;
        max-height: 40px;
        margin: auto 2px;
    }
    .sig-vs b, .sig-vs b a {
        font-size: 14px;
    }
    .sig-vs-txt em ,.sig-vs-txt span{
        font-size:13px;
    }

    .feeds {
        position: relative;
        overflow: hidden
    }
    .feeds-item {
        border-top: 1px solid #eee;
        position: relative;
        padding: 12px 0
    }
    .feeds-item:first-child {
        border-top: 0
    }
    .feeds-item:hover {
        background: #f8f8f8
    }
    .feeds-item h3 {
        font-size: 16px;
        font-size: 1.6rem;
        height: 42px;
        line-height: 22px;
        margin-bottom: 5px;
        overflow: hidden;
        font-weight: normal;
    }
    .feeds-item h3 a {
        color: #262627;
        font-weight: normal;
    }
    .feeds-item h3 a:hover {
        color: #3ba0f2;
        text-decoration: none
    }
    .feeds-item h2 {
        font-size: 16px;
        font-size: 1.6rem;
        height: 42px;
        line-height: 22px;
        margin-bottom: 5px;
        overflow: hidden;
        font-weight: normal;
    }
    .feeds-item h2 a {
        color: #262627;
        font-weight: normal;
    }
    .feeds-item h2 a:hover {
        color: #3ba0f2;
        text-decoration: none
    }
    .feeds-item .tw_icon{margin-left: 10px;color: #51addf;background:#f5fbfe;border:1px solid #addcf4;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
    .feeds-item .tj_icon{margin-left: 10px;color: #e35b5b;background:#fef8f8;border:1px solid #f4a8a8;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
    .feeds-item .sp_icon{margin-left: 10px;color: #efbe39;background:#fdfbf7;border:1px solid #f9de94;border-radius:2px;padding: 0px 6px;padding: 1px 6px;font-size: 12px;}
    .feeds-item .littitle{
        font-size: 17px;
        font-size: 16px;
        height: 42px;
        line-height: 22px;
        margin-bottom: 5px;
        overflow: hidden}
    .feeds-item .feeds-item-pic {
        position: absolute;
        left: 0;
        top: 12px;
        width: 96px;
        height: 66px;
        padding: 1px;
        border: 0px solid #ededed
    }
    .feeds-item .feeds-item-pic a {
        display: block;
        height: 100%;
        overflow: hidden
    }
    .feeds-item .feeds-item-pic img {
        width: 90px;
    }
    .feeds-item .feeds-item-info {
        height: 18px;
        line-height: 18px;
        color: #999;
        overflow: hidden;
        font-size: 12px;
        overflow: hidden
    }
    .feeds-item .feeds-item-info span {
        margin-right: 0px
    }
    .feeds-item .feeds-item-info a {
        color: #999
    }
    .feeds-item .feeds-item-info i {
        margin-right: 3px
    }
    .feeds-item .feeds-item-info .author i {
        color: #afafaf
    }
    .feeds-item .fa-heart-o {
        font-size: 13px;
        font-size: 1.3rem
    }
    .feeds .hasImg {
        padding-left: 103px;
        min-height: 60px
    }
    .feeds .hasImg.vedie-dopm {
        padding-left: 0;
    }

}


.daohang {
    display: flex;
    align-items: center;
    margin:10px 0;
    padding-left: 10px;
    border-bottom: solid 1px var(--main-color);
    background: var(--main-color);
    height: 30px;
    cursor: pointer;
    color:#fff;
}


#comment_box{background:#fff;padding:10px;margin-bottom:22px; border-radius: 5px;}
#comments-title{padding-top:100px;margin-top:-80px}
.c-title{font-size: 18px;font-weight: 500;color: #222;}
.comment-disable{padding:1.5em;color:#888;text-align:center}
.comment-disable i.iconfont{padding-right:5px;color:#666;font-size:18px}
.comment-num{color:#999;font-size:16px}
.comment-num .emphasize{color:#f33}
.no-comment{color:#999;text-align:center}
.no-comment i.iconfont{font-size:60px;color:#ddd;display:block;margin-top:-20px;height:90px}
.comment-msg{padding:1.5em 0;overflow:hidden;border-top:1px solid #ddd}
.comment-list .ul{list-style:none;border-top:1px solid #ededed}
.comment-list .li{overflow:hidden;padding:1em}
.comment-list .li:hover{background:#f8f8f8}
.comment-list .li img{width:50px;height:50px;border-radius:100px;}
.comment-list .li:hover img{}
.comment-list .li .clbody{margin-left:70px}
.comment-list .ul .ul{margin-left:4%}
.comment-list .title{font-size:18px;padding:10px 0;color:#222;}
.compost .com-info{margin-bottom:10px;}
.compost .com-info li{float:left;margin-bottom:1em;width:33.3%;padding-right:3%;position:relative}
.compost .com-info li:nth-child(2){padding-right:0}
.compost .com-info li .verify{position:absolute;right:6.5%;top:0;z-index:1;height:40px}
.compost .com-info li .verify img{height:100%;border:1px solid #ddd}
.compost .com-info li input{width:90%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:2px}
.compost .com-name{padding:1em 0 1em .2em}
#cancel-reply{color:var(--main-color)}
.com-box textarea{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size: 14px;}
.com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background-color:var(--main-color);color:#fff;padding:0 20px;font-size: 14px;  }
.comment-list .cinfo{height:20px}
.comment-list .clbody .p{word-wrap:break-word}
.cinfo .author{color:#666}
.c-time{color:#999;font-size:12px}
.comment-at{color:var(--main-color)}
.reply-a{opacity:0.5}
.comment-list li:hover .reply-a{opacity:1}
.mcolor{color:var(--main-color)}