.matchright-component{width:300px}.matchright-component .hours-content .header-area{height:50px;line-height:44px}.matchright-component .hours-content .header-area img{height:36px;display:inline-block;margin-top:6px}.matchright-component .hours-content .header-area span{font-size:14px;color:#fff;line-height:28px;margin-left:10px}.matchright-component .hours-content .contentarea .content-item{width:100%;min-height:93px;background:#19323d;margin-bottom:1px;padding:16px 10px;-webkit-transition:all .1s;transition:all .1s}.matchright-component .hours-content .contentarea .content-item .first-line{display:-webkit-box;display:-ms-flexbox;display:flex;height:22px}.matchright-component .hours-content .contentarea .content-item .first-line .first-line-left{color:#96a1ba;font-size:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.matchright-component .hours-content .contentarea .content-item .first-line .first-line-left.rang{height:24px;line-height:24px;color:#fff;max-width:180px}.matchright-component .hours-content .contentarea .content-item .first-line .first-line-left:hover{color:#11d664}.matchright-component .hours-content .contentarea .content-item .odds-style{display:-webkit-box;display:-ms-flexbox;display:flex;width:100px;font-size:12px;color:hsla(0,0%,100%,.7);text-align:right;cursor:pointer;height:24px;line-height:24px;padding:0 8px;position:relative}.matchright-component .hours-content .contentarea .content-item .odds-style .name,.matchright-component .hours-content .contentarea .content-item .odds-style .odds-font{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.matchright-component .hours-content .contentarea .content-item .odds-style span.odds-font{display:inline-block;color:#11d664;font-size:14px;text-align:right}.matchright-component .hours-content .contentarea .content-item .odds-style:hover{background:#35444d}.matchright-component .hours-content .contentarea .content-item .odds-style.close{background:rgba(14,33,41,.8);cursor:no-drop}.matchright-component .hours-content .contentarea .content-item .odds-style.close .option{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;opacity:.1}.matchright-component .hours-content .contentarea .content-item .odds-style.close .name{color:hsla(0,0%,100%,.1)}.matchright-component .hours-content .contentarea .content-item .odds-style.close .odds-font{display:none}.matchright-component .hours-content .contentarea .content-item .odds-style.close .lock{display:inline-block;width:12px;height:12px;background:url(../../assets/img/lock.04ae246f.svg) 50% no-repeat;background-size:10px auto;margin-top:5px}.matchright-component .hours-content .contentarea .content-item .active-style{background:#11d664;color:#fff}.matchright-component .hours-content .contentarea .content-item .active-style span{color:#fff!important}.matchright-component .hours-content .contentarea .content-item .active-style:hover{background:#11d664}.matchright-component .hours-content .contentarea .content-item .active-style .down-ior{border-color:transparent #fff #fff transparent}.matchright-component .hours-content .contentarea .content-item .second-line{margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px}.matchright-component .hours-content .contentarea .content-item .second-line .second-line-left{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#96a1ba;height:24px;line-height:24px;cursor:pointer;max-width:180px}.matchright-component .hours-content .contentarea .content-item .second-line .second-line-left.rang{color:#fff}.matchright-component .hours-content .contentarea .content-item .second-line .second-line-left:hover{color:#11d664}.matchright-component .hours-content .contentarea .content-item .third-line{font-size:12px;margin-top:8px;height:17px;line-height:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.matchright-component .hours-content .contentarea .content-item .third-line .canvs{margin-right:10px}.matchright-component .hours-content .contentarea .content-item .third-line span{color:#96a1ba}.matchright-component .hours-content .contentarea .content-item .third-line .getDetail{cursor:pointer}.matchright-component .hours-content .contentarea .content-item .third-line .getDetail .live-icon{margin:0 5px 0 20px}.matchright-component .hours-content .contentarea .content-item .third-line .getDetail .live-icon .colorsOther{font-size:12px}.matchright-component .hours-content .contentarea .content-item .third-line .getDetail:hover span{color:#fff}.matchright-component .hours-content .contentarea .content-item .third-line .timer{color:#57697b;min-width:38px;margin-right:5px}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name{display:inline-block}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name>span{cursor:pointer}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name>span:hover{color:#fff}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name>.name{color:hsla(0,0%,100%,.1);text-align:right}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name .winner-line{display:-webkit-box;display:-ms-flexbox;display:flex;height:22px}.matchright-component .hours-content .contentarea .content-item .third-line .gemmer-name .winner-line .winner-line-left{color:#96a1ba;font-size:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.matchright-component .hours-content .contentarea .content-item .third-line .winner{-webkit-box-flex:1;-ms-flex:1;flex:1}.matchright-component .hours-content .contentarea .content-item.blueTheme{background:rgba(9,85,135,.06);margin-bottom:0;border-bottom:1px solid hsla(0,0%,100%,.05)}.matchright-component .hours-content .contentarea .content-item.blueTheme:last-child{border-bottom:none}.matchright-component.blueTheme .hours-content .contentarea .content-item .odds-style:hover{background-color:rgba(0,174,255,.1)}.matchright-component.blueTheme .hours-content .contentarea .content-item .odds-style span.odds-font{color:#00fffa}.matchright-component.blueTheme .hours-content .contentarea .content-item .odds-style.close{background:rgba(0,174,255,.1)}.matchright-component.blueTheme .hours-content .contentarea .content-item .active-style,.matchright-component.blueTheme .hours-content .contentarea .content-item .active-style:hover{background:linear-gradient(147deg,#00fee7,#00aafc)}.matchright-component.blueTheme .hours-content .contentarea .content-item .first-line .first-line-left:hover,.matchright-component.blueTheme .hours-content .contentarea .content-item .second-line .second-line-left:hover{color:#00fffa}.matchright-component .first-line-right,.matchright-component .second-line-right{display:-webkit-box;display:-ms-flexbox;display:flex}.matchright-component .first-line-right .bet-slot-com,.matchright-component .second-line-right .bet-slot-com{width:100px}.matchright-component .first-line-right .bet-slot-com .bet-item,.matchright-component .second-line-right .bet-slot-com .bet-item{padding:0 8px;width:100px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.matchright-component .first-line-right .bet-slot-com .bet-item .ratio,.matchright-component .second-line-right .bet-slot-com .bet-item .ratio{text-align:left}.matchright-component .first-line-right .bet-slot-com .bet-item .odds,.matchright-component .second-line-right .bet-slot-com .bet-item .odds{left:0}.pagination-arrow-components .warpper[data-v-2b094dcf]{font-size:12px;color:hsla(0,0%,100%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-arrow-components .warpper .nums[data-v-2b094dcf]{margin:0 6px}.pagination-arrow-components .warpper .nums .page[data-v-2b094dcf]{color:#11d664}.pagination-arrow-components .warpper .no-data .page[data-v-2b094dcf]{color:hsla(0,0%,100%,.5)}.pagination-arrow-components .warpper .el-icon-arrow-left[data-v-2b094dcf],.pagination-arrow-components .warpper .el-icon-arrow-right[data-v-2b094dcf]{font-size:15px}.pagination-arrow-components .warpper .disable[data-v-2b094dcf]{color:hsla(0,0%,100%,.5);cursor:no-drop}.pagination-arrow-components .warpper .active[data-v-2b094dcf]{cursor:pointer;color:#fff}.pagination-arrow-components.blueTheme .warpper .nums .page[data-v-2b094dcf]{color:#00fffa}.pagination-pages-components{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;color:hsla(0,0%,100%,.8);font-size:12px}.pagination-pages-components .total-count{margin-right:20px}.pagination-pages-components .el-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-pages-components .el-pagination .el-pager li{margin:0 5px;background:none;color:#fff;font-weight:400;min-width:21px;height:21px;line-height:21px;font-size:12px}.pagination-pages-components .el-pagination .el-pager li.active{background-image:linear-gradient(147deg,#11d664,#11d664);border-radius:50%}.pagination-pages-components .el-pagination .btn-next,.pagination-pages-components .el-pagination .btn-prev{background:50% no-repeat none;color:#fff;padding-top:2px}.pagination-pages-components .el-pagination button:disabled{background:none}.pagination-pages-components .el-pagination button:disabled .el-icon{color:hsla(0,0%,100%,.5)}.pagination-pages-components.blueTheme .el-pagination .el-pager li.active{background:#00fffa}.contentheader-component{height:48px;width:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.contentheader-component .pagination-arrow{margin-left:15px;margin-top:19px}.contentheader-component .header-left-area{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:30px;width:0}.contentheader-component .header-left-area .header-outerCon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.contentheader-component .header-left-area .header-outerCon .default-two{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.contentheader-component .header-left-area .header-outerCon .default-two .animate-line{width:18px;height:3px;left:0;background:#fff;position:absolute;left:35px;bottom:0;-webkit-transition:all .5s;transition:all .5s;z-index:88;display:none}.contentheader-component .header-left-area .header-outerCon .default-two .text-content{height:45px;line-height:45px;color:#96a1ba;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s;transition:all .5s;position:absolute;top:0;left:0;z-index:99}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title{height:45px;line-height:45px;cursor:pointer;font-size:14px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 15px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title .defand-num{font-size:12px;color:#96a1ba;position:relative;top:4px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title .show-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:keep-all}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title .show-item .iconArea{font-size:16px;position:relative;top:2px;margin-right:4px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title .show-item span{font-size:12px;position:relative;top:2px;left:-1px;color:#57697b;margin-left:5px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title .show-item .item-name{font-size:14px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active,.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title:hover .iconArea:before,.contentheader-component .header-left-area .header-outerCon .default-two .text-content .sport-title:hover span{color:#fff}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active:before{content:"";display:block;height:3px;width:18px;background:#fff;position:absolute;left:50%;bottom:-3px;z-index:2;margin-left:-9px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active .defand-num{color:#fff;margin-left:5px}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active .iconArea:before{color:#fff}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active .show-item:after{content:"";display:block;width:4px;height:4px;border-radius:50%;border:1px solid #11d664;right:-1px;top:10px;position:absolute;display:none}.contentheader-component .header-left-area .header-outerCon .default-two .text-content .is-active .show-item span{color:#fff}.contentheader-component .header-left-area .header-outerCon .left-arrow-area,.contentheader-component .header-left-area .header-outerCon .right-arrow-area{width:14px;line-height:48px;cursor:pointer}.contentheader-component .header-left-area .line-content{width:100%;height:3px;background:#11d664;position:absolute;left:0;bottom:0}.contentheader-component .header-left-area .line-content.blueTheme{background:linear-gradient(147deg,#00fee7,#00aafc)}.contentheader-component .viewChanges{margin-top:15px}.contentheader-component.blueTheme .viewChanges .active[class*=" xc-"]:before,.contentheader-component.blueTheme .viewChanges .active[class^=xc-]:before{color:#00fffa}.Rollingball-view .show-item:after{right:-13px!important}