html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
}

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('/static/common/fonts/HarmonyOS_Sans_Black.ttf');
}

@font-face {
    font-family: 'HarmonyOS Sans SC-Bold';
    src: url('/static/common/fonts/HarmonyOS_Sans_Bold.ttf');
}


.main-view {
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(180deg, #f8faff, #f3f5fa);
}

.fixed-view {
    width: 46.88rem;
    height: 7.5rem;
    background: #ffffff;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.fixed-logo-icon {
    width: 16.75rem;
    height: 4.5rem;
    margin-top: 1.5rem;
    margin-left: 1.75rem;
}

.fixed-down-btn {
    width: 12.5rem;
    height: 4.5rem;
    background: #2855d1;
    border-radius: 0.5rem;
    position: absolute;
    top: 1.5rem;
    right: 1.75rem;
    text-align: center;
    line-height: 4.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Semibold, serif;
    font-weight: 600;
    color: white;
    cursor: pointer;
}

.first-view {
    /*padding-top: 7.5rem;*/
    position: relative;
    background-image: url("/static/common/images/home/mobile/top_bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.first-view .top-bg-icon {
    width: 46.88rem;
    height: 7.5rem;
}

.first-title {
    width: 41.25rem;
    font-size: 4.75rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, serif;
    font-weight: 700;
    text-align: center;
    color: #09244b;
    line-height: 5rem;
    margin-top: 3.75rem;
    padding-left: 2.88rem;
}

.first-desc {
    width: 39.88rem;
    margin: 2.5rem auto 0;
    height: 2.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #09244b;
    line-height: 2.5rem;
}

.first-bottom-box {
    width: 46.88rem;
    height: 50.5rem;
    margin-top: 1.25rem;
    background-image: url("/static/common/images/home/mobile/home_model_bg.png");
    background-size: 100%;
}

.first-bottom-icon {
    width: 39.5rem;
    height: 43.75rem;
    margin: 3.48rem 3.5rem 3.22rem 3.9rem;
}

.first-down-btn {
    width: 25rem;
    height: 6.5rem;
    background: #2855d1;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 6.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    color: #ffffff;
    margin-top: 4.75rem;
    margin-left: 11rem;
    cursor: pointer;
}

.second-view {
    width: 46.875rem;
    height: 83.51rem;
    /*opacity: 0.8;*/
    position: relative;
    /*background: antiquewhite;*/
}

.second-view .top-bg {
    width: 46.88rem;
    height: 30.63rem;
    /*background: blue;*/
    background-image: url("/static/common/images/home/mobile/select_models-bg.png");
    background-size: 100%;
}

.second-title {
    width: 36.88rem;
    height: 5rem;
    padding: 5rem 5rem 0 5rem;
    font-size: 2.88rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, serif;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 5rem;
}

.second-desc {
    width: 29rem;
    font-size: 1.75rem;
    padding-top: 0.75rem;
    padding-left: 5rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    line-height: 2.5rem;
}

.second-view .bottom-view {
    width: 46.88rem;
    height: 52.88rem;
    /*background: aquamarine;*/
}

.second-left-bg-box {
    width: 29.75rem;
    height: 26.63rem;
    background: linear-gradient(90deg, #f6f9ff 0%, #eaf0ff);
    /*border: 1px solid red;*/
    border-top-right-radius: 4.38rem;
    border-bottom-right-radius: 4.38rem;
    position: absolute;
    left: 0;
    top: 46.75rem;
}

.second-left-icon {
    width: 23rem;
    height: 36.5rem;
    position: absolute;
    left: 2.02rem;
    top: 40.79rem;
    /*background: aqua;*/
}

.second-right-top-desc {
    width: 20.13rem;
    height: 10.88rem;
    /*border: 1px solid red;*/
    position: absolute;
    top: 45.13rem;
    left: 24.88rem;
}

.second-right-bottom-desc {
    width: 20.13rem;
    height: 10.88rem;
    /*border: 1px solid red;*/
    position: absolute;
    top: 60.5rem;
    left: 24.88rem;
}

.second-right-desc-title {
    height: 2.5rem;
    font-size: 2.25rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, serif;
    font-weight: 700;
    text-align: left;
    color: #2855d1;
    line-height: 2.5rem;
}

.second-right-desc-info {
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: left;
    color: #09244b;
    line-height: 2.5rem;
    padding-top: 0.88rem;
}

.second-right-float-icon {
    width: 24.25rem;
    height: 15.75rem;
    position: absolute;
    top: 21.5rem;
    right: 1.63rem;
}

.third-view {
    width: 46.88rem;
    height: 50rem;
    position: relative;
    /*background: antiquewhite;*/
}

.third-view .top-bg-icon-box {
    width: 46.88rem;
    height: 23.5rem;
    background: #2855d1;
    position: relative;
}

.third-view .top-bg-icon-box .top-bg-icon {
    width: 7.25rem;
    height: 8.13rem;
    position: absolute;
    top: 11.75rem;
    right: 0.6rem;
}

.third-title {
    width: 46.88rem;
    height: 3.75rem;
    font-size: 2.88rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, serif;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 3.75rem;
    position: absolute;
    left: 0;
    top: 4.5rem;
}

.third-desc {
    width: 46.88rem;
    height: 2.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 2.5rem;
    position: absolute;
    left: 0;
    top: 9rem;
}

.third-center-icon {
    width: 42.88rem;
    height: 29rem;
    position: absolute;
    left: 2.5rem;
    top: 15rem;
}

.forth-view {
    position: relative;
}

.forth-view .top-bg-icon {
    width: 46.88rem;
    height: 20rem;
}

.forth-view .bottom-bg-icon {
    width: 46.88rem;
    height: 50.25rem;
}

.forth-title {
    width: 36rem;
    height: 7.5rem;
    font-size: 2.88rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, serif;
    font-weight: 700;
    text-align: left;
    color: #2855d1;
    line-height: 3.75rem;
    position: absolute;
    left: 5rem;
    top: 4.63rem;
}

.forth-desc {
    width: 36.88rem;
    height: 2.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    color: #2855d1;
    line-height: 2.5rem;
    position: absolute;
    left: 5rem;
    top: 12.88rem;
}

.fifth-view {
    width: 46.88rem;
    height: 32rem;
    position: relative;
    background-image: url("/static/common/images/home/mobile/contact_us_bg.png");
    background-size: cover;
}

.fifth-title {
    height: 3.75rem;
    font-size: 2.88rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, 黑体, serif;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 3.75rem;
    padding-top: 4.5rem;
}

.fifth-desc {
    height: 2.5rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 2.5rem;
    margin-top: 0.75rem;
}

.fifth-phone-view, .fifth-email-view {
    width: 42.75rem;
    height: 4.5rem;
    margin-left: 4.13rem;
}

.fifth-phone-view {
    margin-top: 3.13rem;
}

.fifth-email-view {
    margin-top: 2.5rem;
}

.fifth-phone-icon, .fifth-email-icon {
    width: 4.5rem;
    height: 4.5rem;
    float: left;
}

.fifth-phone-desc, .fifth-email-desc {
    /*width: 36rem;*/
    height: 4.5rem;
    float: left;
    margin-left: 1.81rem;
    line-height: 4.5rem;
    font-size: 2rem;
    font-family: PingFang SC, PingFang SC-Regular, 黑体, serif;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}

.about-view {
    width: 46.88rem;
    height: 46.88rem;
    /*opacity: 0.5;*/
    background: #e4ebfe;
    position: relative;
}

.about-title {
    width: 46.88rem;
    height: 3.75rem;
    font-size: 2.88rem;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold, 黑体, serif;
    font-weight: 700;
    text-align: center;
    color: #2855d1;
    line-height: 3.75rem;
    position: absolute;
    top: 6rem;
    left: 0;
}

.about-content {
    width: 37.13rem;
    height: 30rem;
    font-size: 1.75rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #2855d1;
    line-height: 2.5rem;
    position: absolute;
    left: 4.88rem;
    top: 12rem;
}

.sixth-view {
    width: 46.88rem;
    height: 18.5rem;
    background: linear-gradient(180deg, #f8faff, #f3f5fa);
    position: relative;
}

.sixth-link {
    width: 46.88rem;
    height: 2.13rem;
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #2855d1;
    line-height: 2.13rem;
    position: absolute;
    top: 4.38rem;
    left: 0;
}

.sixth-link a {
    text-decoration: none;
}

.sixth-company,.sixth-contact {
    width: 46.88rem;
    height: 2.13rem;
    opacity: 0.5;
    font-size: 1.5rem;
    font-family: PingFang SC, PingFang SC-Medium, 黑体, serif;
    font-weight: 500;
    text-align: center;
    color: #09244b;
    line-height: 2.13rem;
    position: absolute;
    left: 0;
    top: 8.75rem;
}

.sixth-contact {
    top: 11.63rem;
}