.match-container[data-v-8fc8cc76]{position:relative;margin-left:22px;width:calc(100% - 74px);height:100%;background-color:#fafbfc}.match-container .title-part[data-v-8fc8cc76]{width:100%;height:108px}.match-container .title-part .title[data-v-8fc8cc76]{height:108px;font-weight:700;color:#444a60;font-size:28px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.match-container .title-part .title .main-title[data-v-8fc8cc76]{font-weight:700;color:#444a60;font-size:28px}.match-container .title-part .title .sub-title[data-v-8fc8cc76]{margin-left:48px}.match-container .title-part .title .sub-title .sub-stat[data-v-8fc8cc76]{color:#afb1bb;font-size:14px}.match-container .title-part .title .sub-title .sub-value[data-v-8fc8cc76]{color:#dd864f;font-size:20px;font-weight:700}.match-container .full-huaban[data-v-8fc8cc76]{font-size:24px;color:#c4cbd4}.match-container .full-huaban[data-v-8fc8cc76]:hover{cursor:pointer;font-size:24px;color:#65a9f2}.match-container .search-item[data-v-8fc8cc76]{position:relative;width:100%;height:44px}.match-container .search-item .left-search .select-list[data-v-8fc8cc76]{height:100%;width:150px;margin-right:20px}.match-container .search-item .right-time[data-v-8fc8cc76]{height:100%;display:flex;flex-direction:row;align-items:flex-end}.match-container .search-item .right-time span[data-v-8fc8cc76]{color:#444a60;font-size:20px}.match-container .container-border[data-v-8fc8cc76]{border:1px #e2e6eb;border-radius:5px;background-color:#fff}.match-container .title-flex-row[data-v-8fc8cc76]{display:flex;flex-direction:row;justify-content:space-between}.match-container .right-title-part[data-v-8fc8cc76]{width:290px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.match-container .right-title-part .first-row[data-v-8fc8cc76]{display:flex;flex-direction:row;justify-content:flex-start}.match-container .right-title-part .stat-item[data-v-8fc8cc76]{margin-top:3px;margin-bottom:5px;padding-right:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.match-container .right-title-part .stat-item .icon[data-v-8fc8cc76]{width:12px;height:12px;border-radius:50%}.match-container .right-title-part .stat-item span[data-v-8fc8cc76]{font-size:12px;margin-left:2px}.match-container .right-title-part .stat-item .red[data-v-8fc8cc76]{border:2px solid #f79083;background-color:#fabab0}.match-container .right-title-part .stat-item .orange[data-v-8fc8cc76]{border:2px solid #fdc085;background-color:#fed8b5}.match-container .right-title-part .stat-item .blue[data-v-8fc8cc76]{border:2px solid #9dc7f7;background-color:#c3dbfa}.match-container .right-title-part .stat-item .green[data-v-8fc8cc76]{border:2px solid #acd3b1;background-color:#cde2d0}.match-container .right-title-part .stat-item .purple[data-v-8fc8cc76]{border:2px solid #aaaefa;background-color:#c8cdf9}.match-container .item-title[data-v-8fc8cc76]{height:82px;width:calc(100% - 64px);margin-left:32px;margin-right:32px;border-bottom:1px solid #e2e6eb}.match-container .item-title .main-title[data-v-8fc8cc76]{padding-top:24px}.match-container .item-title .main-title a[data-v-8fc8cc76]{color:#434a62;font-size:16px;font-weight:500}.match-container .item-title .title-tips[data-v-8fc8cc76]{margin-top:4px}.match-container .item-title .title-tips .view-detail[data-v-8fc8cc76]{color:#afb1bb;font-size:11px}.match-container .top-chart[data-v-8fc8cc76]{width:100%;height:calc(100% - 220px);margin-top:24px;position:relative}.match-container .top-chart .top-right[data-v-8fc8cc76]{width:600px!important;height:100%;border:1px solid #e2e6eb}.match-container .top-chart .top-left[data-v-8fc8cc76]{width:calc(100% - 620px);height:100%}.match-container .top-chart .top-left .top-left-chart[data-v-8fc8cc76]{width:calc(50% - 10px);border:1px solid #e2e6eb;height:100%}.match-container .top-chart .top-left .back-flow[data-v-8fc8cc76]{width:140px;height:30px;background-color:#fafbfc;border-radius:10px;border:1px solid #e2e6eb}.match-container .top-chart .top-left .back-flow span[data-v-8fc8cc76]{font-size:14px;color:#444a60}.match-container .top-chart .top-left .back-flow[data-v-8fc8cc76]:hover{cursor:pointer}.match-container .fullscreen[data-v-8fc8cc76]{font-size:24px;color:#c4cbd4}.match-container .fullscreen[data-v-8fc8cc76]:hover{cursor:pointer;color:#63a8f3}.stat-container[data-v-68b2d912]{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#fafbfc}.mobile-stat-container[data-v-68b2d912]{width:1888px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#fafbfc}.full-screen[data-v-68b2d912]{background-color:#fafbfc;height:100%}.direct-match-container[data-v-68b2d912]{margin-left:10px;width:calc(100% - 20px);height:768px!important}.full-screen-btn[data-v-68b2d912]{position:absolute;top:10px;right:50px}.active-container[data-v-68b2d912]{margin-left:10px;width:calc(100% - 20px);height:1340px;margin-bottom:40px}@media(min-width:768px)and (max-width:1440px){.direct-match-container[data-v-68b2d912]{margin-left:10px;width:calc(100% - 20px);height:568px!important}.full-screen-btn[data-v-68b2d912]{position:absolute;top:10px;right:50px}.active-container[data-v-68b2d912]{margin-left:10px;width:calc(100% - 20px);height:700px;margin-bottom:40px}}