.selectPeriodPopper .el-select-dropdown__item{color:#333;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:400}.selectPeriodPopper .selected{background:#fffcf4;color:#c87c0e}.selectPeriodPopper .hover{background:#fffcf4}.rankPopver{height:109px!important;width:226px!important;min-width:226px!important;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAAB1CAMAAACcTTbpAAABLFBMVEVHcEwAAABAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkJCQAAACAgIAVFRX///9VVVUAAAAAAAAQEBAAAAAAAAAAAAD/+O3/+O0gICD/+O0AAAAAAAD+9+zR0bn99+v99+z17eT/+O399uv99+vZz8r69OpoaF338Of99uv+9+z17+b+9+z79OlVVVX89On48ubv6d/V1dX99uv89ekUFBT68ej78uf79On27+Xo49lzc2b27eT+9+z48Obe2M/38eX99uvu5t3Y2MT/9+338OXe1c399+2qqqr89erUzMQcHBzv6t//+O2AgHT/+O3Wzsf17+P/+O389evv6d96b2/m5sz07+P/+Oz99uv57uP/+O389equqKL99uv68udtbWH+9+zJxbz28uT/+O392KNbAAAAY3RSTlMAAgQIDBADAQcEBwYCDAEDCQUQCgsP/P0I+g0Oxwubl57appo1YRad5NmgyckMyZt/DNqYDTd3zZNlFDjbm1WfjR4N+qk9mQbbQQkw+xb2RJ3lmFAXCp342y7Y3CmPjRXSOTmjWX8mAAADQElEQVR42u2dZ5ujIBDHA2QHUTfqmrJ9r/fee++99873/w5n1F1jyV32XtyTzMz/SUwgiP6eQRgIYqtFTrqjMwnt+3pEowGRv7NNXSJ9+UUCv0jpF1lsW+Wd6pmWDj9UZzyn/rjxacki0ZOdG2fHwOqT9wYWl9bf6ibQtVWLTqu36qgdsW4RareooYrLGEHt4LGolt3gFUpSexrKRtXCXMFJelD6ukwa9XGSLkXlK1WDZ5HKC8qkxsFK6kCFVGElVaZMKvHatEqqqJAC2xQfqcOks65FQ6U9dU2pO+4bMqWXSRGSKrbpzJPKEqlA7OHT7bVx3YvtOkXsOVR64oJJEdZIdDwHl+teJmXPYcrrXi69XHq59E6hqmODwO0pvtKryJC6VEglt6foSIFMjUTnn2KziJX0tRREaqT+uZLji7hGsnbXmiZCag/f1ERI7ctfWtMgtc/2UiG19sZ9TYTUfhVUSH9kjQ0B0m+ZB4Gf9MJRk07eFshJ319s5/4vYg9/qAPP22E+Sx136T3/JQHNHX3UNr2zLwEF0cHeyvRPrHRVBJvuIGLSa2dipwDFTLocOyYg0ZfpOmb0LijEs3QeeVTGHBTVOWb8nziTMuk0kvL8Xrbp7LanQNSmgsx1KvgeKIQ2VWRsyu0pk85s/5RnXuEjlew58OgKX6dTTxrw7HSukWaIVFC501byim3obEp2xIzQim085sB9mRm26RJO0H59zOEUTtIPlRXbEpsex0l6teo5gLdngJL0bmX93paIwv0YQa+HlTWZW36knh7DB3rkkjJ+Ze108MLvh5BxDna8CT2oLoif9Nvi5YfvPqNZWPz2gxc/l2MHRO1hDsJ4cXel15sraWFurhZRi/t31bLqNUf/aZ+F5hS93ko7dE39GQct7RtPxd1uu6750sfYcFNwvjlJQ8z8X/cYv2/TL904VF4T6PChK2Aiz6nJddOtM5ncSZO5kySf9Kh52uRU1eYJO15koBE0LcECwEiTCrY+IP8OUITlcAMg0xi5+UOSYhgFxS4myLLJM82j01AARf7JVubBLAsjZX4CMssrzd5kZwcSinwgz3TkHLMUgRjHmdl1EnX0/1Vne4feStMirN9by9MgBnBElgAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin-right:0!important}.rankPopver .popper__arrow{display:none!important}.rankPopver .rankDetailContain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rankPopver .rankDetailContain .qrcode{width:80px;height:80px;margin-right:9px}.rankPopver .rankDetailContain .qrcodeText{color:#333;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:17px;margin-top:8px}body[data-v-5664bd60]{overflow-x:hidden}.mainContainer[data-v-5664bd60]{background:#f5f5f5;position:relative;padding:465px 0 20px 0;overflow-x:hidden}.mainContainer .topBg[data-v-5664bd60]{width:1920px;height:534px;position:absolute;top:0;left:50%;margin-left:-960px;max-width:1920px!important}.mainContainer .mainContain[data-v-5664bd60]{width:1140px;margin:0 auto;border-radius:12px;position:relative;background:url(../img/navBg.8ff204c0.png) no-repeat;background-size:100% auto;background-color:#fff}.mainContainer .navContain[data-v-5664bd60]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainContainer .navContain .rankList[data-v-5664bd60]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}.mainContainer .navContain .rankList .activeIconContain[data-v-5664bd60]{width:22px}.mainContainer .navContain .rankList .rankListTitle[data-v-5664bd60]{color:#333;font-family:PingFang SC;font-size:20px;font-weight:400;padding:0 4px}.mainContainer .navContain .rankList .activeIcon[data-v-5664bd60]{width:22px}.mainContainer .navContain .active .rankListTitle[data-v-5664bd60]{color:#c87c0e;font-weight:500}.mainContainer .rankContain[data-v-5664bd60]{padding-bottom:80px;position:relative;padding:0 24px}.mainContainer .rankContain .subListContain[data-v-5664bd60]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid rgba(0,0,0,.10196078431372549)}.mainContainer .rankContain .subListContain .el-carousel[data-v-5664bd60]{width:1092px}.mainContainer .rankContain .subListContain .el-carousel .el-carousel__item[data-v-5664bd60]{width:calc(100% - 72px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:36px;-ms-flex-wrap:wrap;flex-wrap:wrap}.mainContainer .rankContain .subListContain .el-carousel[data-v-5664bd60] .el-carousel__arrow--left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEVHcEwzMzMzMzMwMDA0NDQzMzMkJCQzMzMuLi4qKiozMzM3Nzc5OTnKfUZwAAAADXRSTlMA3+0gMTIHmgsMlQ4STIAc6wAAAC9JREFUGNNjYCAfTENiM0shcQxVkSSEAkiU4EGW4BZyQDZYBdlK8qTEkb3QRq7fAXKIBZR2Kz1oAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;left:0;height:24px}.mainContainer .rankContain .subListContain .el-carousel[data-v-5664bd60] .el-carousel__arrow--left .el-icon-arrow-left{display:none}.mainContainer .rankContain .subListContain .el-carousel[data-v-5664bd60] .el-carousel__arrow--right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEVHcEwzMzMwMDAzMzM0NDQzMzMkJCQqKiozMzMuLi4zMzM5OTk3NzcFSuwZAAAADXRSTlMA3yDtMTIHDJULmhIOagjqNAAAADJJREFUGNNjYCATZCJzFiogcYKFkDishuRJHUBwWAw3IDjOQsgSCiRKMDQiW5nOQD4AALGNB5Kep3rMAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;right:0;height:24px}.mainContainer .rankContain .subListContain .el-carousel[data-v-5664bd60] .el-carousel__arrow--right .el-icon-arrow-right{display:none}.mainContainer .rankContain .subListContain .subList[data-v-5664bd60]{color:#333;font-family:PingFang SC;font-size:16px;font-weight:400;line-height:34px;padding:0 16px;border-radius:100px;background:#fff;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;margin:0 12px}.mainContainer .rankContain .subListContain .active[data-v-5664bd60]{background:#fff0b8;color:#c87c0e}.mainContainer .rankContain .rankListContain[data-v-5664bd60]{padding:89px 88px 34px 88px;position:relative}.mainContainer .rankContain .rankListContain .selectContain[data-v-5664bd60]{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;position:absolute;top:32px;right:0}.mainContainer .rankContain .rankListContain .selectContain[data-v-5664bd60] .selectPeriod{width:143px;border-radius:4px;margin-right:24px}.mainContainer .rankContain .rankListContain .selectContain[data-v-5664bd60] .selectPeriod .el-input__inner{background:#f6f7f9;border:0;color:#666;font-family:PingFang SC;font-size:14px;font-weight:400;height:28px;line-height:28px}.mainContainer .rankContain .rankListContain .selectContain[data-v-5664bd60] .selectPeriod .el-select__caret{background:#f6f7f9;color:#666;line-height:28px}.mainContainer .rankContain .rankListContain .selectContain[data-v-5664bd60] .selectPeriod .el-input--suffix{margin:0}.mainContainer .rankContain .rankListContain .selectContain .ruleContain[data-v-5664bd60]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.mainContainer .rankContain .rankListContain .selectContain .ruleContain .ruleTitle[data-v-5664bd60]{color:#999;font-family:PingFang SC;font-size:14px;font-weight:400;margin-right:3px}.mainContainer .rankContain .rankListContain .selectContain .ruleContain .ruleIcon[data-v-5664bd60]{height:20px}.mainContainer .rankContain .rankListContain .normalContain[data-v-5664bd60]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:3px}.mainContainer .rankContain .rankListContain .normalContain .normalItem[data-v-5664bd60]{width:calc(50% - 12px);border-radius:8px;background:#f7f7f7;padding:16px;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainContainer .rankContain .rankListContain .normalContain .normalItem .avatar[data-v-5664bd60]{width:80px;height:80px;border-radius:100px;-o-object-fit:cover;object-fit:cover;margin-right:16px}.mainContainer .rankContain .rankListContain .normalContain .normalItem .introContain[data-v-5664bd60]{-webkit-box-flex:1;-ms-flex:1;flex:1}.mainContainer .rankContain .rankListContain .normalContain .normalItem .introContain .nickName[data-v-5664bd60]{width:210px;color:#333;font-family:PingFang SC;font-size:20px;font-weight:500;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainContainer .rankContain .rankListContain .normalContain .normalItem .introContain .description[data-v-5664bd60]{width:210px;color:#999;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainContainer .rankContain .rankListContain .normalContain .normalItem .el-button[data-v-5664bd60]{width:88px;height:38px;border-radius:29.53px;border:0;padding:0!important;margin-left:16px}.mainContainer .rankContain .rankListContain .normalContain .normalItem .el-button[data-v-5664bd60]:focus,.mainContainer .rankContain .rankListContain .normalContain .normalItem .el-button[data-v-5664bd60]:hover{background-color:#fff}.mainContainer .rankContain .rankListContain .normalContain .normalItem .el-button[data-v-5664bd60] span{color:#c87c0e;text-align:center;-webkit-font-feature-settings:"liga" off,"clig" off;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:16px;font-weight:400}.mainContainer .rankContain .rankListContain .rankItemsContain[data-v-5664bd60]{position:relative;padding-top:133px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem[data-v-5664bd60]{width:266px;height:339px;position:relative;padding-top:82px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .avatar[data-v-5664bd60]{width:124px;height:124px;border-radius:50%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:-56px;margin-left:-62px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .nickName[data-v-5664bd60]{color:#333;text-align:center;font-family:PingFang SC;font-size:24px;font-weight:500;line-height:50.63px;letter-spacing:.24p}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .score[data-v-5664bd60]{color:#666;text-align:center;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:25px;margin-top:5px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-5664bd60]{width:88px;height:42px;border-radius:29.53px;border:1px solid #fff4db;padding:0!important;margin-top:45px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-5664bd60]:focus,.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-5664bd60]:hover{background-color:#fff}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-5664bd60] span{color:#c87c0e;text-align:center;-webkit-font-feature-settings:"liga" off,"clig" off;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:20px;font-weight:400}.mainContainer .rankContain .rankListContain .rankItemsContain .topOne[data-v-5664bd60]{background:url(../img/no1.4d0d68fc.png) no-repeat;background-size:100% 100%;position:absolute;left:50%;top:63px;margin-left:-141px}.mainContainer .rankContain .rankListContain .rankItemsContain .topOne .avatar[data-v-5664bd60]{border:4px solid #ffc55b}.mainContainer .rankContain .rankListContain .rankItemsContain .topOne.noCount[data-v-5664bd60]{background:url(../img/no1no.f996ab1a.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeContain[data-v-5664bd60]{height:305px}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain[data-v-5664bd60]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem[data-v-5664bd60]:first-child{background:url(../img/no2.eca0686f.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:first-child .avatar[data-v-5664bd60]{border:4px solid #d8d8d8}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:first-child.noCount[data-v-5664bd60]{background:url(../img/no2no.a7ecffaa.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem[data-v-5664bd60]:nth-child(2){background:url(../img/no3.4f485010.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:nth-child(2) .avatar[data-v-5664bd60]{border:4px solid #ffa27d}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:nth-child(2).noCount[data-v-5664bd60]{background:url(../img/no3no.5df82822.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] th{color:#999;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:49px}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] th:nth-child(2){padding-left:57px}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] th:nth-last-child(2){padding-left:0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] .el-table__body tr:hover>td{background-color:#fff!important}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td{padding:17px 0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .count{color:#e9cb9f;font-family:Source Han Sans CN;font-size:20px;font-weight:500}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .nameContain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .nameContain .avatar{width:68px;height:68px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:19px}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .nameContain .nameContainInner{width:calc(100% - 87px)}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .nameContain .nameContainInner .nickName{color:#333;font-family:Source Han Sans CN;font-size:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .nameContain .nameContainInner .description{color:#999;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(3) .cell{color:#333;font-family:PingFang SC;font-size:20px;font-weight:400;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(4) .cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(4) .cell .el-button span{color:#c87c0e;text-align:center;-webkit-font-feature-settings:"liga" off,"clig" off;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:16px!important;font-weight:400}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(4) .cell .el-button{width:80px;height:38px;border-radius:100px;background-color:#fff8ed;padding:0!important;border:0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(4) .cell .el-button:focus,.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td:nth-child(4) .cell .el-button:hover{background-color:#fff8ed;border:0;color:#c87c0e}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .shareBtnContain{width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff8ed;border-radius:100px;overflow:hidden}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .shareBtnContain .el-button{border:0;background:#fff8ed}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-5664bd60] td .shareBtnContain .el-button span{font-family:PingFang SC;font-size:16px;font-weight:400;color:#c87c0e}.mainContainer .rankContain .rankListContain .rankItemsContain .moreRankItem[data-v-5664bd60]{color:#999;text-align:center;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:25px;cursor:pointer;padding-top:28px}.mainContainer .ruleMask[data-v-5664bd60]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7019607843137254);z-index:2}.mainContainer .ruleTextContain[data-v-5664bd60]{border-radius:16px;background:url(../img/ruleBg.e9fa2c99.png) no-repeat;background-size:100% auto;background-color:#f5f5f5;width:720px;height:90vh;padding:173px 20px 20px 20px;position:fixed;top:5vh;left:50%;margin-left:-360px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mainContainer .ruleTextContain .closeIcon[data-v-5664bd60]{height:24px;position:absolute;right:20px;top:20px;cursor:pointer}.mainContainer .ruleTextContain .rules[data-v-5664bd60]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;border-radius:16px;background:#fff;padding:20px;color:#333;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;white-space:pre-wrap;overflow-y:auto}