/* page
    /* ------------------------ */
    #page-container {
        position: relative;
        overflow: hidden;
        margin-top: 1.43rem;
    }
    
    .page-title {
        padding: 1.2rem 0 1.17rem 0;
        text-align: center;

        font-size: 0.48rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(0, 0, 0, 1);
        line-height: 0.67rem;
    }

    .page-subTitle {
        height: 0.32rem;
        font-family: PingFangSC-Regular;
        font-size: 0.18rem;
        color: #3E3E3E;
        line-height: 0.32rem;
        font-weight: 400;
    }

    .page-footer-container {
        width: 100%;
        height: 3.5rem;
        background: burlywood;
    }

    .banner-wrapper {
        height: 6.98rem;
        background-position: 0 58%;
        /* height: 100vh; */
        width: 100%;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .banner-h1 {
        margin-top: 1.5rem;
        font-size: 0.72rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(0, 142, 226, 1);
        line-height: 1rem;
    }

    .banner-h2 {
        margin-top: 0.1rem;
        font-size: 0.36rem;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
        line-height: 0.5rem;
        margin-top: 0.1rem;
    }

    .banner-button {
        margin-top: 0.49rem;
        padding: 0 0.35rem;
        height: 0.63rem;
        background: rgba(0, 141, 219, 1);
        border-radius: 0.62rem;
        font-size: 0.24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        display: flex;
        align-items: center;
        border: 0.01rem solid transparent;
    }
    .banner-button:hover {
        background-color: #fff !important;
        border: 0.01rem solid #327fdc;
        color: #327fdc !important;
        cursor: pointer !important;
    }
    .bg-contain {
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position:0 50%;
    }
    .bg-full {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position:0 0;
        }
    .bg-center {
        background-position:0 50%;
    }
    .flex-column-center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .flex-row-center {
        display: flex;
        justify-content: center;
    }

    .page-header-container, #page-container, .footer-nav, .page-article, section {
        /* min-width: 1220px; */
    }
    .cardimg-img {
        width: 0.6rem;
        height: 0.6rem;
    }

    .cardimg-title {
        font-size: 0.24rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 0.4rem;
        padding: 0.07rem 0 0.09rem 0;
    }

    .cardimg-text {
        font-size: 0.18rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #D5D5D5;
        line-height: 0.32rem;
        white-space: pre-line;
    }

    .card-scroll-container {
        height: 1.17rem;
        overflow-y: scroll;
        -ms-overflow-style: none; /* IE 10 */
        /*火狐下隐藏滚动条*/
        scrollbar-width: none;
    }

    .card-scroll-container::-webkit-scrollbar { width: 0 !important }

    .btn, .btn-black {
        transition: all 0.2s ease-out;
        cursor: pointer !important;
    }
    .btn {
        border: 0.01rem solid #fff;
    }
    .btn-black {
        border: 0.01rem solid #000;
    }
    .btn:hover,
    .btn-black:hover {
        background-color: #fff !important;
        border: 0.01rem solid #327fdc;
        color: #327fdc !important;
        cursor: pointer !important;
    }
    input:focus {
        outline: 0.01rem solid rgba(0,129,253,1) !important;
    }

    .reversal-img {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        /* IE 9 */
        -moz-transform: rotateY(180deg);
        /* Firefox */
        -webkit-transform: rotateY(180deg);
        /* Safari 和 Chrome */
        -o-transform: rotateY(180deg);
        /* Opera */
    }
    .moreinfo-btn-hover:hover {
        color: #fff;
        background-color: #0C78D3;
        border-color: #0C78D3 !important;
    }