@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-7mx2q7iiyk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7mx2q7iiyk] {
    flex: 1;
}

.sidebar[b-7mx2q7iiyk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-7mx2q7iiyk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7mx2q7iiyk]  a, .top-row[b-7mx2q7iiyk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7mx2q7iiyk]  a:hover, .top-row[b-7mx2q7iiyk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7mx2q7iiyk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-7mx2q7iiyk] {
        justify-content: space-between;
    }

    .top-row[b-7mx2q7iiyk]  a, .top-row[b-7mx2q7iiyk]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7mx2q7iiyk] {
        flex-direction: row;
    }

    .sidebar[b-7mx2q7iiyk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7mx2q7iiyk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7mx2q7iiyk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7mx2q7iiyk], article[b-7mx2q7iiyk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3r3p1g13l9] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-3r3p1g13l9] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3r3p1g13l9] {
    font-size: 1.1rem;
}

.bi[b-3r3p1g13l9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -0.725rem;
    background-size: cover;
    font-size: 1.20rem;
}

.nav-item[b-3r3p1g13l9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3r3p1g13l9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3r3p1g13l9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3r3p1g13l9]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-3r3p1g13l9]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-3r3p1g13l9]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3r3p1g13l9] {
        display: none;
    }

    .collapse[b-3r3p1g13l9] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-3r3p1g13l9] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Style-Test/Test3.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html[b-x5q42qvly8] {
    font-size: 16px;
}

body[b-x5q42qvly8] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100vw;
    height: 100vh;
}

    body *[b-x5q42qvly8] {
        box-sizing: border-box;
        flex-shrink: 0;
    }

.flex-row[b-x5q42qvly8] {
    /* 设置 Flexbox 的flex-direction为 row，使容器按照行方向排列 */
    display: flex;
    flex-direction: row;
}

.flex-col[b-x5q42qvly8] {
    /* 设置元素为flex布局 */
    display: flex;
    /* 设置flex方向为列 */
    flex-direction: column;
}

.justify-start[b-x5q42qvly8] {
    /* This CSS property sets the alignment of the content inside a flexible container. */
    justify-content: flex-start;
}

.justify-end[b-x5q42qvly8] {
    justify-content: flex-end;
}

.justify-center[b-x5q42qvly8] {
    justify-content: center;
}

.justify-between[b-x5q42qvly8] {
    justify-content: space-between;
}

.justify-around[b-x5q42qvly8] {
    justify-content: space-around;
}

.justify-evenly[b-x5q42qvly8] {
    justify-content: space-evenly;
}

.items-start[b-x5q42qvly8] {
    align-items: flex-start;
}

.items-end[b-x5q42qvly8] {
    align-items: flex-end;
}

.items-center[b-x5q42qvly8] {
    /* 将项目的内容设置为居中 */
    align-items: center;
}

.items-baseline[b-x5q42qvly8] {
    align-items: baseline;
}

.items-stretch[b-x5q42qvly8] {
    align-items: stretch;
}

.self-start[b-x5q42qvly8] {
    align-self: flex-start;
}

.self-end[b-x5q42qvly8] {
    align-self: flex-end;
}

.self-center[b-x5q42qvly8] {
    align-self: center;
}

.self-baseline[b-x5q42qvly8] {
    align-self: baseline;
}

/* 设置让元素自动拉伸，宽度、高度随父元素变化 */
.self-stretch[b-x5q42qvly8] {
    align-self: stretch;
}

.flex-1[b-x5q42qvly8] {
    flex: 1 1 0%;
}

.flex-auto[b-x5q42qvly8] {
    flex: 1 1 auto;
}

.grow[b-x5q42qvly8] {
    flex-grow: 1;
}

.grow-0[b-x5q42qvly8] {
    flex-grow: 0;
}

.shrink[b-x5q42qvly8] {
    flex-shrink: 1;
}

.shrink-0[b-x5q42qvly8] {
    /* 设置flex-shrink属性，当容器内的项目宽度超出容器宽度时，按照此比例自动缩小 */
    flex-shrink: 0;
}

.relative[b-x5q42qvly8] {
    position: relative;
}

.ml-2[b-x5q42qvly8] {
    margin-left: 0.1042vw;
}

.mt-2[b-x5q42qvly8] {
    margin-top: 0.1042vw;
}

.ml-4[b-x5q42qvly8] {
    margin-left: 0.2083vw;
}

.mt-4[b-x5q42qvly8] {
    margin-top: 0.2083vw;
}

.ml-6[b-x5q42qvly8] {
    margin-left: 0.3125vw;
}

.mt-6[b-x5q42qvly8] {
    margin-top: 0.3125vw;
}

.ml-8[b-x5q42qvly8] {
    margin-left: 0.4167vw;
}

.mt-8[b-x5q42qvly8] {
    margin-top: 0.4167vw;
}

.ml-10[b-x5q42qvly8] {
    margin-left: 0.5208vw;
}

.mt-10[b-x5q42qvly8] {
    margin-top: 0.5208vw;
}

.ml-12[b-x5q42qvly8] {
    margin-left: 0.625vw;
}

.mt-12[b-x5q42qvly8] {
    margin-top: 0.625vw;
}

.ml-14[b-x5q42qvly8] {
    margin-left: 0.7292vw;
}

.mt-14[b-x5q42qvly8] {
    margin-top: 0.7292vw;
}

