.main[data-v-4683a272]{padding:8px;font-family:PingFang SC;background:#fff}.gutter-box[data-v-4683a272]{height:calc(100vh - 118px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bottom[data-v-4683a272],.main-top[data-v-4683a272]{background-color:#fff;-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.05);box-shadow:0 0 7px 1px rgba(0,0,0,.05);border-radius:0 0 0 0;border:1px solid #eee}.main-bottom[data-v-4683a272]{margin-top:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.content-head[data-v-4683a272]{height:50px;background-position:0;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-head span[data-v-4683a272]{font-weight:700;font-size:15px}.content-head span[data-v-4683a272],.table[data-v-4683a272]{font-family:PingFang SC;color:#333;text-align:left;font-style:normal;text-transform:none}.table[data-v-4683a272]{font-weight:400;font-size:14px;padding-bottom:17px}.table-head[data-v-4683a272]{padding-left:17px;background:#eee;border-radius:0 0 0 0;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-row-hb[data-v-4683a272],.table-row[data-v-4683a272]{padding-left:17px;margin:3px 0;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-row[data-v-4683a272]:hover{background-color:rgba(254,222,222,.5)}.table-row-hb[data-v-4683a272]:hover{background-color:rgba(219,231,254,.5)}.table-line[data-v-4683a272]{border-bottom:1px solid #f6f6f6}.user-head[data-v-4683a272]{width:24px;border-radius:50%;margin-right:4px}.main-centre-top[data-v-4683a272]{padding:18px}.main-centre-top .title[data-v-4683a272]{height:60px;background-image:url(https://publicfile.mshclass.com/Production/CrmOther/1826466030214451200_centre-top-img.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8px}.main-centre-top .title span[data-v-4683a272]{font-family:PingFang SC;font-weight:700;font-size:26px;color:#333;line-height:0;text-align:center;font-style:normal;text-transform:none}.main-centre-top .total-rank[data-v-4683a272]{height:190px;width:100%;background-image:url(https://publicfile.mshclass.com/Production/CrmOther/1826492888775659520_tatal-rank-img.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.main-centre-top .total-rank .title[data-v-4683a272]{width:100%;font-family:PingFang SC;font-weight:400;font-size:14px;color:#368af8;text-align:left;font-style:normal;text-transform:none;height:12px;background-image:url()}.main-centre-top .total-rank .rank-data[data-v-4683a272]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:70%;margin:auto;margin-top:12px;height:30px;padding:0 13%;background:-webkit-gradient(linear,left top,right top,from(rgba(169,199,238,.01)),color-stop(50%,#eef4fd),to());background:linear-gradient(90deg,rgba(169,199,238,.01),#eef4fd 50%,rgba(169,199,238,.01));position:relative}.main-centre-top .total-rank .rank-data .rank-data-right[data-v-4683a272]{width:50%;text-align:center}.main-centre-top .total-rank .rank-data .rank-data-right[data-v-4683a272]:before{content:"";position:absolute;left:50%;top:20%;bottom:0;height:60%;border-left:1px solid rgba(54,168,248,.2)}.main-centre-top .total-rank .rank-data span[data-v-4683a272]{font-weight:400;font-size:14px;color:#333;line-height:33px;z-index:9999;text-align:left;font-style:normal;text-transform:none}.main-centre-top .total-rank .rate[data-v-4683a272]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:90px}.main-centre-top .total-rank .rate .number[data-v-4683a272]{font-weight:800;font-size:60px;color:#368af8;text-align:left;font-style:normal;text-transform:none}.main-centre-top .total-rank .rate .per[data-v-4683a272]{font-weight:400;font-size:14px;color:#368af8;line-height:126px;text-align:left;font-style:normal;text-transform:none}.main-centre-top .total-rank .remark[data-v-4683a272]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-centre-top .total-rank .remark div[data-v-4683a272]{background:#f1f7ff;border-radius:5px 5px 5px 5px}.main-centre-top .total-rank .remark div span[data-v-4683a272]{padding:20px;font-weight:400;font-size:12px;color:#368af8;line-height:33px;text-align:left;font-style:normal;text-transform:none}.main-centre-top .rank-team[data-v-4683a272]{margin-top:16px;height:150px;width:100%;background-image:url(https://publicfile.mshclass.com/Production/CrmOther/1826511406455853056_team.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.main-centre-top .rank-team .name[data-v-4683a272]{font-weight:700;font-size:17px;color:#333;text-align:left;font-style:normal;text-transform:none;margin-bottom:25px}.main-centre-top .rank-team .progress[data-v-4683a272]{display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-centre-top .rank-team .progress .progress-number[data-v-4683a272]{font-weight:800;font-size:40px;text-align:left;font-style:normal;text-transform:none}.main-centre-top .rank-team .progress .progress-per[data-v-4683a272],.text[data-v-4683a272]{font-weight:400;font-size:14px;text-align:left;font-style:normal;text-transform:none}.text[data-v-4683a272]{color:#333}