.app-main[data-v-ecfe3980]{width:100%;height:100%;padding:20px;display:flex;flex-flow:column}.app-main .row-item[data-v-ecfe3980]{margin:20px 20px 0}.app-main .contract-div[data-v-ecfe3980]{display:flex;height:120px}.app-main .contract-div .contract-item[data-v-ecfe3980]{flex:1;margin:20px 0;border-left:1px solid #d8d8d8}.app-main .contract-div .contract-item .name-div[data-v-ecfe3980]{margin-left:20px;font-size:14px;font-weight:400;color:grey}.app-main .contract-div .contract-item .name-div .icon-span[data-v-ecfe3980]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:50%;margin-right:10px}.app-main .contract-div .contract-item .name-div .icon-span i[data-v-ecfe3980]{color:#004e9c}.app-main .contract-div .contract-item .number-div[data-v-ecfe3980]{display:flex;justify-content:space-between}.app-main .contract-div .contract-item .number-div h3[data-v-ecfe3980]{margin:10px 0 0 60px}.app-main .contract-div .contract-item .number-div i[data-v-ecfe3980]{font-size:32px;margin:5px 10px 0 0}.app-main .contract-div .contract-item h3[data-v-ecfe3980]{margin:10px 0 0 0;font-size:30px;font-weight:600;line-height:42px;text-align:center}.app-main .contract-div .contract-item h3 span[data-v-ecfe3980]{margin-left:5px;font-size:14px;line-height:20px}.app-main .contract-div .contract-item .red-color[data-v-ecfe3980]{color:#e66}.app-main .contract-div .contract-item .green-color[data-v-ecfe3980]{color:#91cc75}.app-main .contract-div .contract-item .blue-color[data-v-ecfe3980]{color:#004e9c}.app-main .contract-div .contract-item[data-v-ecfe3980]:first-child{border:none}.app-main .assessment[data-v-ecfe3980]{height:300px}.app-main .top-div[data-v-ecfe3980]{height:300px;padding:5px 0;overflow-y:auto}.app-main .top-div .top-item[data-v-ecfe3980]{width:100%;height:40px;border-bottom:1px solid #d8d8d8;display:flex;align-items:center}.app-main .top-div .top-item .rank-span[data-v-ecfe3980]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0 20px;border-radius:50%;border:1px solid #ccc;background:#f5f5f5}.app-main .top-div .top-item .name-span[data-v-ecfe3980]{display:inline-block;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-main .top-div .top-item .score-span[data-v-ecfe3980]{margin:0 20px}.app-main .top-div .top-item .i-span[data-v-ecfe3980]{margin-right:20px}.app-main .top-div .top-item .icona[data-v-ecfe3980]{color:#45c4ee}.app-main .top-div .top-item .iconb[data-v-ecfe3980]{color:#39d57b}.app-main .top-div .top-item .iconc[data-v-ecfe3980]{color:#ffa800}.app-main .top-div .top-item .icond[data-v-ecfe3980]{color:#ff6d01}.app-main .top-div .top-item .icone[data-v-ecfe3980]{color:#f72510}.app-main .df-contract[data-v-ecfe3980]{height:300px;display:flex}.app-main .df-contract .df-contract-left[data-v-ecfe3980]{flex:1}.app-main .df-contract .df-contract-right[data-v-ecfe3980]{width:200px}.app-main .df-contract .df-contract-right p[data-v-ecfe3980]{font-size:14px;font-weight:400;color:#212121}.app-main .df-contract .df-contract-right p span[data-v-ecfe3980]{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.app-main .df-contract .df-contract-right .right-p-one[data-v-ecfe3980]{margin-top:50px}.app-main .df-contract .df-contract-right .right-p-one span[data-v-ecfe3980]{background:#d4daf0}.app-main .df-contract .df-contract-right .right-p-two[data-v-ecfe3980]{margin-top:15px}.app-main .df-contract .df-contract-right .right-p-two span[data-v-ecfe3980]{background:#5470c7}.app-main .df-contract .df-contract-right .num-span[data-v-ecfe3980]{font-size:48px;font-weight:600}.app-main .df-contract .df-contract-right .upload-num[data-v-ecfe3980]{color:#5470c7}.app-main .df-contract .df-contract-right .noupload-num[data-v-ecfe3980]{color:#e66}