.ml-16[b-x5q42qvly8] {
    margin-left: 0.8333vw;
}

.mt-16[b-x5q42qvly8] {
    margin-top: 0.8333vw;
}

.ml-18[b-x5q42qvly8] {
    margin-left: 0.9375vw;
}

.mt-18[b-x5q42qvly8] {
    margin-top: 0.9375vw;
}

.ml-20[b-x5q42qvly8] {
    margin-left: 1.0417vw;
}

.mt-20[b-x5q42qvly8] {
    margin-top: 1.0417vw;
}

.ml-22[b-x5q42qvly8] {
    margin-left: 1.1458vw;
}

.mt-22[b-x5q42qvly8] {
    margin-top: 1.1458vw;
}

.ml-24[b-x5q42qvly8] {
    margin-left: 1.25vw;
}

.mt-24[b-x5q42qvly8] {
    margin-top: 1.25vw;
}

.ml-26[b-x5q42qvly8] {
    margin-left: 1.3542vw;
}

.mt-26[b-x5q42qvly8] {
    margin-top: 1.3542vw;
}

.ml-28[b-x5q42qvly8] {
    margin-left: 1.4583vw;
}

.mt-28[b-x5q42qvly8] {
    margin-top: 1.4583vw;
}

.ml-30[b-x5q42qvly8] {
    margin-left: 1.5625vw;
}

.mt-30[b-x5q42qvly8] {
    margin-top: 1.5625vw;
}

.ml-32[b-x5q42qvly8] {
    margin-left: 1.6667vw;
}

.mt-32[b-x5q42qvly8] {
    margin-top: 1.6667vw;
}

.ml-34[b-x5q42qvly8] {
    margin-left: 1.7708vw;
}

.mt-34[b-x5q42qvly8] {
    margin-top: 1.7708vw;
}

.ml-36[b-x5q42qvly8] {
    margin-left: 1.875vw;
}

.mt-36[b-x5q42qvly8] {
    margin-top: 1.875vw;
}

.ml-38[b-x5q42qvly8] {
    margin-left: 1.9792vw;
}

.mt-38[b-x5q42qvly8] {
    margin-top: 1.9792vw;
}

.ml-40[b-x5q42qvly8] {
    margin-left: 2.0833vw;
}

.mt-40[b-x5q42qvly8] {
    margin-top: 2.0833vw;
}

.ml-42[b-x5q42qvly8] {
    margin-left: 2.1875vw;
}

.mt-42[b-x5q42qvly8] {
    margin-top: 2.1875vw;
}

.ml-44[b-x5q42qvly8] {
    margin-left: 2.2917vw;
}

.mt-44[b-x5q42qvly8] {
    margin-top: 2.2917vw;
}

.ml-46[b-x5q42qvly8] {
    margin-left: 2.3958vw;
}

.mt-46[b-x5q42qvly8] {
    margin-top: 2.3958vw;
}

.ml-48[b-x5q42qvly8] {
    margin-left: 2.5vw;
}

.mt-48[b-x5q42qvly8] {
    margin-top: 2.5vw;
}

.ml-50[b-x5q42qvly8] {
    margin-left: 2.6042vw;
}

.mt-50[b-x5q42qvly8] {
    margin-top: 2.6042vw;
}

.ml-52[b-x5q42qvly8] {
    margin-left: 2.7083vw;
}

.mt-52[b-x5q42qvly8] {
    margin-top: 2.7083vw;
}

.ml-54[b-x5q42qvly8] {
    margin-left: 2.8125vw;
}

.mt-54[b-x5q42qvly8] {
    margin-top: 2.8125vw;
}

.ml-56[b-x5q42qvly8] {
    margin-left: 2.9167vw;
}

.mt-56[b-x5q42qvly8] {
    margin-top: 2.9167vw;
}

.ml-58[b-x5q42qvly8] {
    margin-left: 3.0208vw;
}

.mt-58[b-x5q42qvly8] {
    margin-top: 3.0208vw;
}

.ml-60[b-x5q42qvly8] {
    margin-left: 3.125vw;
}

.mt-60[b-x5q42qvly8] {
    margin-top: 3.125vw;
}

.ml-62[b-x5q42qvly8] {
    margin-left: 3.2292vw;
}

.mt-62[b-x5q42qvly8] {
    margin-top: 3.2292vw;
}

.ml-64[b-x5q42qvly8] {
    margin-left: 3.3333vw;
}

.mt-64[b-x5q42qvly8] {
    margin-top: 3.3333vw;
}

.ml-66[b-x5q42qvly8] {
    margin-left: 3.4375vw;
}

.mt-66[b-x5q42qvly8] {
    margin-top: 3.4375vw;
}

.ml-68[b-x5q42qvly8] {
    margin-left: 3.5417vw;
}

.mt-68[b-x5q42qvly8] {
    margin-top: 3.5417vw;
}

.ml-70[b-x5q42qvly8] {
    margin-left: 3.6458vw;
}

.mt-70[b-x5q42qvly8] {
    margin-top: 3.6458vw;
}

.ml-72[b-x5q42qvly8] {
    margin-left: 3.75vw;
}

.mt-72[b-x5q42qvly8] {
    margin-top: 3.75vw;
}

.ml-74[b-x5q42qvly8] {
    margin-left: 3.8542vw;
}

