:root{--headerHeight: 3.125rem;--padding: 0.9375rem;--themeColor: #007aff;--maxWidth: 1200px;--red: #f04545;--yellow: #f9af06;--green: #008000}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}a:focus,a:active{background-color:rgba(0,0,0,0)}html,body{font-size:16px;font-family:"Source Han Sans","Noto Sans CJK",sans-serif;color:#333;background:#fff;overflow-x:hidden}.wrapper{max-width:var(--maxWidth);margin:0 auto}.line-1,.match-content .basketball-match .match-item .team .name-box .name,.common-modal-head .title,.setting-modal .setting-head .title,.filter-modal .filter-head .title,header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.line-2,.news-list .li .info .title{display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.line-3{display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}header{width:100%;height:var(--headerHeight);background-color:var(--themeColor);padding:0 var(--padding)}header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:var(--headerHeight)}header .logo img{max-width:8rem;max-height:2.5rem;display:block;margin:auto}header .login{font-size:.8125rem;background:#5daefd;color:#fff;padding:0 .125rem;border-radius:.3125rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .login span{display:block;padding:.4375rem .5rem}header .login .log{padding-right:.3125rem}header .login .reg{padding-left:.3125rem}header .user-info{margin-left:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .user-info .avatar{width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover;display:block}header .head-tab{border-radius:.3125rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .head-tab .item{background:#fff;color:#333;font-size:.8125rem;padding:.4375rem .75rem}header .head-tab .item.active{background:#5daefd;color:#fff}header .back{width:2.5rem;height:100%;background:url(../image/back.png) no-repeat;background-size:1.375rem auto;background-position:center;-webkit-transform:translateX(calc(-1 * var(--padding)));transform:translateX(calc(-1 * var(--padding)));cursor:pointer}header .title{width:calc(100% - 5rem);font-size:1rem;color:#fff;text-align:center}header .menu{width:2.5rem;height:100%;background:url(../image/menu.png) no-repeat;background-size:1.75rem auto;background-position:center;-webkit-transform:translateX(calc(var(--padding) - 0.3125rem));transform:translateX(calc(var(--padding) - 0.3125rem));cursor:pointer}header .menu-modal{position:fixed;left:0;top:-100vh;z-index:999;background-color:#fff;width:100%;height:100%;-webkit-transition:top ease-in-out .3s;transition:top ease-in-out .3s}header .menu-modal.show{top:0;-webkit-transition:top ease-in-out .3s;transition:top ease-in-out .3s}header .menu-modal .menu-head{width:100%;height:var(--headerHeight);background-color:var(--themeColor);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .menu-modal .menu-head .title{width:calc(100% - 2.5rem);font-size:1rem;color:#fff;text-align:center;line-height:var(--headerHeight);padding-left:2.5rem}header .menu-modal .menu-head .close{width:2.5rem;height:100%;background:url(../image/wrong.png) no-repeat;background-size:1.5625rem auto;background-position:center;cursor:pointer}header .menu-modal .menu-body{height:calc(100% - var(--headerHeight));overflow-y:auto}header .menu-modal .menu-list{list-style:none}header .menu-modal .menu-list li{padding:var(--padding);border-bottom:1px solid #f0f0f0}header .menu-modal .menu-list li h3{font-size:1rem;color:#333}header .menu-modal .menu-list li .child{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}header .menu-modal .menu-list li .child a{display:block;text-align:center;line-height:2.25rem;background-color:#f0f0f0;color:#333;width:calc(25% - .46875rem);border-radius:.1875rem;margin-right:.625rem;margin-top:.625rem;font-size:.875rem}.crumbs{padding:.625rem var(--padding);color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.875rem;margin:0 auto;border-bottom:1px solid #f0f0f0}.crumbs a{color:#999}.crumbs a:hover{color:var(--themeColor)}.crumbs span,.crumbs a{margin-right:.3125rem}footer{font-size:.75rem;color:#333;line-height:1.25rem;text-align:center;border-top:6px solid #f0f0f0;padding:.625rem}footer a{color:#333}.news-list{padding:.3125rem 0}.news-list .li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.625rem var(--padding)}.news-list .li .info{width:calc(100% - 8.125rem)}.news-list .li .info .title{font-size:.9375rem;color:#333;line-height:1.5rem}.news-list .li .info .time{font-size:.8125rem;color:#bfbfbf;margin-top:5px}.news-list .li .cover{width:6.875rem;height:4.5375rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.c-modal{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);width:100vw;height:100vh;z-index:999}.c-modal .modal{width:95%;max-height:90%;max-width:330px;background-color:#fff;padding:15px;-webkit-box-shadow:0 0 10px rgba(116,116,116,.08);box-shadow:0 0 10px rgba(116,116,116,.08);border-radius:10px;display:none;position:relative;overflow-y:auto}.c-modal .modal .close{width:30px;height:30px;background:url(../image/close.png) no-repeat;background-size:100%;position:absolute;right:15px;top:15px}.c-modal .modal .modal-title{font-size:16px;font-weight:600;color:#000;line-height:30px;text-align:center}.c-modal .modal.show{display:block}.c-modal .modal .submit{width:250px;height:34px;border-radius:30px;color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;background-color:var(--themeColor);margin:15px auto}.c-modal .modal .submit.cancel{background-color:rgba(0,0,0,0);color:#333;border:1px solid #dedede}.common-modal,.setting-modal,.filter-modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:998;display:none}.common-modal-head,.setting-modal .setting-head,.filter-modal .filter-head{width:100%;height:var(--headerHeight);background-color:var(--themeColor);color:#fff;font-size:1rem;padding:0 40px;position:relative}.common-modal-head .back,.setting-modal .setting-head .back,.filter-modal .filter-head .back{width:2.5rem;height:100%;background:url(../image/back.png) no-repeat;background-size:1.375rem auto;background-position:center;position:absolute;left:0;top:0;cursor:pointer}.common-modal-head .title,.setting-modal .setting-head .title,.filter-modal .filter-head .title{width:100%;text-align:center;line-height:var(--headerHeight)}.common-modal-body,.setting-modal .setting-body,.filter-modal .filter-body{width:100%;height:calc(100% - var(--headerHeight) - 2.5rem);overflow-y:auto;padding:.625rem}.common-modal-foot,.setting-modal .setting-foot,.filter-modal .filter-foot{width:100%;height:3.125rem;background-color:#f2f2f2;border-top:1px solid #ebebeb;padding:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.common-modal-foot .left .row,.setting-modal .setting-foot .left .row,.filter-modal .filter-foot .left .row{font-size:.875rem;color:#333;line-height:1.25rem}.common-modal-foot .left .row span,.setting-modal .setting-foot .left .row span,.filter-modal .filter-foot .left .row span{font-weight:bold;color:var(--red);margin-right:.125rem}.common-modal-foot .right,.setting-modal .setting-foot .right,.filter-modal .filter-foot .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-modal-foot .right .btn,.setting-modal .setting-foot .right .btn,.filter-modal .filter-foot .right .btn{display:inline-block;padding:.375rem .625rem;margin-left:.3125rem;border-radius:.25rem;border:1px solid #e5e5e5;background-color:#fff;text-align:center;font-size:.875rem;cursor:pointer}.common-modal-foot .right .btn.confirm,.setting-modal .setting-foot .right .btn.confirm,.filter-modal .filter-foot .right .btn.confirm{background-color:var(--themeColor);color:#fff}.filter-modal .filter-tab{text-align:center;height:2.5rem;line-height:2.5rem;background:#fff;border-bottom:1px solid #f1f1f1;font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-modal .filter-tab .item{font-size:1rem;color:#777;padding:0 1.25rem;position:relative;cursor:pointer}.filter-modal .filter-tab .item.active{color:var(--themeColor);font-weight:600}.filter-modal .filter-tab .item.active::after{content:"";display:block;width:100%;height:.125rem;border-radius:1.875rem;background-color:var(--themeColor);position:absolute;left:0;bottom:-0.0625rem}.filter-modal .filter-body{height:calc(100% - var(--headerHeight) - 5.625rem)}.filter-modal .filter-body .group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-modal .filter-body .group .current{width:calc(25% - .4688rem);height:2rem;line-height:2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.25rem;color:#777;padding:0 .125rem;margin-right:.625rem;margin-bottom:.625rem;border:1px solid #e5e5e5;background:#fff;font-size:.75rem}.filter-modal .filter-body .group .current .rank{font-size:.6875rem}.filter-modal .filter-body .group .current:nth-child(4n){margin-right:0}.filter-modal .filter-body .group .current.active{background-color:#e6f2ff;color:#1a1a1a;border-color:#66b3ff}.filter-modal .filter-body .group .current.disabled{background-color:#e5e5e5}.filter-modal .filter-body .item{display:-webkit-box;display:-ms-flexbox;display:flex}.filter-modal .filter-body .item span{width:calc(25% - .4688rem);height:2rem;line-height:2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.25rem;color:#777;padding:0 .125rem;margin-right:.625rem;margin-bottom:.625rem;border:1px solid #e5e5e5;background:#fff;font-size:.75rem}.filter-modal .filter-body .item span .rank{font-size:.6875rem}.filter-modal .filter-body .item span:nth-child(4n){margin-right:0}.filter-modal .filter-body .item span.active{background-color:#e6f2ff;color:#1a1a1a;border-color:#66b3ff}.filter-modal .filter-body .item span.disabled{background-color:#e5e5e5}.filter-modal .filter-body .item .tit{color:#333;border:none}.filter-modal .filter-body .title{font-size:.875rem;font-weight:bold;margin-bottom:.625rem}.setting-modal .setting-body{height:calc(100% - var(--headerHeight) - 3.125rem)}.setting-modal .setting-body .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.9375rem;padding:.625rem .3125rem}.setting-modal .setting-body .group .title{width:3.75rem}.setting-modal .setting-body .group .values{width:calc(100% - 3.75rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.setting-modal .setting-body .group .values .item{margin-left:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.setting-modal .setting-body .group .values .item input[type=radio],.setting-modal .setting-body .group .values .item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;opacity:0;cursor:pointer;height:0;width:0}.setting-modal .setting-body .group .values .item label{position:relative;cursor:pointer;padding-left:1.3125rem;line-height:1.25rem;display:inline-block}.setting-modal .setting-body .group .values .item label::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1rem;height:1rem;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.setting-modal .setting-body .group .values .item input:checked+label::before{border:none;background:url(../image/icon-success.png) center/cover no-repeat}.message-modal{position:fixed;left:50%;top:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;max-width:90%;padding:12px 20px 12px 15px;background-color:#fff;border:1px solid #ebeef5;border-radius:8px;-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.12);box-shadow:0px 0px 12px rgba(0,0,0,.12);font-size:14px;line-height:20px;color:#606266;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.message-modal.show{-webkit-animation:slideIn .3s ease-out forwards;animation:slideIn .3s ease-out forwards;opacity:1}@-webkit-keyframes slideIn{from{top:-100px;opacity:0}to{top:15px;opacity:1}}@keyframes slideIn{from{top:-100px;opacity:0}to{top:15px;opacity:1}}.message-modal .title{color:#303133;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-modal .title::before{content:"";display:block;width:.875rem;height:.875rem;background:url(../image/icon-success.png) no-repeat;background-size:100% 100%;margin-right:8px;margin-top:.1875rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.message-modal i{display:inline-block;width:.875rem;height:.875rem;background:url(../image/icon-success.png) no-repeat;background-size:100% 100%;margin-right:8px;margin-top:.1875rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.message-modal.fail i{background:url(../image/icon-fail.png) no-repeat;background-size:100% 100%}.ball-tips{width:100%;padding:.375rem;border-radius:3.75rem;overflow:hidden;background:rgba(0,122,255,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ball-tips.show{-webkit-animation:slide-in-and-shake .5s ease-in-out;animation:slide-in-and-shake .5s ease-in-out}.ball-tips .tip-img,.ball-tips .ball,.ball-tips .card,.ball-tips .match-content table .yellow-card,.match-content table .ball-tips .yellow-card,.ball-tips .match-content table .red-card,.match-content table .ball-tips .red-card{width:3.4375rem;height:3.4375rem;background-repeat:no-repeat;background-position:center;border-radius:50%;background-color:#12609c}.ball-tips .card,.ball-tips .match-content table .yellow-card,.match-content table .ball-tips .yellow-card,.ball-tips .match-content table .red-card,.match-content table .ball-tips .red-card{background-size:2.0625rem}.ball-tips .card.yellow,.ball-tips .match-content table .yellow.yellow-card,.match-content table .ball-tips .yellow.yellow-card,.ball-tips .match-content table .yellow.red-card,.match-content table .ball-tips .yellow.red-card{background-image:url(../image/tips/yellow.png)}.ball-tips .card.red,.ball-tips .match-content table .red.yellow-card,.match-content table .ball-tips .red.yellow-card,.ball-tips .match-content table .red.red-card,.match-content table .ball-tips .red.red-card{background-image:url(../image/tips/red.png)}.ball-tips .ball{background-image:url(../image/tips/ball-tips.png);background-size:100% 100%;-webkit-animation:spin-ball 1.5s linear infinite;animation:spin-ball 1.5s linear infinite}.ball-tips .info{width:calc(100% - 3.75rem)}.ball-tips .info .message{font-size:.8125rem;color:#fff;opacity:.8;text-align:center;margin-bottom:.25rem}.ball-tips .info .message span{margin:0 .3125rem}.ball-tips .info .team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ball-tips .info .team .home,.ball-tips .info .team .guest,.ball-tips .info .team .score{font-size:.9375rem;color:#fff;margin:0 .3125rem}.ball-tips .info .team .score span{margin:0 .1875rem}.ball-tips .info .team .score span.highlight{color:var(--yellow);font-weight:bold;-webkit-animation:pulse-score-text .6s 3;animation:pulse-score-text .6s 3}@-webkit-keyframes spin-ball{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-ball{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes flash-goal-text{0%,50%,100%{opacity:1;text-shadow:0 0 8px gold}25%,75%{opacity:.7;text-shadow:none}}@keyframes flash-goal-text{0%,50%,100%{opacity:1;text-shadow:0 0 8px gold}25%,75%{opacity:.7;text-shadow:none}}@-webkit-keyframes pulse-score-text{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-score-text{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slide-in-and-shake{0%{opacity:0;-webkit-transform:translateY(100%) rotate(0deg);transform:translateY(100%) rotate(0deg)}50%{opacity:1;-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg)}75%{-webkit-transform:translateY(0) rotate(2deg);transform:translateY(0) rotate(2deg)}100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes slide-in-and-shake{0%{opacity:0;-webkit-transform:translateY(100%) rotate(0deg);transform:translateY(100%) rotate(0deg)}50%{opacity:1;-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg)}75%{-webkit-transform:translateY(0) rotate(2deg);transform:translateY(0) rotate(2deg)}100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}#live-event-container{position:fixed;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;width:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.match-content{position:relative}.match-content .odds span,.match-content .handicap span{color:#999;font-size:.6563rem}.match-content .odds span:empty,.match-content .handicap span:empty{display:none}.match-content .odds span.goal,.match-content .handicap span.goal{color:var(--themeColor) !important;margin:0 .125rem}.match-content .odds span.up,.match-content .handicap span.up{color:var(--red)}.match-content .odds span.down,.match-content .handicap span.down{color:var(--green)}.match-content .set-top{width:100%;height:17px;background:url(../image/off.png) no-repeat;background-size:.75rem auto !important;background-position:center !important}.match-content .set-top.on{background:url(../image/on.png) no-repeat}.match-content table{width:100%;border-collapse:collapse;border:none;text-align:center}.match-content table th,.match-content table td{position:relative}.match-content table th::after,.match-content table td::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;right:0;width:1px;height:100%;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:right;transform-origin:right;background:#ddd;pointer-events:none;z-index:1}.match-content table th:last-child,.match-content table td:last-child{border-right:none}.match-content table th{font-size:.75rem;color:#fff;background-color:var(--themeColor);font-weight:normal;padding:.125rem .0625rem}.match-content table td{font-size:.75rem;color:#333;padding:0}.match-content table .category{font-size:.6875rem;margin-top:.3125rem}.match-content table .time{font-size:.6875rem;margin-bottom:.3125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.25rem}.match-content table .status{color:#999eac;line-height:1.25rem;font-size:.6875rem;margin-left:.1875rem}.match-content table .status .in-progress{display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:.5px}.match-content table .status .dian{-webkit-animation-name:dian;animation-name:dian;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes dian{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes dian{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}.match-content table .card,.match-content table .yellow-card,.match-content table .red-card{display:inline-block;width:.75rem;color:#fff;line-height:.875rem;font-size:.625rem;border-radius:.125rem;margin:0 .0625rem;font-variant-numeric:tabular-nums}.match-content table .card:empty,.match-content table .yellow-card:empty,.match-content table .red-card:empty{display:none}.match-content table .js{color:var(--red)}.match-content table .tc,.match-content table .qx,.match-content table .zcxx{color:var(--themeColor)}.match-content table .red-card{background-color:var(--red)}.match-content table .yellow-card{background-color:var(--yellow)}.match-content table .rank{font-size:.75rem;color:#999eac;margin:0 .125rem}.match-content table .jiao{color:var(--themeColor)}.match-content table .ban{color:#999;font-weight:400}.match-content table .team{padding:.125rem .0625rem;position:relative}.match-content table .team.guest{padding-right:2.1875rem}.match-content table .team .name{display:inline-block;line-height:.875rem}.match-content table .team .name.hightlight{background-color:#f9e606}.match-content table .score{font-weight:800}.match-content table .actions{width:2.1875rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}.match-content table .actions .corner{padding-left:.5rem;padding-right:.1875rem;text-align:center;color:#999;background:url(../image/flag2.svg) no-repeat left center;background-size:.5625rem;font-size:.6875rem}.match-content table tr{background-color:#fff;position:relative}.match-content table tr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ddd;pointer-events:none;z-index:1}.match-content table tr:nth-child(2n){background-color:#f0f0f0}.match-content table tr.start .status{color:var(--red)}.match-content table tr.start .score{color:var(--themeColor)}.match-content table tr.end .score,.match-content table tr.end .status{color:var(--red)}.match-content .basketball-match .match-item{padding:.625rem .3125rem .625rem .625rem;font-size:.75rem;position:relative;border-bottom:1px solid #f0f0f0}.match-content .basketball-match .match-item .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.25rem}.match-content .basketball-match .match-item .info .odds{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.match-content .basketball-match .match-item .info .odds span{display:block;width:2.0625rem;text-align:center;margin:0 .0625rem;background-color:#f0f0f0;line-height:1.25rem}.match-content .basketball-match .match-item .info .game-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 12.375rem)}.match-content .basketball-match .match-item .info .game-type .category{display:inline-block;font-size:.6875rem;margin-right:.625rem;line-height:1.25rem;text-align:center}.match-content .basketball-match .match-item .info .game-type .time{font-size:.75rem}.match-content .basketball-match .match-item .info .status{width:5.625rem;text-align:right;color:var(--themeColor);padding-right:.4375rem}.match-content .basketball-match .match-item .team{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.25rem;padding-left:1.5625rem}.match-content .basketball-match .match-item .team .name-box{width:calc(100% - 12.375rem);font-size:.875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.match-content .basketball-match .match-item .team .name-box .name{display:block;max-width:100%}.match-content .basketball-match .match-item .team .name-box .rank{color:#999}.match-content .basketball-match .match-item .team .section1,.match-content .basketball-match .match-item .team .section2,.match-content .basketball-match .match-item .team .section3,.match-content .basketball-match .match-item .team .section4,.match-content .basketball-match .match-item .team .section5,.match-content .basketball-match .match-item .team .total-score{width:2.0625rem;text-align:center;color:#333;line-height:1.25rem}.match-content .basketball-match .match-item .team .section1.change,.match-content .basketball-match .match-item .team .section2.change,.match-content .basketball-match .match-item .team .section3.change,.match-content .basketball-match .match-item .team .section4.change,.match-content .basketball-match .match-item .team .section5.change,.match-content .basketball-match .match-item .team .total-score.change{color:var(--red)}.match-content .basketball-match .match-item .team .total-score{font-size:.875rem;color:var(--themeColor);font-weight:bold}.match-content .basketball-match .match-item .team .total-score.change{color:var(--red)}.match-content .basketball-match .match-item .set-top{position:absolute;left:0;bottom:1.4375rem;width:2.1875rem}.match-content .basketball-match .match-item.end .team .total-score{color:var(--red)}.infinite-scroll-loading{text-align:center;padding:.3125rem 1.25rem 1.25rem;color:#999;font-size:.875rem;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.infinite-scroll-loading .spinner{display:inline-block;width:.875rem;height:.875rem;border:.125rem solid rgba(0,0,0,.1);border-radius:50%;border-left-color:var(--themeColor);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-right:.5rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.index-container .channel-tab{background-color:var(--themeColor);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow-x:auto;padding-bottom:2.375rem}.index-container .channel-tab .item{width:16%;text-align:center}.index-container .channel-tab .item .title{font-size:1rem;color:hsla(0,0%,100%,.5);font-weight:500;line-height:2.1875rem;display:block}.index-container .channel-tab .item .column-tab{position:absolute;left:0;bottom:0;width:100%;display:none;overflow-x:auto;background-color:#fff;border-radius:.375rem .375rem 0 0;border-bottom:1px solid #f0f0f0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.index-container .channel-tab .item .column-tab::-webkit-scrollbar{display:none}.index-container .channel-tab .item .column-tab .column-item{width:16.6%;font-size:.9375rem;line-height:2.375rem;color:#666971;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.index-container .channel-tab .item .column-tab .column-item.active{color:#333;font-weight:700;position:relative}.index-container .channel-tab .item .column-tab .column-item.active::after{content:"";position:absolute;left:50%;bottom:0;width:1.875rem;height:.25rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--themeColor);border-radius:1.875rem}.index-container .channel-tab .item .column-tab .column-item .setting{display:block;width:100%;height:100%;background:url(../image/setting.png) no-repeat;background-size:1rem 1rem;background-position:center;cursor:pointer;margin:auto}.index-container .channel-tab .item.active .title{color:#fff}.index-container .channel-tab .item.active .column-tab{display:-webkit-box;display:-ms-flexbox;display:flex}.index-container .date-select{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;white-space:nowrap;padding:.375rem .625rem}.index-container .date-select::-webkit-scrollbar{display:none}.index-container .date-select .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.6875rem;line-height:.8125rem;color:#666;width:14.2857142857%;min-height:2.125rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;border-radius:.25rem;padding:.1875rem 0}.index-container .date-select .item.active{background-color:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.4)}.index-container .date-select .item.active .date,.index-container .date-select .item.active .week{color:var(--themeColor)}.index-container.schedule .match-content table .team.guest{padding:.125rem .0625rem}.sport-detail-container .team-box{background-color:var(--themeColor);padding:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sport-detail-container .team-box .home-team,.sport-detail-container .team-box .guest-team{width:30%}.sport-detail-container .team-box .home-team .team-logo,.sport-detail-container .team-box .guest-team .team-logo{margin-bottom:.375rem}.sport-detail-container .team-box .home-team .team-logo img,.sport-detail-container .team-box .guest-team .team-logo img{width:2.8125rem;height:2.8125rem;display:block;margin:0 auto}.sport-detail-container .team-box .home-team .team-name,.sport-detail-container .team-box .guest-team .team-name{font-size:.875rem;color:#fff}.sport-detail-container .team-box .score-box{width:40%}.sport-detail-container .team-box .score-box .league span{font-size:.75rem;color:hsla(0,0%,100%,.8)}.sport-detail-container .team-box .score-box .vs{font-size:.875rem;color:#fff;line-height:1.25rem;margin:.1875rem 0}.sport-detail-container .team-box .score-box .vs .postponed,.sport-detail-container .team-box .score-box .vs .cancelled{margin:.5rem auto;color:var(--red)}.sport-detail-container .team-box .score-box .vs .score-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.5rem auto}.sport-detail-container .team-box .score-box .vs .score-state .score{font-size:1.25rem;color:var(--yellow);font-weight:bold}.sport-detail-container .team-box .score-box .vs .score-state .time{font-size:.75rem;color:var(--yellow);min-width:33.33%;padding:0 .625rem}.sport-detail-container .team-box .score-box .animation{font-size:.75rem;color:#333;background-color:#fff;border-radius:.1875rem;display:inline-block;line-height:1.25rem;padding:.0625rem .375rem}.sport-detail-container .page-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.sport-detail-container .page-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ddd;pointer-events:none;z-index:1}.sport-detail-container .page-tab .item{font-size:.9375rem;color:#666;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;line-height:2.25rem}.sport-detail-container .page-tab .item.active{color:#333;font-size:1rem;font-weight:600;position:relative}.sport-detail-container .page-tab .item.active::after{content:"";position:absolute;left:50%;bottom:.0625rem;width:2rem;height:.25rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--themeColor);border-radius:1.875rem}.sport-detail-container .zs-tab{width:80%;background-color:#f0f0f0;padding:.1875rem;border-radius:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;margin:.625rem auto}.sport-detail-container .zs-tab .item{text-align:center;border-radius:1.875rem;color:#666;line-height:1.875rem;display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1}.sport-detail-container .zs-tab .item.active{background-color:#fff;font-weight:600}.sport-detail-container .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 .125rem .3125rem rgba(0,0,0,.07);box-shadow:0 .125rem .3125rem rgba(0,0,0,.07);position:relative;position:relative}.sport-detail-container .menu::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .menu .item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:.75rem;color:#666;line-height:1.625rem}.sport-detail-container .menu .item .select{display:inline-block}.sport-detail-container .menu .item .select::after{display:inline-block;content:"";width:0;height:0;border-top:.25rem solid var(--themeColor);border-bottom:0 none;border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);vertical-align:middle;margin-left:.25rem}.sport-detail-container .menu .item select{color:var(--themeColor);padding:0 0 0 .3125rem;font-size:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;outline:none}.sport-detail-container .menu .detail-action{width:66.66%;line-height:1.625rem;background-color:#fff;font-size:.75rem;color:#666;text-align:center;position:absolute;right:0;display:none}.sport-detail-container .menu .detail-action .close{display:block;width:1.625rem;height:1.625rem;background:url(../image/wrong.png) no-repeat;background-size:.9375rem auto;background-position:center;cursor:pointer;position:absolute;right:0;top:0;-webkit-filter:brightness(0.5);filter:brightness(0.5)}.sport-detail-container .red{color:var(--red)}.sport-detail-container .green{color:var(--green)}.sport-detail-container .blue{color:var(--themeColor)}.sport-detail-container .rq .odds-table{display:-webkit-box;display:-ms-flexbox;display:flex}.sport-detail-container .rq .odds-table .company{background-color:#f0f0f0;color:#333;width:5.625rem;font-weight:500}.sport-detail-container .rq .odds-table .company .item{font-size:.875rem;line-height:1.875rem;position:relative;position:relative;text-align:center;padding-right:1.25rem}.sport-detail-container .rq .odds-table .company .item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .rq .odds-table .company .item.active{background-color:#fff;color:var(--red)}.sport-detail-container .rq .odds-table .company .item .more{padding:0 .3125rem}.sport-detail-container .rq .odds-table .company .item .name i{display:inline-block;width:1.125rem;height:1.125rem;line-height:1.0625rem;background:#aaa;border-radius:50%;color:#fff;font-size:.75rem;font-weight:300;text-align:center;position:absolute;top:50%;margin-top:-0.5625rem;right:.375rem;font-style:normal}.sport-detail-container .rq .odds-table .data{width:calc(100% - 5.625rem)}.sport-detail-container .rq .odds-table .data .item{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.sport-detail-container .rq .odds-table .data .item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .rq .odds-table .data .item .cp,.sport-detail-container .rq .odds-table .data .item .jp{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex}.sport-detail-container .rq .odds-table .data .item .cp span,.sport-detail-container .rq .odds-table .data .item .jp span{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.875rem;font-size:.75rem}.sport-detail-container .rq .odds-table .odds-detail{width:calc(100% - 5.625rem);height:calc(100vh - 14.5rem - var(--headerHeight));overflow-y:auto;display:none}.sport-detail-container .rq .odds-table .odds-detail ul{list-style:none;text-align:center}.sport-detail-container .rq .odds-table .odds-detail ul li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.sport-detail-container .rq .odds-table .odds-detail ul li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .rq .odds-table .odds-detail ul li span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.75rem;line-height:1.875rem}.sport-detail-container .rq .odds-table .odds-detail ul li span:first-child{-webkit-box-flex:0;-ms-flex:0 0 2.5rem;flex:0 0 2.5rem}.sport-detail-container .rq .odds-table .odds-detail ul li span:last-child{-webkit-box-flex:0;-ms-flex:0 0 4.6875rem;flex:0 0 4.6875rem}.sport-detail-container .spf{display:none}.sport-detail-container .spf .menu .item:first-child{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.sport-detail-container .spf .menu .item .select::after{border-top-color:#666}.sport-detail-container .spf .data .group{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.sport-detail-container .spf .data .group::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .spf .data .group:nth-child(2n){background-color:#f0f0f0}.sport-detail-container .spf .data .group .name{font-size:.875rem;color:var(--themeColor);line-height:3rem;width:33.33%}.sport-detail-container .spf .data .group .data{width:66.66%}.sport-detail-container .spf .data .group .data p{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5rem}.sport-detail-container .spf .data .group .data p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .spf .data .group .data p span{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.75rem}.sport-detail-container .spf .data .group .data p span::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;left:0;width:1px;height:100%;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:left;transform-origin:left;background:#ccc;pointer-events:none;z-index:1}.sport-detail-container .bf{display:none}.sport-detail-container .bf table{width:100%;background-color:#e5e5e5}.sport-detail-container .bf table th{background:#f0f0f0;font-weight:normal;line-height:1.375rem;font-size:.75rem}.sport-detail-container .bf table td{background:#fff;text-align:center;font-size:.8125rem;line-height:1.625rem}.sport-detail-container .select-item{font-size:.8125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.625rem;line-height:1.75rem}.sport-detail-container .select-item input{margin-right:.125rem}.sport-detail-container .select-menu{font-size:.75rem;background-color:#f0f0f0;color:#333;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:.25rem;padding:1px;float:left;margin-left:.75rem}.sport-detail-container .select-menu .item{cursor:pointer;width:3.75rem;text-align:center;line-height:1.75rem}.sport-detail-container .select-menu .item.active{background-color:#fff;color:#333;-webkit-box-shadow:0 0 .3125rem rgba(0,0,0,.1);box-shadow:0 0 .3125rem rgba(0,0,0,.1);border:1px solid #ddd;border-radius:.25rem}.sport-detail-container .bar{overflow:hidden;padding:.375rem .625rem;position:relative}.sport-detail-container .bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ddd;pointer-events:none;z-index:1}.sport-detail-container .bar .title{font-size:.875rem;float:left;line-height:1.75rem}.sport-detail-container .bar .quan,.sport-detail-container .bar .ban{font-size:.875rem;line-height:1.75rem;float:right;margin-left:.375rem}.sport-detail-container .bar .quan span,.sport-detail-container .bar .ban span{display:inline-block;width:1rem;height:1rem;position:relative;top:-0.125rem;left:0;border:1px solid #e5e5e5;border-radius:50%;background-color:#f0f0f0;vertical-align:middle;cursor:pointer;margin-right:.25rem}.sport-detail-container .bar .quan.selected span,.sport-detail-container .bar .ban.selected span{border-color:var(--themeColor);background-color:#e2f1fc}.sport-detail-container .bar .quan.selected span::after,.sport-detail-container .bar .ban.selected span::after{content:"";display:table;width:.5rem;height:.5rem;position:absolute;top:.1875rem;left:.1875rem;background-color:var(--themeColor);border-radius:50%}.sport-detail-container .bar .select-item{float:right}.sport-detail-container .team-bar{background-color:#f6f8fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.875rem;padding:0 .625rem}.sport-detail-container .team-bar .team-name{font-size:.875rem}.sport-detail-container .db-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.3125rem .625rem;position:relative}.sport-detail-container .db-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ddd;pointer-events:none;z-index:1}.sport-detail-container .actions-menu{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f0f0f0;padding:.5rem .25rem}.sport-detail-container .actions-menu .item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 .25rem;position:relative}.sport-detail-container .actions-menu .item::after{display:inline-block;content:"";width:0;height:0;border-top:.25rem solid #666;border-bottom:0 none;border-left:.25rem solid rgba(0,0,0,0);border-right:.25rem solid rgba(0,0,0,0);position:absolute;right:.625rem;top:50%;-webkit-transform:translateY(calc(50% - 0.25rem));transform:translateY(calc(50% - 0.25rem))}.sport-detail-container .actions-menu .item select{width:100%;height:1.875rem;text-align:center;background-color:#fff;border-radius:.1875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666;border:1px solid #ddd;padding-right:.375rem;font-size:.75rem}.sport-detail-container .odds-group .odds-table{table-layout:fixed;background:#e5e5e5;width:100%;text-align:center}.sport-detail-container .odds-group .odds-table th{background:#f0f0f0;font-weight:normal;line-height:1.375rem;font-size:.75rem}.sport-detail-container .odds-group .odds-table td{background:#fff;text-align:center;font-size:.75rem;line-height:1.625rem}.sport-detail-container .odds-group .odds-table td.red{background-color:var(--red);color:#fff}.sport-detail-container .odds-group .odds-table td.green{background-color:var(--green);color:#fff}.sport-detail-container .odds-group .odds-table td.blue{background-color:var(--themeColor);color:#fff}.sport-detail-container .odds-group .odds-table td .odds{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sport-detail-container .odds-group .odds-table td .odds.chu{background-color:#fffaef}.sport-detail-container .odds-group .odds-table td .odds span{display:inline-block;width:30%}.sport-detail-container .odds-group .odds-table td .odds span.arrow{width:10%}.sport-detail-container .odds-group .odds-table td .odds span.arrow::after{content:"";display:inline-block;top:-0.875rem;width:0;height:0;border:.3125rem solid rgba(0,0,0,0);border-left-color:#999}.sport-detail-container .ctable td,.sport-detail-container .sjdb-group table td,.sport-detail-container .dswj-group table td,.sport-detail-container .points-group table td,.sport-detail-container .jsq-group table td,.sport-detail-container .statistics-group table td{padding:.3125rem .0625rem}.sport-detail-container .statistics-group table td{background-color:#fff}.sport-detail-container .statistics-group table td:nth-child(2){background-color:#f6f8fa}.sport-detail-container .jsq-group table td{background-color:#fff}.sport-detail-container .jsq-group table td:nth-child(3){background-color:#f6f8fa}.sport-detail-container .points-group .team-name{background:#f0f0f0;color:#333;text-align:left;overflow:hidden;width:100%;line-height:30px;padding-left:10px;position:relative}.sport-detail-container .points-group .team-name::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:bottom;transform-origin:bottom;background:#ddd;pointer-events:none;z-index:1}.sport-detail-container .points-group table{table-layout:auto}.sport-detail-container .dswj-group table .score{font-weight:bold}.sport-detail-container .sjdb-group table{table-layout:auto}.sport-detail-container .sjdb-group .db-bar .select-menu{margin-left:0}.sport-detail-container .line{width:100%;height:.625rem;background-color:#f0f0f0}.article-container .channel-list{background-color:#fff;margin-bottom:.625rem}.article-container .channel-list .channel-title{padding:.625rem var(--padding);border-bottom:1px solid #f0f0f0;font-size:1.125rem;font-weight:bold;color:#000;line-height:1.125rem;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-container .channel-list .channel-title a{font-size:.875rem;color:#999;font-weight:normal}.article-container .channel-list .channel-title a:hover{color:var(--themeColor)}.article-container .container{background-color:#fff;margin-bottom:1.5rem}.article-container .container h2{text-align:center;font-size:1.375rem;color:#000;line-height:1.75rem;padding:var(--padding);font-weight:500}.article-container .container .infos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:var(--padding);border-bottom:1px solid #f0f0f0}.article-container .container .infos span{color:#666;margin:0 1.25rem;font-size:.8125rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-container .container .infos a{color:var(--themeColor)}.article-container .container article{display:block;word-wrap:break-word;word-break:break-all;color:#000;font-size:.9375rem;line-height:1.75rem;padding:var(--padding)}.article-container .container article img{margin:.625rem auto;display:block;max-width:100%;height:auto !important}.article-container .recommend{border-top:5px solid #f0f0f0}.article-container .recommend .module-title{font-size:1.0625rem;border-bottom:1px solid #f0f0f0;padding:var(--padding)}.article-container .recommend .list{padding:24px}.article-list-container .column-tab{margin-top:var(--padding);overflow-x:auto;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;position:relative}.article-list-container .column-tab::-webkit-scrollbar{display:none}.article-list-container .column-tab .column-item{font-size:.9375rem;color:#888;padding:0 .75rem}.article-list-container .column-tab .column-item.active{color:#333;font-weight:500;position:relative}.article-list-container .column-tab .column-item.active::after{content:"";display:block;width:100%;height:.25rem;background-color:var(--themeColor);border-radius:1.875rem}.login-container .logo{height:60px;display:block;margin:15px auto}.login-container .title{font-size:20px;color:var(--themeColor);text-align:center;font-weight:500}.login-container .login-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;color:#999;margin-top:10px;padding-bottom:5px}.login-container .login-tabs .item{margin:0 10px;position:relative}.login-container .login-tabs .item.active{color:#333;font-weight:500}.login-container .login-tabs .item.active::after{content:"";display:block;width:30px;height:4px;border-radius:30px;background-color:var(--themeColor);position:absolute;left:50%;bottom:-5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.login-container .tips{font-size:13px;color:#999;text-align:center}.login-container .tips span{color:var(--themeColor)}.login-container .form .item{margin-top:15px;overflow:hidden}.login-container .form .item .warn{font-size:10px;color:#999;display:block;font-weight:normal}.login-container .form .item input{padding:0 10px;border:1px solid #dadada;border-radius:5px;width:100%;height:36px;outline:none;font-size:16px;background-color:rgba(0,0,0,0)}.login-container .form .item input::-webkit-input-placeholder{color:#999}.login-container .form .item input::-moz-placeholder{color:#999}.login-container .form .item input:-ms-input-placeholder{color:#999}.login-container .form .item input::-ms-input-placeholder{color:#999}.login-container .form .item input::placeholder{color:#999}.login-container .form .item .yzm-code{width:80px;height:36px;display:block;border-radius:5px}.login-container .form .item.verifyCode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-container .form .item.verifyCode input{width:calc(100% - 90px)}.login-container .modal{padding:16px 20px}.login-container .modal .submit{width:100%;height:40px;margin-bottom:6px;margin-top:22px;font-size:16px}.user-container{background-color:#f0f0f0;padding-bottom:30px}.user-container .base{width:100%;background:url(../image/user_bg.png) no-repeat;background-size:cover}.user-container .base .wrapper{padding:0 20px;width:100%;height:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-container .base .avatar img{width:52px;height:52px;border-radius:50%;display:block;margin-right:12px;-o-object-fit:cover;object-fit:cover}.user-container .base .info .name{font-size:16px;color:#333;font-weight:500}.user-container .base .info .account{font-size:13px;color:#666}.user-container .container{margin-top:-24px;position:relative;z-index:2}.user-container .container .detail{padding:0 15px}.user-container .container .action{width:100%;background:#fff;border-radius:10px;padding:20px 26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.user-container .container .action .item{text-align:center}.user-container .container .action .item .ic{width:50px;height:50px;display:block;margin:0 auto 5px}.user-container .container .action .item .name{font-size:14px;color:#333}.user-container .container .user-menu{width:100%;background:#fff;border-radius:10px}.user-container .container .user-menu ul{padding:0 18px;list-style:none}.user-container .container .user-menu ul li a{font-size:14px;line-height:14px;color:#333;padding:22px 0;border-bottom:1px solid #fafafa;display:block}.user-container .avatar-container{z-index:1000}.user-container .avatar-container .avatar-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 15px}.user-container .avatar-container .avatar-list .item{width:33.33%;margin-top:15px}.user-container .avatar-container .avatar-list .item img{position:relative;width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto}.user-container .avatar-container .avatar-list .item.active img{border:3px solid var(--themeColor)}.user-container .reset-container .group,.user-container .info-container .group{margin-bottom:15px}.user-container .reset-container .group .title,.user-container .info-container .group .title{color:#595d69;font-size:16px;margin-bottom:10px}.user-container .reset-container .group .value,.user-container .info-container .group .value{background-color:#ededed;color:#595d69;outline:none;border:none;border-radius:5px;width:100%;height:36px;padding:0 15px}.user-container .reset-container .group .t-value,.user-container .info-container .group .t-value{background-color:#ededed;color:#595d69;outline:none;border:none;border-radius:5px;width:100%;padding:15px;height:80px}.user-container .reset-container .group .avatar img,.user-container .info-container .group .avatar img{width:60px;height:60px;border-radius:50%;display:block;margin-right:12px;-o-object-fit:cover;object-fit:cover;margin:15px auto 0}.error-404-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fafafa;min-height:calc(100vh - 3.125rem - 4.375rem)}.error-404-container .alert{text-align:center;padding:3.125rem 0}.error-404-container .alert .desc{font-size:1.125rem}.error-404-container .alert img{width:15rem}.error-404-container .alert p{font-size:1rem;color:#898585;line-height:2.125rem}.error-404-container .alert .btn{font-size:.75rem;color:#fff;background-color:var(--themeColor);border-radius:.3125rem;width:5rem;height:1.875rem;line-height:1.875rem;display:block;margin:0 auto}@media screen and (min-width: 768px){html,body{font-size:17px}}@media screen and (min-width: 1024px){html,body{font-size:18px}}