.shadow {
    box-shadow: rgba(47, 46, 63, 0.05) 0px 2px 20px 0px;
    position: fixed;
    width: 100%;
    /* max-width: 1920px; */
    z-index: 10;
    background: white;
}

.header-content {
    width: 100%;
    /* max-width: 1920px; */
    margin: 0 auto;
    height: 0.6rem;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-logo {
    width: 0.9rem;
    height: 0.25rem;
    display: block;
    padding-left: .34rem;
    padding-right: .2rem;
    cursor: pointer;

    border-right: 1px solid #E0E0E2;
}

.header-left {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.helpCenter-text {
    width: .63rem;
    height: .2rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #333333;
    line-height: .2rem;

    padding-left: .16rem;
    white-space: nowrap;
}

.header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-signIn {
    width: .32rem;
    height: .2rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_95_ExtraBold;
    color: #FF7700;
    line-height: .2rem;
    cursor: pointer;
    margin-right: .25rem;
}

.header-button {
    width: .95rem;
    height: .4rem;
    background: #FF7700;
    border-radius: 2px;

    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_95_ExtraBold;
    color: #FFFFFF;
    border: 0px;

    margin-right: .34rem;
    cursor: pointer;
}

.content {
    width: 100%;
    max-width: 1920px;
    display: flex;
    flex-direction: row;
}

.content-nav {
    width: clamp(2.4rem, 2.84rem, 6rem);
    display: flex;
    flex-direction: column;

}

.nav-input {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='60' viewBox='-4 -2 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 22a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.321-1.096l5.386 5.39a1 1 0 1 1-1.414 1.413l-5.386-5.388a8 8 0 1 1 1.414-1.415z' fill='grey' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: .45rem;
    display: block;
    width: 85%;
    height: .40rem;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding-left: 0.36rem;
    font-size: .14rem;
}

.nav-input-text {
    font-size: .14rem;
}



.input-wrapper {
    margin: .30rem .24rem;
}

.helpCenter-content {
    max-width: calc(100% - 3.37rem);
    /* padding: 15px 15px 15px 5px; */
    margin-top: .75rem;
}

.doc-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* margin-left: 300px; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1 1 auto;
    display: flex;
    padding: 0;
    max-width: 100%;
    min-width: 0;
    /* background: #fff; */
    flex-direction: column;
    /*padding-bottom: 64px;*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    margin-left: 2.84rem;
}

.doc-title h1 {
    /* width: 1.34rem;
    height: 0.34rem; */
    font-size: 0.34rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: 34px;
}

.doc-content-header {
    padding-top: .15rem;
    padding-bottom: .25rem;

    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #999999;
    line-height: 16px;
    display: flex;
    flex-direction: row;
}

.doc-content-headers {
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #999999;
    line-height: 16px;
    display: block;
}

.doc-content-headers:hover{
    color: #333333;
    text-decoration: underline;
}

.doc-content-headers:active{
    color: #333333;
    text-decoration: underline;
}

.doc-content-spacer {
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #999999;
    line-height: 16px;
    padding: 0 0.05rem;
    display: block;
}

#content {
    font-size: 0.16rem !important;
    line-height: .28rem;
}

.sub-menu {}

.page-change-text {
    font-size: .2rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #333333;
    line-height: .28rem;
}

.content-list {
    list-style: disc;
    font-size: .2rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: 20px;
    margin-top: .3rem;
}

.content-list:active {
    color: #FF7700;
    text-decoration: underline !important;
}

.content-list:hover {
    color: #FF7700;
    text-decoration: underline !important;
}

.icon-left::before {
    transform: rotate(-90deg);
}

.ne {
    position: absolute;
    width: 5px;
    border-right: 1px solid #ddd;
    z-index: 999999;
    top: 0px;
    right: 0px;
    cursor: ew-resize;
    height: 100%
}

.ne:hover {
    border-right-color: #FF7700;
}

.nav-button {
    position: fixed;
    width: .24rem;
    height: .24rem;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    top: 1.51rem;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;

    z-index: 100;
    cursor: pointer;
    transform: translateX(-.12rem);

}

.nav-button-text {
    display: block;
    font-size: 0.09rem;
}



#component {
    width: 100%;
    order: 2;
}

