

        .top-nav {
            background-color: white;
        }

        /* =======================================================================
           页面内容区域样式
           ======================================================================= */

        /* =======================================================================
           Banner 区域样式
           ======================================================================= */

        .banner-section {
            position: relative;
            margin-top: 9rem;
            height: 27.5rem;
            background:
            url('../../../img/mobile/about_bg.png') center center/cover no-repeat;
            color: white;
            z-index: 1;
        }

        .banner-content {
            /* max-width: 600px;
            padding: 0 20px; */
            letter-spacing: 0.18em;
            position: absolute;
            top: 10.8rem;
            left:50%;
            transform: translateX(-50%);
            width: 100%;
        }

        .banner-title {
            /* font-weight: 600; */
            font-family: HarmonyOS_Sans_SC;
            font-size: 3.3rem;
            color: #FFFFFF;
            line-height: 4.6rem;
            margin-bottom: 0.8rem;
            text-align: center;
        }
        .banner-subtitle {
            color: rgba(255, 255, 255, 0.55);
            font-family: HarmonyOS_Sans_SC_Light;
            font-size: 1.8rem;
            line-height: 2.5rem;
            text-align: center;
            font-style: normal;
        }



        .contact-section {
            position: static;
            margin: 0;
            padding: 40px 10px;
            max-width: none;
            background-color: white;
        }

        .contact-content {
            width: 100%;
            margin: 0;
            margin-top: 3rem;
            /* background: transparent;
            box-shadow: none; */
        }
        .contact-top{
            text-align: center;
        }
        .contact-top p{
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.6rem;
            margin-bottom: 0.5rem;
            color: #585858;
        }
        .ioin-main{
            display: flex;
            align-items: center;
            gap: 2.2rem;
        }
        .email-content {
            flex: 1;
            text-align: left;
        }
        .join-top{
            display: flex;
            margin-bottom: 1.5rem;
        }
        .join-top h6 {
            margin-bottom: 0 !important;
        }
        .join-icon{
            /* height: 5.3rem; */
            width: 12.8rem;
        }
        .join-item{
            display: flex;
            flex-direction: column;
        }
        .join-des{
            display: flex;
            align-items: center;
            gap: 1.2rem;
            text-decoration: none;
        }
        .join-item p{
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 1.8rem !important;
            color: #585858;
            font-style: normal;
            margin-bottom: 1.2rem !important;
        }
        .join-des img{
            width: 2.7rem;
        }
        .join-ser{
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.6rem;
            color: #585858;
        }
        .contact-body {
            padding: 3.9rem 1rem 5rem 3.4rem;
        }

        .contact-bottom-space {
            display: none; /* 移动端不需要底部空间 */
        }

        .contact-info-item,
        .email-item {
            display: flex;
            align-items: center;
            padding: 0;
            margin-bottom: 1.8rem;
            align-items: flex-start;
        }

        .contact-icon,
        .email-icon {
            margin: 0 1.5rem 0 0;
            width: 2.8rem;
            object-fit: contain;
            flex-shrink: 0;
        }

        .contact-info-content,
        .email-content {
            flex: 1;
            text-align: left;
        }

        .contact-info-content h5,
        .email-content h6 {
            font-size: 2rem;
            margin-bottom: 2.2rem;
            margin-top: 0;
            font-family: HarmonyOS_Sans_SC;
        }

        .contact-info-content p,
        .email-content p {
            text-align: left;
            font-size: 1.5rem;
            margin: 0;
            line-height: 2.5rem;
            color: rgba(88, 88, 88, 0.9)
            /* margin-bottom: 8px; */
        }
        footer{
            background: #F9F9F9 !important;
        }
