.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}.match-list-components[data-v-10031ffa]{position:relative}.all-area-component[data-v-2cd012b9]{padding-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:6px}.all-area-component .title[data-v-2cd012b9]{font-size:13px;color:#57697b;text-align:left;line-height:46px;height:34px}.all-area-component .rightarea[data-v-2cd012b9]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.all-area-component .rightarea .can-chose[data-v-2cd012b9]{margin-top:10px;margin-right:10px;font-size:13px;color:#96a1ba;padding:0 10px;height:24px;line-height:24px;cursor:pointer}.all-area-component .rightarea .can-chose[data-v-2cd012b9]:hover{color:#fff}.all-area-component .rightarea .is-active[data-v-2cd012b9]{background:#11d664;color:#fff}.all-area-component .more-select[data-v-2cd012b9]{width:36px;height:20px;border:1px solid #11d664;color:#fff;text-align:center;line-height:19px;font-size:12px;margin-top:16px}.all-area-component.blueTheme .rightarea .is-active[data-v-2cd012b9]{background:linear-gradient(147deg,#00fee7,#00aafc)}.slider-down[data-v-3ae85f4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;position:absolute;top:29px;right:5px;left:64px;border-radius:2px;height:347px}.slider-down .recommend-league[data-v-3ae85f4e]{height:58px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee}.slider-down .recommend-league .rec-league-name[data-v-3ae85f4e]{text-align:center;font-size:14px;font-weight:600;color:#1b343f;width:auto}.slider-down .recommend-league .rec-league-right[data-v-3ae85f4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:58px;overflow:auto}.slider-down .recommend-league .rec-league-right .league-show-name[data-v-3ae85f4e]{height:22px;line-height:22px;cursor:pointer;font-size:12px;color:#879499;margin-left:20px}.slider-down .recommend-league .rec-league-right .league-show-name .image-area[data-v-3ae85f4e]{width:12px;height:12px;line-height:12px;display:inline-block;margin-right:6px;vertical-align:middle;margin-top:-2px}.slider-down .recommend-league .rec-league-right .league-show-name[data-v-3ae85f4e]:hover{color:#11d664}.slider-down .content-area[data-v-3ae85f4e]{height:249px;width:100%}.slider-down .content-area .ps[data-v-3ae85f4e]{width:100%;background:#f6f6f6}.slider-down .content-area .ps .contents[data-v-3ae85f4e]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.slider-down .content-area .ps .contents[data-v-3ae85f4e]:last-child{border-bottom:none}.slider-down .content-area .ps .contents .league-name-area[data-v-3ae85f4e]{text-align:center;padding-left:25px;padding-right:25px;width:62px}.slider-down .content-area .ps .contents .rec-league-right[data-v-3ae85f4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 0;-webkit-box-flex:1;-ms-flex:1;flex:1}.slider-down .content-area .ps .contents .isactive[data-v-3ae85f4e]{color:#11d664;position:relative}.slider-down .content-area .ps .contents .isactive[data-v-3ae85f4e]:before{content:"";display:block;height:6px;width:4px;background:#11d664;position:absolute;left:0;top:50%;margin-top:-3px}.slider-down .content-area .ps .contents .league-right-area[data-v-3ae85f4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.slider-down .content-area .ps .contents .league-right-area .league-show-name[data-v-3ae85f4e]{height:24px;line-height:24px;white-space:nowrap;margin-right:20px;cursor:pointer;font-size:12px;color:#19323d}.slider-down .content-area .ps .contents .league-right-area .league-show-name .image-area[data-v-3ae85f4e]{width:12px;height:12px;line-height:12px;display:inline-block;margin-right:6px;vertical-align:middle;margin-top:-2px}.slider-down .content-area .ps .contents .league-right-area .league-show-name[data-v-3ae85f4e]:hover{color:#11d664}.slider-down .footer-area[data-v-3ae85f4e]{height:40px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #eee}.slider-down .footer-area .footer-left[data-v-3ae85f4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:213.5px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.slider-down .footer-area .footer-left div[data-v-3ae85f4e]{margin-left:20px;color:#19323d;line-height:40px;font-size:12px;cursor:pointer}.slider-down .footer-area .footer-left div .image-area[data-v-3ae85f4e]{width:12px;height:12px;line-height:12px;display:inline-block;margin-right:6px;vertical-align:middle;margin-top:-2px}.slider-down .footer-area .footer-right[data-v-3ae85f4e]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px;margin-right:15px}.slider-down .footer-area .footer-right div[data-v-3ae85f4e]{width:60px;height:24px;line-height:24px;border-radius:2px;text-align:center;font-size:12px;cursor:pointer}.slider-down .footer-area .footer-right .cancel[data-v-3ae85f4e]{color:#1f3944;background:#e6e9ea;margin-right:10px}.slider-down .footer-area .footer-right .confirm[data-v-3ae85f4e]{background:#11d664;color:#fff}.slider-down.blueTheme .content-area .ps .contents .isactive[data-v-3ae85f4e]{color:#18c2f0}.slider-down.blueTheme .content-area .ps .contents .isactive[data-v-3ae85f4e]:before{background:#18c2f0}.slider-down.blueTheme .content-area .ps .contents .league-right-area .league-show-name[data-v-3ae85f4e]:hover{color:#18c2f0}.slider-down.blueTheme .footer-area .footer-right .confirm[data-v-3ae85f4e]{background:linear-gradient(147deg,#00fee7,#00aafc)}.slider-down.blueTheme .recommend-league .rec-league-right .league-show-name[data-v-3ae85f4e]:hover{color:#18c2f0}.all-league-component[data-v-2353c95b]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:100;margin-top:10px;margin-bottom:20px}.all-league-component .title[data-v-2353c95b]{font-size:13px;color:#57697b;text-align:left;line-height:35px;height:34px}.all-league-component .rightarea[data-v-2353c95b]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-height:63px;overflow:hidden;text-overflow:ellipsis}.all-league-component .rightarea .addLeague[data-v-2353c95b]{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#96a1ba;padding:0 10px;height:24px;line-height:24px}.all-league-component .rightarea .can-chose[data-v-2353c95b]{font-size:13px;color:#96a1ba;padding:0 10px;height:24px;line-height:24px;cursor:pointer;margin:5px 10px 0 0}.all-league-component .rightarea .can-chose .count-show[data-v-2353c95b]{font-size:12px;padding-left:2px;position:relative;top:1px;color:#57697b}.all-league-component .rightarea .can-chose[data-v-2353c95b]:hover{color:#fff}.all-league-component .rightarea .is-active[data-v-2353c95b]{background:#11d664;color:#fff}.all-league-component .rightarea .is-active .count-show[data-v-2353c95b]{color:#fff}.all-league-component .more-select[data-v-2353c95b]{margin:5px 5px;padding:0 10px;height:24px;border:1px solid #11d664;color:#fff;text-align:center;line-height:23px;font-size:12px;cursor:pointer}.all-league-component .more-select .moreStyle[data-v-2353c95b]{margin-left:5px;-webkit-transition:all .4s;transition:all .4s}.all-league-component .more-select .transforms[data-v-2353c95b]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.all-league-component .other-area[data-v-2353c95b]{background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;height:360px;margin-top:15px;border-radius:2px}.all-league-component .other-area .header-area[data-v-2353c95b]{height:70px}.all-league-component .other-area .otherarea-content[data-v-2353c95b]{height:249px;width:100%;background:#f6f6f6;border-bottom:1px solid #d2d7da}.all-league-component .other-area .otherarea-footer[data-v-2353c95b]{height:40px}.all-league-component.blueTheme .rightarea .is-active[data-v-2353c95b]{background:linear-gradient(147deg,#00fee7,#00aafc)}.all-league-component.blueTheme .more-select[data-v-2353c95b]{border-color:#00fffa}.comboview[data-v-4faff46d]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10px}.comboview .center-content[data-v-4faff46d]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}