@media screen and (max-width:1000px){
.live-porle .live-chat{display:none}
.txt-live-box .txt-live-head ul li::before{content:"";width:18px;height:18px;display:inline-block;margin-right:5px;vertical-align: middle;margin-top: -3px;}
.txt-live-box .txt-live-head{height:40px;line-height:40px;color:#3d3d3d;font-weight:bold;font-size:14px;background:#2b2b2b;text-align:center;position:relative}
.txt-live-box .txt-live-head ul li{height:40px;cursor:pointer;width:50%;float:left;text-align:center;opacity:0.6; color: #d4d3d3;}
.video-iframe{height:220px;box-sizing:border-box}
.video-iframe .video-bg{background:#333;height:220px}
.video-iframe .video-bg iframe{width:100%;height:220px;background:none;border:none}
.txt-live-box .iframe{height:220px;width:100%;margin:0 auto;overflow:hidden}
.txt-live-box .iframe iframe{width:100%;height:220px;background:none;border:none}
.no-game-animas{background:#333;width:100%;height:220px;text-align:center;line-height:200px;font-size:15px;color:#999}
.no-game-video{width:100%;height:220px;text-align:center;line-height:150px;font-size:15px;color:#999}
.live-porle .text-live-prolet .text-live-container .soccerEventBox .time-point-box span:after{display:inline-block;content:"";width:1px;height:90px;position:absolute;background:#f0f0f0;left:6px;top:25px;z-index:999}
.live-porle .text-live-prolet .text-live-container{background:#fff;box-shadow:0 1px 0 0 #eceef0,-1px 0 0 0 #eceef0;-webkit-box-shadow:0 1px 0 0 #eceef0,-1px 0 0 0 #eceef0}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-box{display:inline-block;margin-left:5px;width:90%;height:100%;position:absolute;top:0;left:47px;z-index:9}
.live-porle .text-live-prolet .text-live-container .text-container ul{height:auto;border-bottom:1px solid #eceef0;padding-bottom:0px;overflow:hidden;position:relative}
.live-porle .text-live-prolet .text-live-container .text-container ul .line{height:100%;width:1px;background:#e0e0e0;opacity:.5;position:absolute;left:30px;top:-33px;display:none}
.live-porle .text-live-prolet .text-live-container .text-container ul li{margin-bottom:12px;position:relative}
.live-porle .text-live-prolet .text-live-container .text-container ul li span{position:relative;top:-3px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .desc-event{display:inline-block;margin-left:60px;width:80%;text-align:left}
.live-porle .text-live-prolet .text-live-container .text-container ul li .time-event{color:#999;position:absolute;left:25px;top:-2px;width:40px;display:inline-block;text-align:center}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event{width:10px;height:10px;border-radius:50%;display:none;position:absolute;top:6px;left:25px}
.live-porle .text-live-prolet .text-live-container .soccerEventBox{width:90%;height:20px;position:relative;left:1px;top:0px;margin-bottom:3px}
.live-porle .text-live-prolet .text-live-container .icons-event-box{width:90%;height:60px;position:relative;left:2px;top: 5px;}
.live-porle .text-live-prolet .text-live-container .chart-container .team-flag-box{display:none;margin-left:22px;position:relative;top:5px}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-mark{position:absolute;top:-40px;height:100%;width:100%;z-index:0}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-event{display:inline-block;width:17px;height:16px;background-position:-86px -93px;position:absolute;top:6px}
#container{top: 20px;width: 100%!important; padding-bottom: 30%; }
.b-live .live-text{background-color:#3d3d3d;-webkit-box-shadow:0px 1px 1px #999696;box-shadow:0px 1px 1px #999696;margin-top:10px}
.b-live .live-text .title{height:45px;line-height:45px;background-color:#eee;font-size:16px;color:#676666}
.b-live .live-text .title .t-tab{text-align:center;display:inline-block;width:24%;cursor:pointer}
.b-live .live-text .title .active{background-color:#3d3d3d}
.b-live .live-text .middle{padding:10px 5px 10px 5px}
.b-live .live-text .middle .noData-img{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}
.b-live .live-text .middle::-webkit-scrollbar{width:6px;height:16px;background-color:transparent}
.b-live .live-text .middle::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}
.b-live .live-text .middle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#e4e4e4}
.b-live .live-text .middle ul.event-text{position:relative;height:500px;color:#676666;background-color:#3d3d3d;overflow-y:scroll}
.b-live .live-text .middle ul.event-text li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.7rem;padding:8px 0}
.b-live .live-text .middle ul.event-text li .line{position:absolute;left:45px;top:0;height:100%;width:2px;background-color:#e9eaee}
.b-live .live-text .middle ul.event-text li .line .home{width:6px;height:6px;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;background-color:#de1e30;border-radius:100%}
.b-live .live-text .middle ul.event-text li .line .guest{width:6px;height:6px;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;background-color:#1036e0;border-radius:100%}
.b-live .live-text .middle ul.event-text li .code{width:50px}
.b-live .live-text .middle ul.event-text li .logo{margin:0 20px;font-weight:bold}
.b-live .live-text .middle ul.event-text li .logo img{width:18px;height:18px;margin-top: 10px;}
.b-live .live-text .middle ul.event-text li .score{width:20%;}
.b-live .live-text .middle ul.event-text li .tip{width:80%;line-height:16px}
}
@media screen and (min-width:1000px){
        .info>div {
     float: left !important; 
}
.breadcrumb {margin-bottom: 0px !important;}
.txt-live-box .txt-live-head ul li::before{content:"";width:18px;height:18px;display:inline-block;margin-right:5px;vertical-align: middle;margin-top: -3px;}
.txt-live-box .txt-live-head{height:50px;line-height:50px;color:#3d3d3d;font-weight:bold;font-size:16px;background:#2b2b2b;text-align:center;position:relative}
.txt-live-box .txt-live-head ul li{height:40px;cursor:pointer;width:50%;float:left;text-align:center;opacity:0.6;color: #d4d3d3;}

.video-iframezq{height:460px;box-sizing:border-box}
.video-iframelq{height:460px;box-sizing:border-box}
.video-iframedj{height:550px;box-sizing:border-box}
.video-iframe .video-bg iframe{width:100%;height:100%;background:none;border:none}

.txt-live-box .iframezq{height:460px;width:100%;margin:0 auto;overflow:hidden}
.txt-live-box .iframelq{height:460px;width:100%;margin:0 auto;overflow:hidden}
.txt-live-box .iframedj{height:560px;width:100%;margin:0 auto;overflow:hidden}
.txt-live-box .iframe iframe{width:100%;height:100%;background:none;border:none}

.no-game-animas{background:#3D3D3D;width:100%;height:460px;text-align:center;line-height:460px;font-size:18px;color:#999}
.no-game-video{width:100%;height:460px;text-align:center;line-height:460px;font-size:18px;color:#999}

.live-porle .live-chat{float:left;width:25%;height:460px;position:absolute;right:0;top:0;}
.live-porle .live-chat .chat-title{margin-left:10px;padding:10px;text-align:left;background-color:#1c6784;color:#3d3d3d;height:40px;line-height:20px;font-size:16px}
.live-porle .live-chat .chat-content-none{height:406px;overflow:hidden;text-align:center}
.live-porle .live-chat .chat-content-none img{margin-top:50px;overflow:hidden;text-align:center;width: 80%;}
.live-porle .live-chat .chat-content-none p{text-align:center;font-size:14px;color:#666;margin-top:27px}
.live-porle .text-live-prolet .text-live-container .soccerEventBox .time-point-box span:after{display:inline-block;content:"";width:1px;height:120px;position:absolute;background:#f0f0f0;left:6.5px;top:25px;z-index:999}
.live-porle .text-live-prolet .text-live-container{background:#fff;box-shadow:0 1px 0 0 #eceef0,-1px 0 0 0 #eceef0;-webkit-box-shadow:0 1px 0 0 #eceef0,-1px 0 0 0 #eceef0;margin-top: 50px;position: relative;max-height: 500px;color: #676666;overflow-y: scroll;}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-mark {
    left: 45px;
}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-mark{position:absolute;top:-30px;height:100%;width:100%;z-index:0}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-box{display:inline-block;margin-left:5px;width:90%;height:100%;position:absolute;top:0;left:47px;z-index:9}
.live-porle .text-live-prolet .text-live-container .text-container ul{height:auto;border-bottom:1px solid #eceef0;padding-bottom:20px;overflow:hidden;position:relative}
.live-porle .text-live-prolet .text-live-container .text-container ul .line{height:100%;width:1px;background:#e0e0e0;opacity:.5;position:absolute;left:85px;top:-33px}
.live-porle .text-live-prolet .text-live-container .text-container ul li{margin-bottom:12px;position:relative;line-height: 25px;}
.live-porle .text-live-prolet .text-live-container .text-container ul li span{position:relative;top:0}
.live-porle .text-live-prolet .text-live-container .text-container ul li .desc-event{display:inline-block;margin-left:113px!important;width:85%;text-align:left}
.live-porle .text-live-prolet .text-live-container .text-container ul li .time-event{color:#999;position:absolute;left:40px;top:0;width:30px;display:inline-block;text-align:center}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event{width:10px;height:10px;border-radius:50%;display:inline-block;position:absolute;top:6px;left:80px}
.live-porle .text-live-prolet .text-live-container .soccerEventBox{width:90%;height:20px;position:relative;left:54px;top:0px;margin-bottom:3px}
.live-porle .text-live-prolet .text-live-container .icons-event-box{width:90%;height:80px;position:relative;left:55px;top:8px}
.live-porle .text-live-prolet .text-live-container .chart-container .team-flag-box{display:inline-block;margin-left:22px;position:relative;top:-30px}
.live-porle{width:100%;height:100%}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-event{display:inline-block;width:17px;height:16px;background-position:-86px -93px;position:absolute;top:4px}
.b-live .live-text{-webkit-box-shadow:0px 1px 1px #999696;box-shadow:0px 1px 1px #999696;margin-top:10px}
.b-live .live-text .title{height:45px;line-height:45px;background-color:#eee;font-size:16px;color:#676666}
.b-live .live-text .title .t-tab{text-align:center;display:inline-block;width:24.62%;cursor:pointer}
.b-live .live-text .title .active{background-color:#3d3d3d}
.b-live .live-text .middle .noData-img{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}
.b-live .live-text .middle::-webkit-scrollbar{width:6px;height:16px;background-color:transparent}
.b-live .live-text .middle::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}
.b-live .live-text .middle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#e4e4e4}
.b-live .live-text .middle ul.event-text{position:relative;height:500px;color:#676666;}
.b-live .live-text .middle ul.event-text li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;padding:8px 0}
.b-live .live-text .middle ul.event-text li .line{position:absolute;left:120px;top:0;height:100%;width:2px;background-color:#e9eaee}
.b-live .live-text .middle ul.event-text li .line .home{width:6px;height:6px;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;background-color:#de1e30;border-radius:100%}
.b-live .live-text .middle ul.event-text li .line .guest{width:6px;height:6px;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;background-color:#1036e0;border-radius:100%}
.b-live .live-text .middle ul.event-text li .code{width:70px}
.b-live .live-text .middle ul.event-text li .logo{margin:0 45px;font-weight:bold;width:240px;font-size: 12px;}
.b-live .live-text .middle ul.event-text li .logo .home{color: #ff5048;}
.b-live .live-text .middle ul.event-text li .logo .guest{color: #5465a3;}
.b-live .live-text .middle ul.event-text li .logo img{width:28px;height:28px;margin-top: 10px;}
.b-live .live-text .middle ul.event-text li .score{width:120px}
.b-live .live-text .middle ul.event-text li .tip{width:100%;line-height:16px}
}
.txt-live-box{width:100%;float:left;background-color:#114424}
.txt-live-box .in-box{width:100%;margin:0 auto;color:#3d3d3d}
.txt-live-box .txt-live-head ul li.on{opacity:1;color: #fff;}
.txt-live-box .txt-live-head ul li:nth-child(1){border-right:1px solid #1b2233;box-sizing:border-box}
.txt-live-box .txt-live-head ul li:nth-child(1)::before{ background: url(../images/donghua_sel_icon.png) no-repeat center center;}
.txt-live-box .txt-live-head ul li:nth-child(2)::before{ background: url(../images/game_video_icon.png) no-repeat center center;}
.txt-live-box .txt-live-head .txt{position:absolute;top:0;height:40px;font-size:14px;color:#3d3d3d;font-weight:normal}
.txt-live-box .txt-live-head .txt em{position:absolute;top:50%;height:15px;margin-top:-7px;width:6px;display:block;background-color:brown}
.txt-live-box .txt-live-head .txt.l{left:0;padding-left:10px}
.txt-live-box .txt-live-head .txt.l em{left:0}
.txt-live-box .txt-live-head .txt.r em{background:#4470ab}
.txt-live-box .txt-live-head .txt.r{right:0;padding-right:10px}
.txt-live-box .txt-live-head .txt.r em{right:0}
.success-stroke{stroke:#6272a2}
.warning-stroke{stroke:#23be9f}
.danger-stroke{stroke:#f44}
.icons-corner-kick,.icons-event,.icons-no-chat,.icons-red-card,.icons-yellow-card,.icons_animation,.icons_video,.live-icon{background:url(../images/sprite-live.png) no-repeat}
.icons-in-ball{background-position:-56px -122px}
.icons-point-ball{background-position:-56px -183px}
.icons-oolong-ball{background-position:-86px -183px}
.icons-ytoR-ball{background-position:-56px -153px}
.icons-change-person{background-position:-86px -153px}
.icons-corner-ball{background-position:-90px -122px}
.icons-red-card{background-position:-86px -68px}
.icons-yellow-card{background-position:-56px -94px}
.icons-date{background-position:-41px -381px}
.icon-no-chat{background-position:-18px -246px}
.noData{text-align:center;margin-top:5px}
.live-porle .text-live-prolet .text-live-container .soccerEventBox .time-point-box span{position:absolute;color:#666}
.live-porle .text-live-prolet .text-live-container .soccerEventBox .time-point-box span.redText{color:#f26761}
.live-porle .text-live-prolet .text-live-container .icons-event-box li{float:left;position:absolute;margin-top:0;cursor:pointer;list-style:none}
.live-porle .text-live-prolet .text-live-container .icons-event-box li .icons-event{display:inline-block;width:17px;height:17px;position:absolute}
.live-porle .text-live-prolet .text-live-container .icons-event-box li .event-desc{display:none;border:1px solid #2054ae;position:relative;top:20px;left:-45%;z-index:999;padding:5px 8px 7px;border-radius:4px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);min-width:200px}
.live-porle .text-live-prolet .text-live-container .icons-event-box li .event-desc .event-desc-text{margin-top:3px}
.live-porle .text-live-prolet .text-live-container .icons-event-box li .event-desc .event-desc-text span{display:inline-block;padding:2px 3px;color:#3d3d3d;border-radius:3px}
.live-porle .text-live-prolet .text-live-container .icons-event-box li:hover .event-desc{display:inline-block}
.live-porle .text-live-prolet .text-live-container .chart-container{margin-top:-20px;position:absolute;height:30px;text-align:left}
.live-porle .text-live-prolet .text-live-container .chart-container .homeBg{width:90%;position:absolute;top:0;left:50px;background:#fff6f3;height:50%;display:none}
.live-porle .text-live-prolet .text-live-container .chart-container .awayBg{width:90%;position:absolute;top:40px;left:50px;background:#f9f9f9;height:50%;display:none}
.live-porle .text-live-prolet .text-live-container .chart-container .team-flag-box img{width:19px;display:block}
.live-porle .text-live-prolet .text-live-container .chart-container .team-flag-box img.mt14{margin-top:14px}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-box .topBg{background:#fff6f3}
.live-porle .text-live-prolet .text-live-container .chart-container .chart-box .bottomBg{background:#f9f9f9}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-in-ball{background-position:-56px -122px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-point-ball{background-position:-56px -183px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-oolong-ball{background-position:-86px -183px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-ytoR-ball{background-position:-56px -153px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-change-person{background-position:-86px -153px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-corner-ball{background-position:-86px -122px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-red-card{background-position:-86px -68px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-yellow-card{background-position:-56px -94px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-date{background-position:-41px -381px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .icons-indr{background-position:-101px -381px}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-gray{background:#e7e7e7}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-gray:after{background:#b3b3b3}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-red{background:#ffd2cf}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-red:after{background:#ff5048}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-blue{background:#e1e4ef}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event.point-blue:after{background:#5465a3}
.live-porle .text-live-prolet .text-live-container .text-container ul li .point-event:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box{padding:12px 21px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box span{margin-right:22px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box i{display:inline-block;width:18px;height:17px;position:relative;top:3px;margin-right:5px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-in-ball{background-position:-56px -122px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-point-ball{background-position:-56px -183px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-oolong-ball{background-position:-86px -183px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-ytoR-ball{background-position:-56px -153px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-change-person{background-position:-86px -153px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-corner-ball{background-position:-86px -122px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-red-card{background-position:-86px -66px}
.live-porle .text-live-prolet .text-live-container .text-container .desc-icon-box .icons-yellow-card{background-position:-56px -92px}
.battle-basic{width:100%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px;background:#ffffff}
.battle-basic .league-info{cursor:pointer;height: 30px;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:25px;background-repeat:no-repeat;background-size:20px 20px;margin:0 auto;font-size: 18px;font-family:PingFangSC-Regular;font-weight:400;color:#3d3d3d;line-height:20px;background-size:20px;display:table;}
.battle-basic .league-info .icon{width:20px;height:20px;vertical-align:middle}
.battle-basic .league-info>span{display:inline-block;position:relative;max-width:320px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:0px}
.battle-basic.lol .league-info{background:url(../images/icon_lol.png) no-repeat;background-size:20px}
.battle-basic.dota .league-info{background:url(../images/icon_dota.png) no-repeat;background-size:20px}
.battle-basic.csgo .league-info{background:url(../images/icon_csgo.png) no-repeat;background-size:20px}
.battle-basic.kog .league-info{background:url(../images/icon_kog.png) no-repeat;background-size:20px}
.battle-basic.zuqiu .league-info{background:url(../images/icon_sport_1.png) no-repeat;background-size:20px}
.battle-basic.lanqiu .league-info{background:url(../images/icon_sport_2.png) no-repeat;background-size:20px}
.battle-basic.expand-bg{background-size:100% 290px;display:inherit}
.battle-basic .lives{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.battle-basic .lives .live-item{-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;text-align:center;display:inline-block;min-width:66px;height:26px;color:var(--text--color);font-size:13px;border-radius:16px;margin-right:20px;cursor:pointer;border:1px solid var(--border--color)}
.battle-basic .lives .live-item:hover{color:#fff;background:var(--text--color)}
.battle-basic .lives .live-item span{display:block;padding:0 15px;margin-bottom:-1.5px;vertical-align:middle;line-height:24px}
.battle-basic .lives .live-item:last-child{margin-right:0}
.battle-basic .play-live{width:100%;padding-bottom:31px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.battle-basic .play-live,.battle-basic .team{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 10px;}
.battle-basic .team{height:86px;font-size:13px;font-family:PingFangSC-Regular;font-weight:400;color:#3d3d3d;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}
.battle-basic .team .hometeam{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.battle-basic .team .hometeam .logo-wrapper{padding-right:20px}
.battle-basic .team .hometeam .name{max-width:300px;height:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:70px;font-size:28px;font-family:TradeGothicLT-Bold;font-weight:700;color:#3d3d3d;margin-right:30px}
.battle-basic .team .awayteam{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.battle-basic .team .awayteam .logo-wrapper{padding-left:20px}
.battle-basic .team .awayteam .name{max-width:300px;height:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:28px;line-height:70px;font-family:TradeGothicLT-Bold;font-weight:700;color:#3d3d3d;margin-left:33px}
.battle-basic .team .center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.battle-basic .team .center .vs{height:70px;line-height:70px;font-size:45px;font-family:TradeGothicLT-Bold;font-weight:700;color:#3d3d3d}
.battle-basic .team .center .time{margin-top:-5px}
.battle-basic .team .center .time .duration{font-size:12px}
.battle-basic .team .center .time .duration.duration{display:inline-block;padding-left:3px;color:#debe0d;}
.battle-basic .team .center .time .duration:after{content:"'";font-size:14px;margin-left:3px;color:#debe0d;-webkit-animation:ongoing-blink-data-v-6d0333b6 1s linear infinite;animation:ongoing-blink-data-v-6d0333b6 1s linear infinite}
.battle-basic .team .center .time .match-date{padding-right:5px}
.battle-basic .team .awayteam,.battle-basic .team .center,.battle-basic .team .hometeam{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}
.battle-basic .team .logo-wrapper{float:left;text-align:center;line-height:0;position:relative}
.battle-basic .team .logo-wrapper .logo-box{width:65px;height:65px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.battle-basic .team .logo-wrapper .logo-box .team-logo{font-size:0;vertical-align:middle;max-width:70px;max-height:70px}
.battle-basic .team .logo-wrapper.iswinl:after,.battle-basic .team .logo-wrapper.iswinr:after{content:"";position:absolute;top:-15px;right:0;width:28px;height:28px}
.battle-basic .team .logo-wrapper.iswinl:after{right:-28px}
.battle-basic .team .logo-wrapper .side{margin:16px 0 0;line-height:20px}
.battle-basic .lives .live-item{color:#d0a712;border:1px solid #ff8800}
.battle-basic .lives .live-play{background:#ff8800}
.battle-basic .lives .live-play a{color:#fff!important}
.battle-basic .team .picks{width: 100%;max-width: 280px;height: 50px;position: absolute;margin-top: 80px;}
.battle-basic .team .picks img{vertical-align:middle;max-width:40px;max-height:25px;margin-right: 10px;}

.red{color:#ff6654}
.yellow{color:#f6c609}
.green{color:#41c426}
.pink{color:#f46e96}
.purple{color:#b881ee}
.grey{color:#999}
.related-events .list li a .wrap-img img{width:40px;border-radius:40px;animation:scaleAnchorImg1-data-v-df52cb9e 2s ease-in-out .1s infinite}
.related-events .list li a .left{flex-basis:70px;text-align:center}
.related-events .list li a .right{flex:1;height:50px;margin-right:20px}
.related-events .list li a .right .stat{font-size:12px;color:#999}
.related-events .list li a .right .online_count{float:right}
.related-events .list li a .right .online_count .iconfont{margin-right:2px}
.related-events .list-match{margin-left:0px;margin-right:0px}
.related-events .list-match .logo{width:30px}
.related-events .list-match .name{font-size:12px;color:#090909;max-width:100px}
.related-events .list-match li{margin-top:10px}
.related-events .list-match .active{border: 3px solid #debe0d;}
.related-events .list-match li:hover{background:#efefef}
.related-events .list-match li a.item{display:flex;border:1px solid #eaeaea;padding: 10px 15px;height: 85px;border-radius:4px;}
.related-events .list-match li a.item.strong{background:#efefef}
.related-events .list-match li a.item .left,.related-events .list-match li a.item .right{width:80px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;line-height:1}
.related-events .list-match li a.item .middle{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:space-between;line-height:1}
.related-events .list-match li a.item .middle .league-info{font-size:12px;color:#999}
.related-events .list-match li a.item .middle .league-name{display:inline-block;max-width:120px}
.related-events .list-match li a.item .middle .score{font-size:12px;color:#000}
.related-events .list-match li a.item .middle .score .time{color:#999;font-size:12px}
.related-events .list-match li a.item .middle .score .time.time{margin-left:4px}
.related-events .list-match li a.item .middle .status{font-size:12px;color:#999}
.related-events .list-match li a.item .middle .status.strong{color:#e13f3d}
.related-events .more{font-size:12px;color:#666;text-align:center;padding-top:20px;letter-spacing:1px}
.related-events .more a:hover{color:#bc9b50}
.related-events .not-match{text-align:center}
.related-events .not-match img{width:280px}
.chat-box .not-match .text{margin-top:20px;font-size:12px;color:#999;text-align:center}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scroll{padding:0px;height:560px;overflow-y:auto}
.c-scroll::-webkit-scrollbar{width:6px;height:5px;background:#fff}
.c-scroll::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:3px}
.c-scroll.big-scroll::-webkit-scrollbar{width:4px;border-radius:3px}
.c-scroll.big-scroll::-webkit-scrollbar-thumb{border-radius:3px}
.chat-box{top:0;right:0;bottom:0;left:0;background-color:#fff;-webkit-transition:top .15s ease-out;-o-transition:top .15s ease-out;-moz-transition:top .15s ease-out;transition:top .15s ease-out}
.chat-box .announcement{position:absolute;top:0;left:0;right:0;width:100%;z-index:200;background-color:#fff;line-height:20px;color:#999}
.chat-box .announcement-content{cursor:pointer;height:42px;padding:11px 10px}
.chat-box .announcement-content:hover{height:auto}
.chat-box .announcement .text{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;position:relative;color:#999}
.chat-box .announcement .text .txt{color:rgba(0,0,0,.6)}
.chat-box .announcement .text:hover{background-color:#fff;overflow:visible;word-wrap:break-word;word-break:normal;white-space:normal;z-index:2}
.chat-box .announcement .iconfont{color:#999;vertical-align:middle;font-size:12px}
.chat-box .announcement:before{content:"";display:block}
.chat-box .room{padding-top:42px}
.chat-box .chat-tab{height:40px;line-height:40px;background:#f0f0f0}
.chat-box .chat-tab li{width:50%;float:left;height:40px;font-size:14px;font-weight:400;color:#666;text-align:center;cursor:pointer;box-sizing:border-box}
.chat-box .chat-tab li:hover{color:#333}
.chat-box .chat-tab li.cur{color:#333;font-weight:500;border-top:1px solid #ededed;background:#fff}
.chat-box .room-box{height:100%}
.chat-box .content{height:calc(100% - 28px);overflow:hidden}
.chat-box .content-high{height:calc(100% - 40px);overflow:hidden;padding: 0px;}
.chat-box .list-content__nodata{position:absolute;line-height:84px;border-bottom:1px solid #f1f1f1;width:100%;text-align:center}
.chat-box .list-content__nodata .svg-icon{font-size:30px;color:#a9a9a9;vertical-align:middle;display:inline-block}
.chat-box .list-content__nodata .text{display:inline-block;font-size:12px;font-weight:400;color:#999;padding-left:6px}
.chat-box .list-content{position:absolute;width:340px;background:#fff;z-index:9}
.chat-box .list-content .total-scroll{height:284px;border-bottom:1px solid #f1f1f1;overflow-y:auto}
.chat-box .list-content .total-scroll li:last-child{border-bottom:none}
.chat-box .list-content .week-scroll{min-height:84px;border-bottom:1px solid #f1f1f1;overflow-y:auto}
.chat-box .list-content li{cursor:pointer}
.chat-box .list-content li div{height:28px;line-height:28px;vertical-align:middle;padding:0 6px 0 10px}
.chat-box .list-content li div:hover{background:#e9e9e9}
.chat-box .list-content .number{font-family:SourceHanSansCN-Regular,SourceHanSansCN;width:18px;height:18px;line-height:18px;margin:5px 0 0 2px;font-size:9px;font-weight:400;border-radius:50%;text-align:center;color:#666;background:#f0f1f3}
.chat-box .list-content .txt{font-family:PingFangSC-Regular,PingFang SC;padding-left:5px;font-size:12px;font-weight:400}
.chat-box .list-content .name{width:100px;color:#212121;height:22px}
.chat-box .list-content .num{height:12px;line-height:12px;padding-right:5px;color:#666;margin-top:8px}
.chat-box .list-content .icon_ranking{display:inline-block;width:18px;height:18px;margin-top:5px}
.chat-box .list-content .icon_ranking_1{background:url(https://cdn.qiuhui.com/static/images/9ed3fdf4.png) no-repeat 50%/cover}
.chat-box .list-content .icon_ranking_2{background:url(https://cdn.qiuhui.com/static/images/4d06b9e0.png) no-repeat 50%/cover}
.chat-box .list-content .icon_ranking_3{background:url(https://cdn.qiuhui.com/static/images/3f3c9fee.png) no-repeat 50%/cover}
.chat-box .list-content .iconicon_zs{color:#f8c612}