.mt-74[b-x5q42qvly8] {
    margin-top: 3.8542vw;
}

.ml-76[b-x5q42qvly8] {
    margin-left: 3.9583vw;
}

.mt-76[b-x5q42qvly8] {
    margin-top: 3.9583vw;
}

.ml-78[b-x5q42qvly8] {
    margin-left: 4.0625vw;
}

.mt-78[b-x5q42qvly8] {
    margin-top: 4.0625vw;
}

.ml-80[b-x5q42qvly8] {
    margin-left: 4.1667vw;
}

.mt-80[b-x5q42qvly8] {
    margin-top: 4.1667vw;
}

.ml-82[b-x5q42qvly8] {
    margin-left: 4.2708vw;
}

.mt-82[b-x5q42qvly8] {
    margin-top: 4.2708vw;
}

.ml-84[b-x5q42qvly8] {
    margin-left: 4.375vw;
}

.mt-84[b-x5q42qvly8] {
    margin-top: 4.375vw;
}

.ml-86[b-x5q42qvly8] {
    margin-left: 4.4792vw;
}

.mt-86[b-x5q42qvly8] {
    margin-top: 4.4792vw;
}

.ml-88[b-x5q42qvly8] {
    margin-left: 4.5833vw;
}

.mt-88[b-x5q42qvly8] {
    margin-top: 4.5833vw;
}

.ml-90[b-x5q42qvly8] {
    margin-left: 4.6875vw;
}

.mt-90[b-x5q42qvly8] {
    margin-top: 4.6875vw;
}

.ml-92[b-x5q42qvly8] {
    margin-left: 4.7917vw;
}

.mt-92[b-x5q42qvly8] {
    margin-top: 4.7917vw;
}

.ml-94[b-x5q42qvly8] {
    margin-left: 4.8958vw;
}

.mt-94[b-x5q42qvly8] {
    margin-top: 4.8958vw;
}

.ml-96[b-x5q42qvly8] {
    margin-left: 5vw;
}

.mt-96[b-x5q42qvly8] {
    margin-top: 5vw;
}

.ml-98[b-x5q42qvly8] {
    margin-left: 5.1042vw;
}

.mt-98[b-x5q42qvly8] {
    margin-top: 5.1042vw;
}

.ml-100[b-x5q42qvly8] {
    margin-left: 5.2083vw;
}

.mt-100[b-x5q42qvly8] {
    margin-top: 5.2083vw;
}

.ml-125[b-x5q42qvly8] {
    margin-left: 6.5104vw;
}

.ml-15[b-x5q42qvly8] {
    margin-left: 0.7813vw;
}

.mt-41[b-x5q42qvly8] {
    margin-top: 2.1354vw;
}

.mt-5[b-x5q42qvly8] {
    margin-top: 0.2604vw;
}

.mt-25[b-x5q42qvly8] {
    margin-top: 1.3021vw;
}

.mt-111[b-x5q42qvly8] {
    margin-top: 5.7813vw;
}

.page[b-x5q42qvly8] {
    background-color: #f1f4f8;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.section[b-x5q42qvly8] {
    margin-top: -0.4167vw;
    padding-bottom: 40.6771vw;
    background-color: #ffffff;
    width: 14.5313vw;
    height: 56.6667vw;
    border-right: solid 0.05208vw #e1e1e1;
}

.pos_16[b-x5q42qvly8] {
    position: absolute;
    left: 50%;
    top: 2.9167vw;
    transform: translateX(-50%);
}

.image[b-x5q42qvly8] {
    width: 0.9375vw;
    height: 1.1458vw;
}

.font[b-x5q42qvly8] {
    font-size: 1.0417vw;
    font-family: Source Han Sans CN;
    line-height: 1.8229vw;
    color: #000000;
}

.pos[b-x5q42qvly8] {
    position: absolute;
    left: 5.4167vw;
    top: 0;
}

.pos_1[b-x5q42qvly8] {
    position: absolute;
    left: 0;
    top: 0.3906vw;
}

.pos_15[b-x5q42qvly8] {
    position: absolute;
    left: 50%;
    top: 6.6667vw;
    transform: translateX(-50%);
}

.image_2[b-x5q42qvly8] {
    width: 1.0417vw;
    height: 1.0417vw;
}

.image-wrapper[b-x5q42qvly8] {
    padding: 0.625vw 0 0.6771vw;
    border-radius: 0.3865vw;
    background-color: #ebf4ff;
    width: 11.9792vw;
}

.pos_20[b-x5q42qvly8] {
    position: absolute;
    left: 50%;
    top: 9.7917vw;
    transform: translateX(-50%);
}

.image_4[b-x5q42qvly8] {
    width: 0.8854vw;
    height: 1.0417vw;
}

.text_2[b-x5q42qvly8] {
    color: #2a8cff;
}

.image_3[b-x5q42qvly8] {
    width: 0.2604vw;
    height: 1.3542vw;
}

.pos_17[b-x5q42qvly8] {
    position: absolute;
    right: 11.6667vw;
    top: 50%;
    transform: translateY(-50%);
}

.group_7[b-x5q42qvly8] {
    width: 6.1979vw;
}

.pos_13[b-x5q42qvly8] {
    position: absolute;
    left: 3.5417vw;
    top: 14.1667vw;
}

.image_5[b-x5q42qvly8] {
    width: 0.9896vw;
    height: 0.9896vw;
}