.vditor-reset h2,
.vditor-reset h3,
.vditor-reset h4,
.vditor-reset h5 {
    /* padding-top: .62rem; */
    padding-top: .78rem !important;
    margin-top: -.62rem !important;
}

.v-ac {
    font-weight: 700;
    color: #FF7700 !important;
}

.noBold {
    font-weight: normal !important;
}

.markdown-body h2 {
    margin-bottom: .12rem !important;
    padding-bottom: 0 !important;
    margin-top: .32rem;
    border-bottom: none !important;
}

.doc-nav::-webkit-scrollbar {
    display: none;
}

.markdown-toc {
    border-left: 1px solid #DDDDDD;
}

.sidebar::-webkit-scrollbar {
    display: none;
}

/* 首页样式 */
.front-body {
    margin-top: .6rem;
    margin-left: .5rem;
    margin-right: .25rem;
    display: flex;
    flex-direction: column;
}

.front-title {
    padding-top: .3rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #999999;
    line-height: .16rem;
}

.toolNav-wrapper {
    padding-top: .4rem;
}

.toolNav-title {
    font-size: .34rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: .34rem;
    padding-bottom: .24rem;
}

.feature-wrapper {
    display: grid;
    column-gap: .24rem;
    grid-template-columns: 23.7% 23.77% 23.7% 23.7%;
}

.feature-block {
    max-width: 3.66rem;
    height: 1.2rem;
    background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/afc325ed41bc41c6a0fa81ced4a6fc96_mergeImage.png);
    background-size: cover;
    border-radius: 4px;

    display: flex;
    justify-content: center;
    text-align: middle;
}


.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.fblock-link {
    font-size: .2rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: .28rem;
}

.fblock-img {
    width: .24rem;
    height: .24rem;
    padding-right: 0.09rem;
}

.fblock-text {
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #666666;
    line-height: .22rem;
    margin-top: .08rem;
    margin-right: 0.1rem;
}

.topic-wrapper {
    margin-top: .9rem;
}

.topic-title {
    font-size: .34rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: .34rem;
    margin-bottom: .24rem;
}

.topic-cards {}

.topic-card {
    display: flex;
    flex-direction: row;
    padding: .35rem 0;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    margin-bottom: .32rem;
}

.card-left {
    /* padding: 0 .8rem; */
    padding: 0 5%;
    border-right: 1px solid #DDDDDD;

    justify-content: center;
    text-align: center;
}

.card-title {
    font-size: .28rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: .4rem;
    margin-bottom: .16rem;
}

.card-button {
    width: 1.38rem;
    height: .44rem;
    background: #FFE6CC;
    border-radius: 4px;
    border: hidden;

    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #663301;
    line-height: .22rem;

    cursor: pointer;
}

.card-right {
    /* 1.13rem */
    padding-left: 7%;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 49% 49%;
    grid-row-gap: 0.32rem;
    grid-column-gap: 1%;
    width: 100%;
}

.card-right-grid {
    max-width: 5.37rem;
}

.card-link {
    font-size: .18rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #333333;
    line-height: .25rem;
    margin-bottom: 0.05rem;
    display: block;
}

.card-grid-text {
    font-size: .16rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: #999999;
    line-height: .22rem;
    /* white-space: nowrap; */
}

.bottom-info-wrapper {
    margin-top: .58rem;
    margin-bottom: 3.16rem;
}

.bottom-info {
    margin-top: .4rem;
    justify-content: space-between;
    width: 7.02rem;
}

.qr-code {
    justify-content: center;
    text-align: center;
}

.public-qr {
    width: 1.2rem;
    height: 1.2rem;
}

.qr-text {
    margin-top: .10rem;
    font-size: .14rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: rgba(0, 0, 0, 0.65);
    line-height: .2rem;
}

.info-sep {
    width: 1px;
    background-color: #EFEFEF;
}

.contact-info li {
    margin-top: .16rem;
    font-size: .14rem;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    color: rgba(0, 0, 0, 0.65);
    line-height: .22rem;
}

.contact {
    font-size: .14rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: rgba(0, 0, 0, 0.85);
    line-height: .2rem;
}

.button-arrow {
    width: .17rem;
    margin-bottom: 0.03rem;
}


@media only screen and (min-width: 1920px) {
    .card-grid-text {
        white-space: nowrap;
    }
}