:root {
    --red-1: 255, 236, 232;
    --red-2: 253, 205, 197;
    --red-3: 251, 172, 163;
    --red-4: 249, 137, 129;
    --red-5: 247, 101, 96;
    --red-6: 245, 63, 63;
    --red-7: 203, 39, 45;
    --red-8: 161, 21, 30;
    --red-9: 119, 8, 19;
    --red-10: 77, 0, 10;
    --orangered-1: 255, 243, 232;
    --orangered-2: 253, 221, 195;
    --orangered-3: 252, 197, 159;
    --orangered-4: 250, 172, 123;
    --orangered-5: 249, 144, 87;
    --orangered-6: 247, 114, 52;
    --orangered-7: 204, 81, 32;
    --orangered-8: 162, 53, 17;
    --orangered-9: 119, 31, 6;
    --orangered-10: 77, 14, 0;
    --orange-1: 255, 247, 232;
    --orange-2: 255, 228, 186;
    --orange-3: 255, 207, 139;
    --orange-4: 255, 182, 93;
    --orange-5: 255, 154, 46;
    --orange-6: 255, 125, 0;
    --orange-7: 210, 95, 0;
    --orange-8: 166, 69, 0;
    --orange-9: 121, 46, 0;
    --orange-10: 77, 27, 0;
    --gold-1: 255, 252, 232;
    --gold-2: 253, 244, 191;
    --gold-3: 252, 233, 150;
    --gold-4: 250, 220, 109;
    --gold-5: 249, 204, 69;
    --gold-6: 247, 186, 30;
    --gold-7: 204, 146, 19;
    --gold-8: 162, 109, 10;
    --gold-9: 119, 75, 4;
    --gold-10: 77, 45, 0;
    --yellow-1: 254, 255, 232;
    --yellow-2: 254, 254, 190;
    --yellow-3: 253, 250, 148;
    --yellow-4: 252, 242, 107;
    --yellow-5: 251, 232, 66;
    --yellow-6: 250, 220, 25;
    --yellow-7: 207, 175, 15;
    --yellow-8: 163, 132, 8;
    --yellow-9: 120, 93, 3;
    --yellow-10: 77, 56, 0;
    --lime-1: 252, 255, 232;
    --lime-2: 237, 248, 187;
    --lime-3: 220, 241, 144;
    --lime-4: 201, 233, 104;
    --lime-5: 181, 226, 65;
    --lime-6: 159, 219, 29;
    --lime-7: 126, 183, 18;
    --lime-8: 95, 148, 10;
    --lime-9: 67, 112, 4;
    --lime-10: 42, 77, 0;
    --green-1: 232, 255, 234;
    --green-2: 175, 240, 181;
    --green-3: 123, 225, 136;
    --green-4: 76, 210, 99;
    --green-5: 35, 195, 67;
    --green-6: 0, 180, 42;
    --green-7: 0, 154, 41;
    --green-8: 0, 128, 38;
    --green-9: 0, 102, 34;
    --green-10: 0, 77, 28;
    --cyan-1: 232, 255, 251;
    --cyan-2: 183, 244, 236;
    --cyan-3: 137, 233, 224;
    --cyan-4: 94, 223, 214;
    --cyan-5: 55, 212, 207;
    --cyan-6: 20, 201, 201;
    --cyan-7: 13, 165, 170;
    --cyan-8: 7, 130, 139;
    --cyan-9: 3, 97, 108;
    --cyan-10: 0, 66, 77;
    --blue-1: 232, 247, 255;
    --blue-2: 195, 231, 254;
    --blue-3: 159, 212, 253;
    --blue-4: 123, 192, 252;
    --blue-5: 87, 169, 251;
    --blue-6: 52, 145, 250;
    --blue-7: 32, 108, 207;
    --blue-8: 17, 75, 163;
    --blue-9: 6, 48, 120;
    --blue-10: 0, 26, 77;
    --arcoblue-1: 232, 243, 255;
    --arcoblue-2: 190, 218, 255;
    --arcoblue-3: 148, 191, 255;
    --arcoblue-4: 106, 161, 255;
    --arcoblue-5: 64, 128, 255;
    --arcoblue-6: 22, 93, 255;
    --arcoblue-7: 14, 66, 210;
    --arcoblue-8: 7, 44, 166;
    --arcoblue-9: 3, 26, 121;
    --arcoblue-10: 0, 13, 77;
    --purple-1: 245, 232, 255;
    --purple-2: 221, 190, 246;
    --purple-3: 195, 150, 237;
    --purple-4: 168, 113, 227;
    --purple-5: 141, 78, 218;
    --purple-6: 114, 46, 209;
    --purple-7: 85, 29, 176;
    --purple-8: 60, 16, 143;
    --purple-9: 39, 6, 110;
    --purple-10: 22, 0, 77;
    --pinkpurple-1: 255, 232, 251;
    --pinkpurple-2: 247, 186, 239;
    --pinkpurple-3: 240, 142, 230;
    --pinkpurple-4: 232, 101, 223;
    --pinkpurple-5: 225, 62, 219;
    --pinkpurple-6: 217, 26, 217;
    --pinkpurple-7: 176, 16, 182;
    --pinkpurple-8: 138, 9, 147;
    --pinkpurple-9: 101, 3, 112;
    --pinkpurple-10: 66, 0, 77;
    --magenta-1: 255, 232, 241;
    --magenta-2: 253, 194, 219;
    --magenta-3: 251, 157, 199;
    --magenta-4: 249, 121, 183;
    --magenta-5: 247, 84, 168;
    --magenta-6: 245, 49, 157;
    --magenta-7: 203, 30, 131;
    --magenta-8: 161, 16, 105;
    --magenta-9: 119, 6, 79;
    --magenta-10: 77, 0, 52;
    --gray-1: 247, 248, 250;
    --gray-2: 242, 243, 245;
    --gray-3: 229, 230, 235;
    --gray-4: 201, 205, 212;
    --gray-5: 169, 174, 184;
    --gray-6: 134, 144, 156;
    --gray-7: 107, 119, 133;
    --gray-8: 78, 89, 105;
    --gray-9: 39, 46, 59;
    --gray-10: 29, 33, 41;
    --success-1: var(--green-1);
    --success-2: var(--green-2);
    --success-3: var(--green-3);
    --success-4: var(--green-4);
    --success-5: var(--green-5);
    --success-6: var(--green-6);
    --success-7: var(--green-7);
    --success-8: var(--green-8);
    --success-9: var(--green-9);
    --success-10: var(--green-10);
    --primary-1: var(--arcoblue-1);
    --primary-2: var(--arcoblue-2);
    --primary-3: var(--arcoblue-3);
    --primary-4: var(--arcoblue-4);
    --primary-5: var(--arcoblue-5);
    --primary-6: var(--arcoblue-6);
    --primary-7: var(--arcoblue-7);
    --primary-8: var(--arcoblue-8);
    --primary-9: var(--arcoblue-9);
    --primary-10: var(--arcoblue-10);
    --danger-1: var(--red-1);
    --danger-2: var(--red-2);
    --danger-3: var(--red-3);
    --danger-4: var(--red-4);
    --danger-5: var(--red-5);
    --danger-6: var(--red-6);
    --danger-7: var(--red-7);
    --danger-8: var(--red-8);
    --danger-9: var(--red-9);
    --danger-10: var(--red-10);
    --warning-1: var(--orange-1);
    --warning-2: var(--orange-2);
    --warning-3: var(--orange-3);
    --warning-4: var(--orange-4);
    --warning-5: var(--orange-5);
    --warning-6: var(--orange-6);
    --warning-7: var(--orange-7);
    --warning-8: var(--orange-8);
    --warning-9: var(--orange-9);
    --warning-10: var(--orange-10);
    --link-1: var(--arcoblue-1);
    --link-2: var(--arcoblue-2);
    --link-3: var(--arcoblue-3);
    --link-4: var(--arcoblue-4);
    --link-5: var(--arcoblue-5);
    --link-6: var(--arcoblue-6);
    --link-7: var(--arcoblue-7);
    --link-8: var(--arcoblue-8);
    --link-9: var(--arcoblue-9);
    --link-10: var(--arcoblue-10);

    --color-white: #ffffff;
    --color-black: #000000;
    --color-border: rgb(var(--gray-3));
    --color-bg-popup: var(--color-bg-5);
    --color-bg-1: #fff;
    --color-bg-2: #fff;
    --color-bg-3: #fff;
    --color-bg-4: #fff;
    --color-bg-5: #fff;
    --color-bg-white: #fff;
    --color-neutral-1: rgb(var(--gray-1));
    --color-neutral-2: rgb(var(--gray-2));
    --color-neutral-3: rgb(var(--gray-3));
    --color-neutral-4: rgb(var(--gray-4));
    --color-neutral-5: rgb(var(--gray-5));
    --color-neutral-6: rgb(var(--gray-6));
    --color-neutral-7: rgb(var(--gray-7));
    --color-neutral-8: rgb(var(--gray-8));
    --color-neutral-9: rgb(var(--gray-9));
    --color-neutral-10: rgb(var(--gray-10));
    --color-text-1: var(--color-neutral-10);
    --color-text-2: var(--color-neutral-8);
    --color-text-3: var(--color-neutral-6);
    --color-text-4: var(--color-neutral-4);
    --color-border-1: var(--color-neutral-2);
    --color-border-2: var(--color-neutral-3);
    --color-border-3: var(--color-neutral-4);
    --color-border-4: var(--color-neutral-6);
    --color-fill-1: var(--color-neutral-1);
    --color-fill-2: var(--color-neutral-2);
    --color-fill-3: var(--color-neutral-3);
    --color-fill-4: var(--color-neutral-4);
    --color-primary-light-1: rgb(var(--primary-1));
    --color-primary-light-2: rgb(var(--primary-2));
    --color-primary-light-3: rgb(var(--primary-3));
    --color-primary-light-4: rgb(var(--primary-4));
    --color-link-light-1: rgb(var(--link-1));
    --color-link-light-2: rgb(var(--link-2));
    --color-link-light-3: rgb(var(--link-3));
    --color-link-light-4: rgb(var(--link-4));
    --color-secondary: var(--color-neutral-2);
    --color-secondary-hover: var(--color-neutral-3);
    --color-secondary-active: var(--color-neutral-4);
    --color-secondary-disabled: var(--color-neutral-1);
    --color-danger-light-1: rgb(var(--danger-1));
    --color-danger-light-2: rgb(var(--danger-2));
    --color-danger-light-3: rgb(var(--danger-3));
    --color-danger-light-4: rgb(var(--danger-4));
    --color-success-light-1: rgb(var(--success-1));
    --color-success-light-2: rgb(var(--success-2));
    --color-success-light-3: rgb(var(--success-3));
    --color-success-light-4: rgb(var(--success-4));
    --color-warning-light-1: rgb(var(--warning-1));
    --color-warning-light-2: rgb(var(--warning-2));
    --color-warning-light-3: rgb(var(--warning-3));
    --color-warning-light-4: rgb(var(--warning-4));
    --border-radius-none: 0;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    --border-radius-circle: 50%;
    --color-tooltip-bg: rgb(var(--gray-10));
    --color-spin-layer-bg: rgba(255, 255, 255, .6);
    --color-menu-dark-bg: #232324;
    --color-menu-light-bg: #ffffff;
    --color-menu-dark-hover: rgba(255, 255, 255, .04);
    --color-mask-bg: rgba(29, 33, 41, .6)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.app {
    width: 100vw;
    height: 100%;
    padding: 4.267vw;
    background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 50%, #ECFDF5 100%);
}

.app-bg {
    position: absolute;
    top: -4.267vw;
    left: -4.267vw;
    width: 100vw;
    height: 108.108vw;
    background-image: url(https://apifile.qucent.cn/report/ba410001V004/common/images/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.card {
    position: relative;
    padding: 4.267vw;
    background-color: #fff;
    border-radius: 4vw;
}

.card + .card {
    margin-top: 4.267vw;
}

.card-head {
    position: relative;
    margin-bottom: 4.267vw;
    z-index: 1;
}

.card-head .title {
    position: relative;
    color: var(--text-color);
    font-size: 4.324vw;
    line-height: 1.5715;
    font-weight: 600;
}

.card-head .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4%;
    width: 15.135vw;
    height: 2.027vw;
    background: linear-gradient(90deg, #C7FFA3 0%, #79EFF7 96.43%);
    transform: rotate(-6deg);
    z-index: -1;
}

.header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 4.267vw;
    min-height: 25.514vw;
}

.header-title {
    width: 41.892vw;
    height: 6.73vw;
    background-image: url(https://apifile.qucent.cn/report/ba410001V004/common/images/title.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.header-car {
    position: absolute;
    bottom: -33%;
    right: 0;
    width: 50.081vw;
    height: 35.189vw;
    background-image: url(https://apifile.qucent.cn/report/ba410001V004/common/images/car.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.card-body {
    position: relative;
}

.headTitle {
    position: relative;
}

.headTitle-title {
    color: var(--color-text-1);
    font-size: 4.324vw;
}

.headTitle-label {
    margin-top: 2.162vw;
    color: var(--color-text-2);
    font-size: 3.243vw;
}

.list {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    overflow-y: auto;
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 1.5715;
    border-radius: var(--border-radius-medium);
}

.list-header {
    color: var(--color-text-1);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

.list-content {
    overflow: hidden;
}

.list-item {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.list-item + .list-item {
    margin-top: 6.486vw;
}

.list-space-24 .list-item + .list-item {
    margin-top: 3.243vw;
}

.table {
    position: relative;
}

.table-container {
    position: relative;
    width: 100%;
    min-height: 0;
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    box-sizing: border-box;
}

.table-element {
    width: 100%;
    min-width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.table-th {
    position: relative;
    box-sizing: border-box;
    color: rgb(var(--gray-10));
    font-weight: 500;
    line-height: 1.5715;
    text-align: center;
    background-color: var(--color-neutral-2);
    transition: background-color .1s cubic-bezier(0, 0, 1, 1);
}

.table-td {
    box-sizing: border-box;
    color: rgb(var(--gray-10));
    line-height: 1.5715;
    text-align: center;
    word-break: break-all;
    background-color: var(--color-bg-2);
}

.table-th-content, .table-td-content {
    display: block;
    width: 100%;
}

.table-cell {
    display: flex;
    align-items: center;
}

.table .table-th, .table .table-td {
    font-size: 3.584vw;
}

.table .table-cell {
    padding: 3.243vw 1.622vw;
}

.descriptions {
    position: relative;
}

.descriptions-head {
    margin-bottom: 4.324vw;
    color: var(--color-text-1);
    font-weight: 500;
    font-size: 4.324vw;
    line-height: 1.5715;
}

.descriptions-table {
    width: 100%;
    border-collapse: collapse;
}

.descriptions-item-label, .descriptions-item-value {
    box-sizing: border-box;
    font-size: 3.243vw;
    line-height: 1.5715;
    text-align: left;
}

.descriptions-item-label {
    color: var(--color-text-3);
}

.descriptions-item-value {
    text-align: right;
}

.descriptions-row + .descriptions-row > .descriptions-item-label {
    padding-top: 4.324vw;
}

.descriptions-row + .descriptions-row > .descriptions-item-value {
    padding-top: 4.324vw;
}

.statistic {
    color: var(--color-text-1);
    line-height: 1.5715;
}

.statistic-title {
    margin-bottom: 8px;
    color: var(--color-text-1);
    font-size: 14px;
}

.statistic-value {
    color: var(--color-text-1);
    font-weight: 700;
    font-size: 4.324vw;
    white-space: nowrap;
}

.statistic-value-integer {
    font-size: inherit;
    white-space: nowrap;
}

.statistic-prefix, .statistic-suffix {
    color: var(--color-text-1);
    font-size: 3.243vw;
}

.statistic-extra {
    margin-top: 2.162vw;
    color: var(--color-text-3);
    font-size: 3.243vw;
}

.statistic-center .statistic-value, .statistic-center .statistic-extra, .statistic-center .statistic-title {
    text-align: center;
}

.canvas-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid {
    display: grid
}

.progress {
    position: relative;
    font-size: 12px;
    line-height: 1;
}

.progress-type-line {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.progress-line-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.progress-line {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.162vw;
    background-color: #F1F5F9;
    border-radius: 100px;
    overflow: hidden;
}

.progress-line-bar {
    position: relative;
    max-width: 100%;
    height: 100%;
    background-color: rgb(var(--primary-6));
    background-image: linear-gradient(to right, #47F0CB 0%, #4FEFF0 100%);
    border-radius: 100px;
    transition: width .6s cubic-bezier(.34, .69, .1, 1), background .3s cubic-bezier(.34, .69, .1, 1);
}

.progress-line-bar-buffer {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    background-color: var(--color-primary-light-3);
    border-radius: 0 100px 100px 0;
    transition: all .6s cubic-bezier(.34, .69, .1, 1);
}

.progress-line-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.162vw;
    width: 100%;
    min-width: 32px;
    color: var(--color-text-1);
}

.progress-line-text-integer {
    color: #00A49F;
    font-size: 3.784vw;
    font-weight: 600;
}

.progress-line-text > span {
    display: inline-block;
    font-size: 3.784vw;
    white-space: nowrap;
    text-align: right;
}

.progress-type-circle {
    display: block;
    margin: 0 auto 8.649vw;
}

.progress-circle-wrapper {
    position: relative;
    text-align: center;
    line-height: 1;
    vertical-align: text-bottom;
}

.progress-circle-svg {
    transform: rotate(90deg);
}

.progress-circle-bg {
    stroke: #F1F5F9;
}

.progress-circle-bar {
    stroke: rgb(var(--primary-6));
    transition: stroke-dashoffset .6s cubic-bezier(0, 0, 1, 1) 0s, stroke .6s cubic-bezier(0, 0, 1, 1);
}

.progress-circle-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3.243vw;
    transform: translate(-50%, -50%);
}

.progress-circle-text-integer {
    margin-bottom: 2.162vw;
    color: var(--color-text-1);
    font-size: 8.108vw;
    font-weight: 700;
}

.radar-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 81.081vw;
    height: 68.649vw;
}

.comment {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3.243vw 4.324vw;
}

.comment-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.comment-label > svg {
    display: inline-block;
    margin-right: 2.162vw;
}

.comment-value {
    font-weight: 700;
    font-size: 4.324vw;
    line-height: 1.5715;
}

.comment-bg-1 {
    background: linear-gradient(90deg, #ECFDF5 0%, #FFFFFF 100%);
}

.comment-bg-2 {
    background: linear-gradient(90deg, #ECFEFF 0%, #FFFFFF 100%);
}

.comment-bg-3 {
    background: linear-gradient(90deg, #EFF8FF 0%, #FFFFFF 100%);
}

.comment-bg-1 .comment-value {
    color: #009966;
}

.comment-bg-2 .comment-value {
    color: #0092B8;
}

.comment-bg-3 .comment-value {
    color: #348FE3;
}

.tag {
    position: relative;
    padding: 2.432vw 3.243vw;
    font-size: 3.243vw;
    line-height: 1;
    border-radius: 6.757vw;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
}

.danger .danger-text {
    color: #FF6060;
}

.success .tag {
    color: #10CE42;
    background-color: #D8FFE2;
}

.danger .tag {
    color: #FF6060;
    background-color: #FFE8E8;
}

.success .outline {
    color: #10CE42;
    background-color: #D8FFE2;
    border-color: #10CE42;
}

.warning .outline {
    color: #FF9E45;
    background-color: #FFEBD8;
    border-color: #FF9E45;
}

.danger .outline {
    color: #FF6060;
    background-color: #FFE8E8;
    border-color: #FF6060;
}

.message {
    position: relative;
}

.message-title {
    margin-bottom: 2.162vw;
    font-size: 3.243vw;
    color: var(--color-text-1);
}

.message-content {
    font-size: 2.973vw;
    color: var(--color-text-3);
    line-height: 1.5715;
}

.q.table {
    overflow: hidden;
    border-radius: 2.703vw;
}

.q .table-th {
    background-color: #DBFBFF;
}

.q .table-tr:nth-child(even) .table-td {
    background-color: #F6FEFF;
}

.q.statistic {
    padding: 4.324vw 4.054vw;
    background-color: #F6FEFF;
    border-radius: 4.324vw;
}