.group_2[b-x5q42qvly8] {
    margin-right: 2.0833vw;
    margin-top: 3.3333vw;
}

.section_2[b-x5q42qvly8] {
    background-color: #0c3666;
    background-image: linear-gradient(0deg, #128dff 0%, #8cc9ff 100%);
    border-radius: 0.1823vw;
    width: 0.3646vw;
    height: 1.25vw;
}

.text[b-x5q42qvly8] {
    color: #010101;
    font-size: 1.4583vw;
    font-family: Source Han Sans CN;
    line-height: 1.4063vw;
}

.section_3[b-x5q42qvly8] {
    padding: 8.125vw 5.9115vw 6.3542vw;
    background-color: #ffffff;
    box-shadow: 0vw 0.1563vw 0.2552vw 0.005208vw #bcbcbc4d;
    border-radius: 0.5208vw;
}

.group_3[b-x5q42qvly8] {
    padding: 3.8542vw 0 4.1667vw;
}

.image_8[b-x5q42qvly8] {
    width: 36.1979vw;
    height: 0.1563vw;
}

.image_6[b-x5q42qvly8] {
    width: 7.8125vw;
    height: 7.8125vw;
}

.pos_6[b-x5q42qvly8] {
    position: absolute;
    left: 7.2135vw;
    top: 50%;
    transform: translateY(-50%);
}

.pos_8[b-x5q42qvly8] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.pos_7[b-x5q42qvly8] {
    position: absolute;
    right: 5.2344vw;
    top: 50%;
    transform: translateY(-50%);
}

.image_7[b-x5q42qvly8] {
    width: 0.7292vw;
    height: 0.7292vw;
}

.pos_9[b-x5q42qvly8] {
    position: absolute;
    left: 18.5vw;
    top: 50%;
    transform: translateY(-50%);
}

.pos_10[b-x5q42qvly8] {
    position: absolute;
    right: 19.5vw;
    top: 50%;
    transform: translateY(-50%);
}

.group_4[b-x5q42qvly8] {
    flex: 1 1 20.4688vw;
}

.group_1[b-x5q42qvly8] {
    padding: 0.5208vw 0.9635vw 0.625vw 3.2031vw;
}

.font_2[b-x5q42qvly8] {
    font-size: 1.25vw;
    font-family: Source Han Sans CN;
    line-height: 1.25vw;
    color: #000000;
}

.font_3[b-x5q42qvly8] {
    font-size: 0.9375vw;
    font-family: Source Han Sans CN;
    line-height: 1.6667vw;
    color: #787676;
}

.text_3[b-x5q42qvly8] {
    text-align: center;
}

.group_6[b-x5q42qvly8] {
    padding: 0.5208vw 0.9635vw 0.5208vw 3.2031vw;
}

.text_1[b-x5q42qvly8] {
    line-height: 1.1979vw;
}

.text_4[b-x5q42qvly8] {
    text-align: center;
}

.group_5[b-x5q42qvly8] {
    padding: 0.5208vw 0.8594vw 0.5729vw 3.2031vw;
}

.text_5[b-x5q42qvly8] {
    text-align: center;
}

.button[b-x5q42qvly8] {
    align-self: center;
}

.section_4[b-x5q42qvly8] {
    padding: 0.9896vw 0;
    background-color: #000000;
    background-image: linear-gradient(0deg, #128dff 0%, #8cc9ff 100%);
    border-radius: 0.5208vw;
    width: 18.9063vw;
}

.image_9[b-x5q42qvly8] {
    margin-left: 5.9896vw;
    width: 1.0938vw;
    height: 1.0938vw;
}

.text_6[b-x5q42qvly8] {
    margin-right: 5.7292vw;
    color: #ffffff;
    font-size: 1.1458vw;
    font-family: Source Han Sans CN;
    line-height: 1.0938vw;
}
/* /Pages/Style-Test/Test4.razor.rz.scp.css */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html[b-hyltnkzwo3] {
    font-size: 16px;
}

body[b-hyltnkzwo3] {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100vw;
    height: 100vh;
}

    body *[b-hyltnkzwo3] {
        box-sizing: border-box;
        flex-shrink: 0;
    }

.flex-row[b-hyltnkzwo3] {
    /* 设置 Flexbox 的flex-direction为 row，使容器按照行方向排列 */
    display: flex;
    flex-direction: row;
}

.flex-col[b-hyltnkzwo3] {
    /* 设置元素为flex布局 */
    display: flex;
    /* 设置flex方向为列 */
    flex-direction: column;
}

.justify-start[b-hyltnkzwo3] {
    /* This CSS property sets the alignment of the content inside a flexible container. */
    justify-content: flex-start;
}

.justify-end[b-hyltnkzwo3] {
    justify-content: flex-end;
}

.justify-center[b-hyltnkzwo3] {
    justify-content: center;
}

.justify-between[b-hyltnkzwo3] {
    justify-content: space-between;
}

.justify-around[b-hyltnkzwo3] {
    justify-content: space-around;
}

.justify-evenly[b-hyltnkzwo3] {
    justify-content: space-evenly;
}

.items-start[b-hyltnkzwo3] {
    align-items: flex-start;
}

.items-end[b-hyltnkzwo3] {
    align-items: flex-end;
}

.items-center[b-hyltnkzwo3] {
    /* 将项目的内容设置为居中 */
    align-items: center;
}

.items-baseline[b-hyltnkzwo3] {
    align-items: baseline;
}

.items-stretch[b-hyltnkzwo3] {
    align-items: stretch;
}

.self-start[b-hyltnkzwo3] {
    align-self: flex-start;
}

.self-end[b-hyltnkzwo3] {
    align-self: flex-end;
}

.self-center[b-hyltnkzwo3] {
    align-self: center;
}

.self-baseline[b-hyltnkzwo3] {
    align-self: baseline;
}

/* 设置让元素自动拉伸，宽度、高度随父元素变化 */
.self-stretch[b-hyltnkzwo3] {
    align-self: stretch;
}

.flex-1[b-hyltnkzwo3] {
    flex: 1 1 0%;
}

.flex-auto[b-hyltnkzwo3] {
    flex: 1 1 auto;
}

.grow[b-hyltnkzwo3] {
    flex-grow: 1;
}

.grow-0[b-hyltnkzwo3] {
    flex-grow: 0;
}

.shrink[b-hyltnkzwo3] {
    flex-shrink: 1;
}

.shrink-0[b-hyltnkzwo3] {
    /* 设置flex-shrink属性，当容器内的项目宽度超出容器宽度时，按照此比例自动缩小 */
    flex-shrink: 0;
}

.relative[b-hyltnkzwo3] {
    position: relative;
}

.ml-2[b-hyltnkzwo3] {
    margin-left: 0.1042vw;
}

.mt-2[b-hyltnkzwo3] {
    margin-top: 0.1042vw;
}

.ml-4[b-hyltnkzwo3] {
    margin-left: 0.2083vw;
}

.mt-4[b-hyltnkzwo3] {
    margin-top: 0.2083vw;
}

.ml-6[b-hyltnkzwo3] {
    margin-left: 0.3125vw;
}

.mt-6[b-hyltnkzwo3] {
    margin-top: 0.3125vw;
}

.ml-8[b-hyltnkzwo3] {
    margin-left: 0.4167vw;
}

.mt-8[b-hyltnkzwo3] {
    margin-top: 0.4167vw;
}

.ml-10[b-hyltnkzwo3] {
    margin-left: 0.5208vw;
}

.mt-10[b-hyltnkzwo3] {
    margin-top: 0.5208vw;
}

.ml-12[b-hyltnkzwo3] {
    margin-left: 0.625vw;
}

.mt-12[b-hyltnkzwo3] {
    margin-top: 0.625vw;
}

.ml-14[b-hyltnkzwo3] {
    margin-left: 0.7292vw;
}

.mt-14[b-hyltnkzwo3] {
    margin-top: 0.7292vw;
}

.ml-16[b-hyltnkzwo3] {
    margin-left: 0.8333vw;
}

.mt-16[b-hyltnkzwo3] {
    margin-top: 0.8333vw;
}

.ml-18[b-hyltnkzwo3] {
    margin-left: 0.9375vw;
}

.mt-18[b-hyltnkzwo3] {
    margin-top: 0.9375vw;
}

.ml-20[b-hyltnkzwo3] {
    margin-left: 1.0417vw;
}

.mt-20[b-hyltnkzwo3] {
    margin-top: 1.0417vw;
}

.ml-22[b-hyltnkzwo3] {
    margin-left: 1.1458vw;
}

.mt-22[b-hyltnkzwo3] {
    margin-top: 1.1458vw;
}

.ml-24[b-hyltnkzwo3] {
    margin-left: 1.25vw;
}

.mt-24[b-hyltnkzwo3] {
    margin-top: 1.25vw;
}

.ml-26[b-hyltnkzwo3] {
    margin-left: 1.3542vw;
}

.mt-26[b-hyltnkzwo3] {
    margin-top: 1.3542vw;
}

.ml-28[b-hyltnkzwo3] {
    margin-left: 1.4583vw;
}

.mt-28[b-hyltnkzwo3] {
    margin-top: 1.4583vw;
}

.ml-30[b-hyltnkzwo3] {
    margin-left: 1.5625vw;
}

.mt-30[b-hyltnkzwo3] {
    margin-top: 1.5625vw;
}

.ml-32[b-hyltnkzwo3] {
    margin-left: 1.6667vw;
}

.mt-32[b-hyltnkzwo3] {
    margin-top: 1.6667vw;
}

.ml-34[b-hyltnkzwo3] {
    margin-left: 1.7708vw;
}

.mt-34[b-hyltnkzwo3] {
    margin-top: 1.7708vw;
}

.ml-36[b-hyltnkzwo3] {
    margin-left: 1.875vw;
}

.mt-36[b-hyltnkzwo3] {
    margin-top: 1.875vw;
}

.ml-38[b-hyltnkzwo3] {
    margin-left: 1.9792vw;
}

.mt-38[b-hyltnkzwo3] {
    margin-top: 1.9792vw;
}

.ml-40[b-hyltnkzwo3] {
    margin-left: 2.0833vw;
}

.mt-40[b-hyltnkzwo3] {
    margin-top: 2.0833vw;
}

.ml-42[b-hyltnkzwo3] {
    margin-left: 2.1875vw;
}

.mt-42[b-hyltnkzwo3] {
    margin-top: 2.1875vw;
}

.ml-44[b-hyltnkzwo3] {
    margin-left: 2.2917vw;
}

.mt-44[b-hyltnkzwo3] {
    margin-top: 2.2917vw;
}

.ml-46[b-hyltnkzwo3] {
    margin-left: 2.3958vw;
}

.mt-46[b-hyltnkzwo3] {
    margin-top: 2.3958vw;
}

.ml-48[b-hyltnkzwo3] {
    margin-left: 2.5vw;
}

.mt-48[b-hyltnkzwo3] {
    margin-top: 2.5vw;
}

.ml-50[b-hyltnkzwo3] {
    margin-left: 2.6042vw;
}

.mt-50[b-hyltnkzwo3] {
    margin-top: 2.6042vw;
}

.ml-52[b-hyltnkzwo3] {
    margin-left: 2.7083vw;
}

.mt-52[b-hyltnkzwo3] {
    margin-top: 2.7083vw;
}

.ml-54[b-hyltnkzwo3] {
    margin-left: 2.8125vw;
}

.mt-54[b-hyltnkzwo3] {
    margin-top: 2.8125vw;
}

.ml-56[b-hyltnkzwo3] {
    margin-left: 2.9167vw;
}

.mt-56[b-hyltnkzwo3] {
    margin-top: 2.9167vw;
}

.ml-58[b-hyltnkzwo3] {
    margin-left: 3.0208vw;
}

.mt-58[b-hyltnkzwo3] {
    margin-top: 3.0208vw;
}

.ml-60[b-hyltnkzwo3] {
    margin-left: 3.125vw;
}

.mt-60[b-hyltnkzwo3] {
    margin-top: 3.125vw;
}

.ml-62[b-hyltnkzwo3] {
    margin-left: 3.2292vw;
}

.mt-62[b-hyltnkzwo3] {
    margin-top: 3.2292vw;
}

.ml-64[b-hyltnkzwo3] {
    margin-left: 3.3333vw;
}

.mt-64[b-hyltnkzwo3] {
    margin-top: 3.3333vw;
}

.ml-66[b-hyltnkzwo3] {
    margin-left: 3.4375vw;
}

.mt-66[b-hyltnkzwo3] {
    margin-top: 3.4375vw;
}

.ml-68[b-hyltnkzwo3] {
    margin-left: 3.5417vw;
}

.mt-68[b-hyltnkzwo3] {
    margin-top: 3.5417vw;
}

.ml-70[b-hyltnkzwo3] {
    margin-left: 3.6458vw;
}

.mt-70[b-hyltnkzwo3] {
    margin-top: 3.6458vw;
}

.ml-72[b-hyltnkzwo3] {
    margin-left: 3.75vw;
}

.mt-72[b-hyltnkzwo3] {
    margin-top: 3.75vw;
}

.ml-74[b-hyltnkzwo3] {
    margin-left: 3.8542vw;
}

.mt-74[b-hyltnkzwo3] {
    margin-top: 3.8542vw;
}

.ml-76[b-hyltnkzwo3] {
    margin-left: 3.9583vw;
}

.mt-76[b-hyltnkzwo3] {
    margin-top: 3.9583vw;
}

.ml-78[b-hyltnkzwo3] {
    margin-left: 4.0625vw;
}

.mt-78[b-hyltnkzwo3] {
    margin-top: 4.0625vw;
}

.ml-80[b-hyltnkzwo3] {
    margin-left: 4.1667vw;
}

.mt-80[b-hyltnkzwo3] {
    margin-top: 4.1667vw;
}

.ml-82[b-hyltnkzwo3] {
    margin-left: 4.2708vw;
}

.mt-82[b-hyltnkzwo3] {
    margin-top: 4.2708vw;
}

.ml-84[b-hyltnkzwo3] {
    margin-left: 4.375vw;
}

.mt-84[b-hyltnkzwo3] {
    margin-top: 4.375vw;
}

.ml-86[b-hyltnkzwo3] {
    margin-left: 4.4792vw;
}

.mt-86[b-hyltnkzwo3] {
    margin-top: 4.4792vw;
}

.ml-88[b-hyltnkzwo3] {
    margin-left: 4.5833vw;
}

.mt-88[b-hyltnkzwo3] {
    margin-top: 4.5833vw;
}

.ml-90[b-hyltnkzwo3] {
    margin-left: 4.6875vw;
}

.mt-90[b-hyltnkzwo3] {
    margin-top: 4.6875vw;
}

.ml-92[b-hyltnkzwo3] {
    margin-left: 4.7917vw;
}

.mt-92[b-hyltnkzwo3] {
    margin-top: 4.7917vw;
}

.ml-94[b-hyltnkzwo3] {
    margin-left: 4.8958vw;
}

.mt-94[b-hyltnkzwo3] {
    margin-top: 4.8958vw;
}

.ml-96[b-hyltnkzwo3] {
    margin-left: 5vw;
}

.mt-96[b-hyltnkzwo3] {
    margin-top: 5vw;
}

.ml-98[b-hyltnkzwo3] {
    margin-left: 5.1042vw;
}

.mt-98[b-hyltnkzwo3] {
    margin-top: 5.1042vw;
}

.ml-100[b-hyltnkzwo3] {
    margin-left: 5.2083vw;
}

.mt-100[b-hyltnkzwo3] {
    margin-top: 5.2083vw;
}

.ml-15[b-hyltnkzwo3] {
    margin-left: 0.7813vw;
}

.ml-11[b-hyltnkzwo3] {
    margin-left: 0.5729vw;
}

.ml-17[b-hyltnkzwo3] {
    margin-left: 0.8854vw;
}

.mt-29[b-hyltnkzwo3] {
    margin-top: 1.5104vw;
}

.ml-9[b-hyltnkzwo3] {
    margin-left: 0.4688vw;
}

.mt-15[b-hyltnkzwo3] {
    margin-top: 0.7813vw;
}

.page[b-hyltnkzwo3] {
    background-color: #f1f4f8;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.section[b-hyltnkzwo3] {
    margin-top: -0.4167vw;
    padding-bottom: 40.6771vw;
    background-color: #ffffff;
    width: 14.4792vw;
    height: 56.6667vw;
    border-right: solid 0.05208vw #e1e1e1;
}

.pos_12[b-hyltnkzwo3] {
    position: absolute;
    left: 50%;
    top: 2.9167vw;
    transform: translateX(-50%);
}

.image[b-hyltnkzwo3] {
    width: 0.9375vw;
    height: 1.1458vw;
}

.font[b-hyltnkzwo3] {
    font-size: 1.0417vw;
    font-family: Source Han Sans CN;
    line-height: 1.8229vw;
    color: #000000;
}

.pos[b-hyltnkzwo3] {
    position: absolute;
    left: 5.3125vw;
    top: 0;
}

.pos_1[b-hyltnkzwo3] {
    position: absolute;
    left: 0;
    top: 0.3906vw;
}

.image-wrapper[b-hyltnkzwo3] {
    padding: 0.7292vw 0 0.5729vw;
    border-radius: 0.3865vw;
    background-color: #ebf4ff;
    width: 11.9792vw;
}

.pos_15[b-hyltnkzwo3] {
    position: absolute;
    left: 50%;
    top: 5.9375vw;
    transform: translateX(-50%);
}

.image_3[b-hyltnkzwo3] {
    width: 0.2604vw;
    height: 1.3542vw;
}

.pos_14[b-hyltnkzwo3] {
    position: absolute;
    left: 0.05208vw;
    top: 50%;
    transform: translateY(-50%);
}

.image_4[b-hyltnkzwo3] {
    width: 1.0417vw;
    height: 1.0417vw;
}

.text_3[b-hyltnkzwo3] {
    color: #2a8cff;
}

.pos_10[b-hyltnkzwo3] {
    position: absolute;
    left: 50%;
    top: 10.4167vw;
    transform: translateX(-50%);
}

.image_5[b-hyltnkzwo3] {
    width: 0.8854vw;
    height: 1.0417vw;
}

.group_1[b-hyltnkzwo3] {
    width: 6.1979vw;
}

.pos_8[b-hyltnkzwo3] {
    position: absolute;
    left: 3.4375vw;
    top: 14.1667vw;
}

.image_7[b-hyltnkzwo3] {
    width: 0.9896vw;
    height: 0.9896vw;
}

.group[b-hyltnkzwo3] {
    margin-right: 1.0417vw;
    padding: 2.6042vw 5.4167vw;
}

.group_3[b-hyltnkzwo3] {
    margin-top: 0.2083vw;
}

.section_2[b-hyltnkzwo3] {
    background-color: #0c3666;
    background-image: linear-gradient(0deg, #128dff 0%, #8cc9ff 100%);
    border-radius: 0.1823vw;
    width: 0.3646vw;
    height: 1.25vw;
}

.text[b-hyltnkzwo3] {
    color: #010101;
    font-size: 1.4583vw;
    font-family: Source Han Sans CN;
    line-height: 1.3542vw;
}

.input[b-hyltnkzwo3] {
    padding: 0.8333vw 0.9375vw 0.8854vw;
    background-color: #ffffff;
    border-radius: 0.4167vw;
    width: 27.1354vw;
    height: 2.9167vw;
    border-left: solid 0.05208vw #ebebeb;
    border-right: solid 0.05208vw #ebebeb;
    border-top: solid 0.05208vw #ebebeb;
    border-bottom: solid 0.05208vw #ebebeb;
}

.image_2[b-hyltnkzwo3] {
    width: 1.0938vw;
    height: 1.0938vw;
}

.text_2[b-hyltnkzwo3] {
    color: #c2c1c1;
    font-size: 1vw;
    font-family: Source Han Sans CN;
    line-height: 0.9375vw;
}

.font_2[b-hyltnkzwo3] {
    font-size: 1.25vw;
    font-family: Source Han Sans CN;
    color: #010101;
}

.text_4[b-hyltnkzwo3] {
    margin-left: 1.3542vw;
    margin-top: 1.1979vw;
    line-height: 1.1979vw;
}

.group_4[b-hyltnkzwo3] {
    margin-top: 1.9792vw;
    padding: 0 1.3542vw;
}

.section_3[b-hyltnkzwo3] {
    padding: 0.9375vw 1.4063vw 1.0417vw;
    background-color: #f6f7f9;
    border-radius: 0.4167vw;
    width: 18.9583vw;
    height: 4.5833vw;
    border-left: dashed 0.05208vw #2454ff;
    border-right: dashed 0.05208vw #2454ff;
    border-top: dashed 0.05208vw #2454ff;
    border-bottom: dashed 0.05208vw #2454ff;
}

.image_6[b-hyltnkzwo3] {
    width: 2.5vw;
    height: 2.5vw;
}

.font_3[b-hyltnkzwo3] {
    font-size: 0.8333vw;
    font-family: Source Han Sans CN;
    line-height: 0.8333vw;
    color: #010101;
}

.section_1[b-hyltnkzwo3] {
    padding: 0.8854vw 1.4583vw 0.9896vw;
    background-color: #f7f9fd;
    border-radius: 0.4167vw;
    width: 18.8542vw;
    height: 4.4792vw;
}

.group_5[b-hyltnkzwo3] {
    padding-top: 0.1042vw;
    width: 3.3854vw;
}

.text-wrapper[b-hyltnkzwo3] {
    padding: 0.2083vw 0;
    background-color: #f3f3f3;
    background-image: linear-gradient(0deg, #128dff 0%, #8cc9ff 100%);
    border-radius: 0.2083vw;
    width: 1.5104vw;
}

.pos_5[b-hyltnkzwo3] {
    position: absolute;
    right: 0;
    top: 0;
}

.text_5[b-hyltnkzwo3] {
    color: #ffffff;
    font-size: 0.4167vw;
    font-family: Source Han Sans CN;
    line-height: 0.4167vw;
}

.section_4[b-hyltnkzwo3] {
    padding: 0.9896vw 1.4583vw;
    background-color: #f7f9fd;
    border-radius: 0.4167vw;
    width: 18.8542vw;
    height: 4.4792vw;
}

.group_6[b-hyltnkzwo3] {
    padding: 0 6.4583vw 3.8021vw 6.8229vw;
}

.text_6[b-hyltnkzwo3] {
    line-height: 1.25vw;
}

.button[b-hyltnkzwo3] {
    padding: 0.5729vw 0 0.5208vw;
    background-color: #128dff;
    background-image: linear-gradient(0deg, #128dff 0%, #8cc9ff 100%);
    border-radius: 0.5208vw;
    width: 4.9479vw;
    height: 1.8229vw;
}

.font_4[b-hyltnkzwo3] {
    font-size: 0.7292vw;
    font-family: Source Han Sans CN;
    line-height: 0.7292vw;
    color: #000000;
}

.text_7[b-hyltnkzwo3] {
    color: #ffffff;
}

.button_1[b-hyltnkzwo3] {
    padding: 0.5729vw 0 0.5208vw;
    background-color: #efefef;
    border-radius: 0.5208vw;
    width: 4.9479vw;
    height: 1.8229vw;
}

.button_2[b-hyltnkzwo3] {
    padding: 0.5208vw 0;
    background-color: #efefef;
    border-radius: 0.5208vw;
    width: 4.9479vw;
    height: 1.8229vw;
}

.text_9[b-hyltnkzwo3] {
    line-height: 0.7813vw;
}

.grid[b-hyltnkzwo3] {
    margin-left: 0.1563vw;
    height: 28.3333vw;
    display: grid;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 0.7813vw;
    column-gap: 0.5901vw;
}

.grid-item[b-hyltnkzwo3] {
    padding: 0.8333vw 0.5729vw 0.9375vw 1.1458vw;
    background-color: #f7f9fd;
    border-radius: 0.5208vw;
}

.image_8[b-hyltnkzwo3] {
    width: 2.7083vw;
    height: 2.7083vw;
}

.font_5[b-hyltnkzwo3] {
    font-size: 0.625vw;
    font-family: Source Han Sans CN;
    line-height: 0.625vw;
    color: #000000;
}

.group_8[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.font_7[b-hyltnkzwo3] {
    font-size: 0.625vw;
    font-family: Source Han Sans CN;
    line-height: 0.7292vw;
    color: #000000;
}

.grid-item_2[b-hyltnkzwo3] {
    padding: 0.8333vw 0.625vw 0.9375vw 1.1458vw;
    background-color: #f7f9fd;
    border-radius: 0.5208vw;
}

.font_6[b-hyltnkzwo3] {
    font-size: 0.625vw;
    font-family: Source Han Sans CN;
    line-height: 0.5729vw;
    color: #000000;
}

.group_9[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.grid-item_3[b-hyltnkzwo3] {
    padding: 0.8333vw 0 0.9375vw 1.1458vw;
    background-color: #f7f9fd;
    border-radius: 0.5208vw;
}

.group_10[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.group_7[b-hyltnkzwo3] {
    margin-right: 2.0313vw;
}

.text_10[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.font_8[b-hyltnkzwo3] {
    font-size: 0.625vw;
    font-family: Source Han Sans CN;
    line-height: 0.7292vw;
    color: #bebebe;
}

.text_13[b-hyltnkzwo3] {
    margin-right: 0.5729vw;
    line-height: 0.6771vw;
}

.text_12[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.text_11[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.group_12[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.group_11[b-hyltnkzwo3] {
    margin-right: 2.0313vw;
}

.text_14[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.group_14[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.group_13[b-hyltnkzwo3] {
    margin-right: 2.0313vw;
}

.text_15[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.group_16[b-hyltnkzwo3] {
    line-height: 0.7292vw;
}

.group_15[b-hyltnkzwo3] {
    margin-right: 2.0313vw;
}

.text_16[b-hyltnkzwo3] {
    line-height: 0.6771vw;
}

.text_style1[b-hyltnkzwo3] {
    border: #d0d0d0;
    width: 22vw;
    height: 3vw;
}