.selectPeriodPopper .el-select-dropdown__item{color:#333;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:400}.selectPeriodPopper .selected{background:#f6f7f9;color:#00418e}.selectPeriodPopper .hover{background:#f6f7f9}.rankDetailContain{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}.rankDetailContain .qrcode{width:100px;height:100px}.rankDetailContain .qrcodeText{color:#333;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:17px;margin-top:8px}.mainContainer[data-v-d7743db8]{background:#fff}.mainContainer .topContain[data-v-d7743db8]{position:relative}.mainContainer .topContain .topBg[data-v-d7743db8]{width:100%}.mainContainer .topContain .rankListContain[data-v-d7743db8]{width:1280px;position:absolute;left:50%;bottom:8px;margin-left:-640px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px;border:1px solid #fff;background:hsla(0,0%,100%,.8);padding:14px 8px 0 8px}.mainContainer .topContain .rankListContain .rankList[data-v-d7743db8]{color:#666;font-family:PingFang SC;font-size:21px;font-weight:400;line-height:34px;padding:0 16px;cursor:pointer}.mainContainer .topContain .rankListContain .rankLine[data-v-d7743db8]{border-radius:2px;width:48px;height:4px;margin:10px auto 0 auto}.mainContainer .topContain .rankListContain .active[data-v-d7743db8]{color:#333;font-size:24px;font-weight:500}.mainContainer .topContain .rankListContain .active .rankLine[data-v-d7743db8]{background:#00418e}.mainContainer .rankContain[data-v-d7743db8]{width:1280px;margin:0 auto;padding-bottom:80px}.mainContainer .rankContain .subListContain[data-v-d7743db8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.mainContainer .rankContain .subListContain .subList[data-v-d7743db8]{border-radius:8px;background:#f5f5f5;padding:0 24px;color:#666;font-family:PingFang SC;font-size:21px;font-weight:400;line-height:42px;margin-right:16px;cursor:pointer}.mainContainer .rankContain .subListContain .active[data-v-d7743db8]{background:#deeefe;color:#00418e}.mainContainer .rankContain .rankListContain[data-v-d7743db8]{border-radius:8px;border:1px solid #e6e6e6;margin-top:24px;padding:89px 182px 34px 182px;position:relative}.mainContainer .rankContain .rankListContain .selectContain[data-v-d7743db8]{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:25px;right:32px}.mainContainer .rankContain .rankListContain .selectContain[data-v-d7743db8] .selectPeriod{width:200px;border-radius:4px;margin-right:60px}.mainContainer .rankContain .rankListContain .selectContain[data-v-d7743db8] .selectPeriod .el-input__inner{background:#f6f7f9;border:0;color:#666;font-family:PingFang SC;font-size:18px;font-weight:400}.mainContainer .rankContain .rankListContain .selectContain[data-v-d7743db8] .selectPeriod .el-select__caret{background:#f6f7f9;color:#00418e}.mainContainer .rankContain .rankListContain .selectContain[data-v-d7743db8] .selectPeriod .el-input--suffix{margin:0}.mainContainer .rankContain .rankListContain .selectContain .ruleContain[data-v-d7743db8]{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-d7743db8]{color:#999;font-family:PingFang SC;font-size:18px;font-weight:400;margin-right:12px}.mainContainer .rankContain .rankListContain .selectContain .ruleContain .ruleIcon[data-v-d7743db8]{height:24px}.mainContainer .rankContain .rankListContain .rankItemsContain[data-v-d7743db8]{position:relative;padding-top:133px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem[data-v-d7743db8]{width:282px;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-d7743db8]{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-d7743db8]{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-d7743db8]{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-d7743db8]{width:110px;height:44px;border-radius:29.53px;border:1px solid #fff4db;padding:0!important;margin-top:45px}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-d7743db8]:focus,.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-d7743db8]:hover{background-color:#fff}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeItem .el-button[data-v-d7743db8] 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:21px;font-weight:400}.mainContainer .rankContain .rankListContain .rankItemsContain .topOne[data-v-d7743db8]{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-d7743db8]{border:4px solid #ffc55b}.mainContainer .rankContain .rankListContain .rankItemsContain .topOne.noCount[data-v-d7743db8]{background:url(../img/no1no.f996ab1a.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .topThreeContain[data-v-d7743db8]{height:305px}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain[data-v-d7743db8]{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-d7743db8]: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-d7743db8]{border:4px solid #d8d8d8}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:first-child.noCount[data-v-d7743db8]{background:url(../img/no2no.a7ecffaa.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem[data-v-d7743db8]: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-d7743db8]{border:4px solid #ffa27d}.mainContainer .rankContain .rankListContain .rankItemsContain .twoThreeContain .topThreeItem:nth-child(2).noCount[data-v-d7743db8]{background:url(../img/no3no.5df82822.png) no-repeat;background-size:100% 100%}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] th{color:#999;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:49px}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] th:nth-child(2){padding-left:57px}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] th:nth-last-child(2){padding-left:0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] .el-table__body tr:hover>td{background-color:#fff!important}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td{padding:17px 0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] 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-d7743db8] td .count{color:#e9cb9f;font-family:Source Han Sans CN;font-size:27px;font-weight:500}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td .nameContain{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-d7743db8] td .nameContain .avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:19px;border:3px solid #ffe2b3}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td .nameContain .nickName{color:#333;font-family:Source Han Sans CN;font-size:24px;font-weight:500}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td:nth-child(3) .cell{color:#333;font-family:PingFang SC;font-size:24px;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-d7743db8] td:nth-child(4) .cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td:nth-child(4) .cell .el-button span{color:#666;text-align:center;-webkit-font-feature-settings:"liga" off,"clig" off;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:24px!important;font-weight:400}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td:nth-child(4) .cell .el-button{width:110px;height:44px;border-radius:29.53px;background-color:#f6f7f9;padding:0!important;border:0}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td:nth-child(4) .cell .el-button:focus,.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td:nth-child(4) .cell .el-button:hover{background-color:#f6f7f9;border:0;color:#666}.mainContainer .rankContain .rankListContain .rankItemsContain .el-table[data-v-d7743db8] td .shareBtnContain{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainContainer .rankContain .rankListContain .rankItemsContain .moreRankItem[data-v-d7743db8]{color:#999;text-align:center;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:25px;cursor:pointer;padding-top:28px}.mainContainer .ruleTextContain[data-v-d7743db8]{border-radius:16px;background:#f6f7f9;width:940px;height:90vh;padding:64px 32px 32px 32px;position:fixed;top:5vh;left:50%;margin-left:-470px;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-d7743db8]{height:24px;position:absolute;right:24px;top:24px;cursor:pointer}.mainContainer .ruleTextContain .ruleTitle[data-v-d7743db8]{color:#333;text-align:center;font-family:PingFang SC;font-size:28px;font-weight:500;line-height:39px}.mainContainer .ruleTextContain .rules[data-v-d7743db8]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;border-radius:16px;background:#fff;padding:32px 27px;color:#333;font-family:PingFang SC;font-size:18px;font-weight:400;line-height:26px;margin-top:48px;white-space:pre-wrap;overflow-y:scroll}