@font-face {
    font-family: "HarmonyOS_Sans_Regular";
    src: url("../../newKspx/assets/font/HarmonyOS Sans/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2") format("woff2");
}

* {
    font-family: HarmonyOS_Sans_Regular !important;
}

:root {
    --color-chain-deep-blue: #1d4fd4;
}

#mainContainer {
    min-width: 1200px;
}

#mainContainer p {
    text-align: left;
}

#mainContainer h2 {
    text-align: left;

}

#mainContainer li {
    text-align: left;

}

.chain-article__header {
    height: 36px;
    width: 100%;
    box-sizing: border-box;
    background-color: #272727;
}

.chain-article__header-container {
    width: 1200px;
    display: flex;
    height: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.chain-article__left {
    background: var(--color-chain-deep-blue);
    color: #fff;
    width: 230px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chain-article__right {
    color: #fff;
    cursor: pointer;
}

/*一些常用的类*/
.min-h-100vh {
    min-height: 100vh;
}

.w-inherit {
    width: inherit;
}

.relative {
    position: relative;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-7 {
    z-index: 7;
}

.z-8 {
    z-index: 8;
}

.z-9 {
    z-index: 9;
}

.font-bold {
    font-weight: 700;
}


.text-indent-first-lv {
    text-indent: 2rem;
}

.text-indent-second-lv {
    text-indent: 4rem;
}

.sizedBox-50 {
    height: 40px;
    width: 100%;
}

/*查看更多按钮*/
.i-understand-btn {
    color: #ababab;
    border: 1px solid var(--color-chain-deep-blue);
    border-radius: 4px;
    /* padding: 20px 100px; */
    margin: 0 auto;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    cursor: pointer;
    user-select: none;
}

.text-blue-important {
    color: var(--color-chain-deep-blue) !important;
}

.article-container {
    margin: 0 auto;
    width: 1200px;
    line-height: 1.8;
}