.chartRef[data-v-75b103ef],.chartRef[data-v-17624152],.chartRef[data-v-b0db8a9c]{width:100%;height:100%}.chartRef[data-v-27b81e90]{width:100%;height:calc(100% - 20px)}.main-bg[data-v-5959ac45]{box-sizing:border-box}.main-bg .background-shadow[data-v-5959ac45]{background:#001134;box-shadow:inset 0 0 20px 0 rgba(42,112,239,.28)}.main-bg .top-content[data-v-5959ac45]{height:640px;display:flex;margin:16px}.main-bg .top-content-left[data-v-5959ac45]{flex:1;display:flex;flex-direction:column}.main-bg .top-content-left .numInfo[data-v-5959ac45]{display:flex;align-items:center;justify-content:center;margin-top:32px}.main-bg .top-content-left .numInfo-left[data-v-5959ac45]{width:60%}.main-bg .top-content-left .numInfo-left .number[data-v-5959ac45]{display:inline-block;height:46px;line-height:46px;background:#0078fd;font-size:24px;font-weight:500;color:#fff;margin-right:8px;text-align:center;padding:0 16px}.main-bg .top-content-left .numInfo-right[data-v-5959ac45]{flex:1}.main-bg .top-content-left .numInfo-right .number[data-v-5959ac45]{display:inline-block;height:46px;line-height:46px;background:#ff366b;font-size:24px;font-weight:500;color:#fff;margin-right:8px;text-align:center;padding:0 16px}.main-bg .top-content-left .numInfo-right .tag[data-v-5959ac45]{background:#ff366b!important}.main-bg .top-content-left .numInfo .tag[data-v-5959ac45]{display:inline-block;width:38px;height:46px;line-height:46px;background:#0078fd;font-size:24px;font-weight:500;color:#fff;margin-right:8px;text-align:center}.main-bg .top-content-left .chart[data-v-5959ac45]{margin-top:12px;flex:1}.main-bg .top-content-right[data-v-5959ac45]{width:624px;margin-left:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.main-bg .top-content-right .rank[data-v-5959ac45]{box-sizing:border-box;width:100%;height:88px;margin-bottom:16px;margin-top:16px;display:flex}.main-bg .top-content-right .rank-item[data-v-5959ac45]{flex:1}.main-bg .top-content-right .rank-item-num[data-v-5959ac45]{font-size:12px;font-weight:400;color:#fff;line-height:17px;text-align:center;margin-bottom:5px}.main-bg .top-content-right .rank-item-name[data-v-5959ac45]{font-size:16px;font-weight:600;color:#fff;line-height:22px;text-align:center}.main-bg .top-content-right .distance[data-v-5959ac45]{box-sizing:border-box;width:100%;height:208px}.main-bg .top-content-right .distance .pieChart[data-v-5959ac45]{display:flex;height:100%}.main-bg .top-content-right .distance .pieChart>div[data-v-5959ac45]{flex:1;display:flex}.main-bg .top-content-right .distance .pieChart>div .pie[data-v-5959ac45]{width:50%;height:calc(100% - 28px)}.main-bg .top-content-right .distance .pieChart>div .section[data-v-5959ac45]{width:50%;padding-top:40px;height:calc(100% - 28px)}.main-bg .top-content-right .distance .pieChart>div .section>div[data-v-5959ac45]{text-align:center;margin-bottom:8px}.main-bg .top-content-right .distance .pieChart>div .section span[data-v-5959ac45]{font-size:13px;font-weight:400;color:#fff;line-height:18px}.main-bg .top-content-right .distance .pieChart>div .section span.short[data-v-5959ac45]:after{content:"";display:inline-block;width:10px;height:6px;background:#ff366b;margin-left:8px;margin-right:24px}.main-bg .top-content-right .distance .pieChart>div .section span.medicm[data-v-5959ac45]:after{content:"";display:inline-block;width:10px;height:6px;background:#646ce9;margin-left:8px;margin-right:24px}.main-bg .top-content-right .distance .pieChart>div .section span.long[data-v-5959ac45]:after{content:"";display:inline-block;width:10px;height:6px;background:#f09724;margin-left:8px;margin-right:24px}.main-bg .top-content-right .item[data-v-5959ac45]{box-sizing:border-box;width:100%;height:312px;display:flex}.main-bg .top-content-right .item>div[data-v-5959ac45]{flex:1}.main-bg .top-content-right .item .chart[data-v-5959ac45]{height:100%}.main-bg .bottom-content[data-v-5959ac45]{height:312px;margin:16px;box-sizing:border-box}.main-bg .bottom-content .chart[data-v-5959ac45]{height:calc(100% - 42px);box-sizing:border-box}.main-bg .legend[data-v-5959ac45]{text-align:right;width:100%;box-sizing:border-box}.main-bg .legend span[data-v-5959ac45]{font-size:13px;font-weight:400;color:#fff;line-height:18px;margin-left:18px}.main-bg .legend span[data-v-5959ac45]:first-child:after{content:"";display:inline-block;width:10px;height:6px;background:#fc356a;margin-left:8px}.main-bg .legend span[data-v-5959ac45]:nth-child(2):after{content:"";display:inline-block;width:10px;height:6px;background:#3492fc;margin-left:8px}.main-bg .legend span[data-v-5959ac45]:nth-child(3):after{content:"";display:inline-block;width:6px;height:6px;background:#fc356a;margin-left:8px;border-radius:100%}.main-bg .legend span[data-v-5959ac45]:nth-child(4):after{content:"";display:inline-block;width:6px;height:6px;background:#3492fc;margin-left:8px;border-radius:100%}.main-bg .pt20[data-v-5959ac45]{padding-top:20px}.main-bg .pl20[data-v-5959ac45]{padding-left:20px}.main-bg .pr30[data-v-5959ac45]{padding-right:30px}.main-bg .title[data-v-5959ac45]{font-size:16px;font-weight:600;color:#fff;line-height:22px}.main-bg .mt13[data-v-5959ac45]{margin-top:13px}