/* 重置样式 */
@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Regular-14.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto';
}

@media screen and (min-width: 751px) {
    body {
        background-color: #fff;
        padding-top: .9rem;
    }

    /* Header容器 */
    .header-section {
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        z-index: 999;
        border-bottom: 2px solid #FFD14D;
    }

    .header-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.56rem;
        height: .9rem;

    }
    .logo-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* Logo区域 */
    .logo-img {
        width: 1.5rem;
        height: 0.9rem;
        cursor: pointer;
    }

    .mobile_logo {
        display: none;
    }

    /* 导航菜单 */
    .nav-menu {
        display: flex;
        align-items: center;
    }

    .nav-link {
        font-size: 0.16rem;
        color: #3D3A3A;
        text-decoration: none;
        white-space: nowrap;
        font-weight: 400;
        margin-right: 0.48rem;
        cursor: pointer;
    }

    .nav-link:hover {
        color: #F69002;
    }

    /* 咨询合作区域 */
    .contact-section {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #3D3A3A;
    }

    .contact-section:hover {
        color: #369436;
    }

    .mobile-contact-section {
        display: none;
    }

    .top_btn {
        display: flex;
        width: 1.26rem;
        height: 1.01rem;
        cursor: pointer;
        position: fixed;
        right: .78rem;
        top: .9rem;
    }

    .top_btn img {
        width: 100%;
        height: 100%;
    }

    .contact-icon {
        width: 0.3rem;
        height: 0.3rem;
    }

    .contact-text {
        font-size: 0.16rem;
        font-weight: 400;
    }

    /* Banner区域 */
    .banner-section {
        width: 100%;
        background-color: #FFF9E9;
    }

    .banner-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        height: 7.76rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.56rem;
    }

    /* 左侧文字区域 */
    .banner-left {
        width: 4.9rem;
    }

    .banner-title {
        font-weight: 700;
        font-style: Bold;
        font-size: .32rem;
        color: #F69002;
        white-space: nowrap;
    }

    .banner-title br {
        display: none;
    }

    .banner-subtitle {
        font-weight: 700;
        font-style: Bold;
        font-size: .24rem;
        color: #F69002;
        margin: 0.04rem 0 .24rem;
        text-align: center;
    }

    .banner-cta {
        font-size: 0.2rem;
        color: #323232;
        font-weight: 700;
        text-align: center;
    }

    .mobile-banner-cta {
        display: none;
    }

    .banner-description {
        margin: 0.24rem 0 .05rem;
    }

    .desc-text {
        font-size: 0.24rem;
        color: #3D3A3A;
        margin-bottom: 0.24rem;
        font-weight: 400;
    }

    /* 二维码区域 */
    .qr-codes {
        display: flex;
        justify-content: center;
        margin-top: .05rem;
    }

    .qr-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: .24rem;
    }

    .qr-code {
        width: 1.3rem;
        height: 1.3rem;
    }

    .qr-image {
        width: 100%;
        height: 100%;
    }

    .qr-label {
        font-size: 0.16rem;
        color: #000000;
        font-weight: 400;
        text-align: center;
        margin-top: .05rem;
    }

    /* 右侧图片区域 */
    .banner-right {
        width: 5.52rem;
        height: 5.97rem;
    }

    .banner-right img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* 适合对象区域 */
    .audience-section {
        width: 100%;
    }

    .audience-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
    }

    .audience-title {
        margin: .4rem 0 .24rem;
        font-size: 0.32rem;
        font-weight: 700;
        color: #F69002;
        text-align: center;
    }

    /* 分类标签区域 */
    .audience-tags {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0.24rem;
    }

    .tag-item {
        min-width: 1.22rem;
        max-width: 1.84rem;
        border: 0.02rem solid #6B440C;
        font-size: 0.16rem;
        color: #6B440C;
        white-space: nowrap;
        text-align: center;
        margin-right: 0.06rem;
    }



    /* 内容卡片区域 */
    .audience-cards {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 1.56rem;
    }

    .card-item {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 3.6rem;
        /* height: 4.64rem; */
    }

    .card-illustration {
        width: 3.2rem;
        height: 2.92rem;
        margin: .2rem 0 .24rem;
    }

    .card-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .card-title {
        font-size: 0.24rem;
        font-weight: 400;
        color: #6B440C;
        text-align: center;
        margin-bottom: 0.12rem;
    }

    .card-description {
        font-size: 0.2rem;
        color: #3D3A3A;
        text-align: center;
        font-weight: 400;
    }

    .audience_btn {
        width: 5.6rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        background: #FFF9E9;
        text-align: center;
        margin: .4rem auto;
        cursor: pointer;
    }

    .audience_btn a {
        font-size: .16rem;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #3D3A3A;
    }

    .audience_btn:hover {
        background-color: #FFD14D;
    }

    /* 幼儿教材区域 */
    .material-section {
        width: 100%;
        background: linear-gradient(174.06deg, #F18D8F -15.91%, #FFF886 107.34%);
        height: 8.03rem;
    }

    .material-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.56rem;
        height: 100%;
    }

    /* 左侧文字区域 */
    .material-left {
        width: 4.56rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .material-title-wrapper {
        width: 3.81rem;
        height: .9rem;
        display: flex;
    }

    .material-title-wrapper img {
        width: 100%;
        height: 100%;
    }


    .material-slogans {
        margin: .24rem 0 0.12rem;
        text-align: center;
        line-height: 1.5;
    }

    .slogan-text {
        font-size: 0.24rem;
        font-weight: 700;
        color: #3D3A3A;
    }

    /* 特性列表 */
    .material-features {
        line-height: 1.5;
        list-style: none;
    }

    .feature-item {
        font-size: 0.2rem;
        color: #000000;
    }



    .material-note {
        font-size: 0.16rem;
        color: #6B440C;
        margin: .24rem 0 0.12rem;
    }

    .material-qr {
        width: 2.1rem;
        height: 1.62rem;
    }

    .material-qr-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .btn_box {
        display: flex;
        margin-top: .12rem;
    }

    .btn_box>img {
        width: 1.05rem;
        height: .44rem;
        cursor: pointer;
    }

    .btn_box>img:nth-child(1) {
        margin: 0 .2rem 0 0;
    }

    /* 右侧图片区域 */
    .material-right {
        width: 6.42rem;
        height: 100%;
        position: relative;
    }

    .material-tablet {
        width: 100%;
        height: 6.91rem;
        position: absolute;
        bottom: 0;
    }

    /* APP解决方案区域 */
    .app-solution-section {
        width: 100%;
        background-color: #FFF9E9;
    }

    .app-solution-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        padding: 0 1.56rem;
        height: 9.79rem;
    }

    /* 标题区域 */
    .app-title-area {
        text-align: center;
        padding: .4rem 0 0.24rem;
    }

    .app-main-title {
        font-size: 0.32rem;
        font-weight: 700;
        color: #F69002;
        margin-bottom: 0.16rem;
    }

    .app-subtitle {
        font-size: 0.2rem;
        color: #3D3A3A;
        font-weight: 400;
        margin-top: .12rem;
    }

    /* 主要视觉区域 */
    .app-visual-area {
        width: 5.6rem;
        height: 3.15rem;
        margin: 0 auto .4rem;
    }

    .app-visual-image {
        width: 100%;
        height: 100%;
    }

    /* 功能卡片区域 */
    .app-feature-cards {
        display: flex;
        justify-content: space-between;

    }

    .mobile_type_box {
        display: none;
    }

    .app-feature-card {
        width: 3.6rem;
        height: 4.3rem;
        background-color: #FFFFFF;
        border-radius: 0.2rem;
        padding: 0.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .app-card-image {
        width: 100%;
        height: 2.32rem;
        margin-bottom: 0.22rem;
    }

    .app-card-img {
        width: 100%;
        height: 100%;
    }

    .app-card-title {
        font-size: 0.24rem;
        font-weight: 700;
        margin-bottom: .1rem;
    }

    .app-card-title span {
        color: #F69002;
    }

    .app-card-features {
        list-style: none;
        line-height: 1.5;
    }

    .app-card-features li {
        font-size: 0.2rem;
        color: #3D3A3A;
    }

    .app-card-features li::before {
        content: '•';
        color: #3D3A3A;
    }

    /* 课程说明区域 */
    .course-section {
        width: 100%;
        background-color: #FFFFFF;
    }

    .course-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        padding: .4rem 0;
    }

    .course-main-title {
        font-size: 0.32rem;
        font-weight: 700;
        color: #F69002;
        text-align: center;
    }

    /* 课程分类导航栏 */
    .course-categories {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .12rem 0 .24rem;
    }

    .category-item {
        width: 1.47rem;
        height: .68rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin-right: .12rem;
        cursor: pointer;
    }

    .category-item:hover {
        background-color: #FFD14D;
    }

    .category-item:last-child {
        margin: 0;
    }

    /* 课程模块 */
    .course-module {
        margin-bottom: 0.24rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .course-module:last-child {
        margin-bottom: 0;
    }

    .course-module-left,
    .course-module-right {
        width: 3.32rem;
        height: 2.72rem;
        padding: .24rem;
        box-shadow: 0px 1px 3px 1px #00000026;
        box-shadow: 0px 1px 2px 0px #0000004D;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 1;
        background: #fff;

    }

    .course-module-left2 {
        width: 4.25rem;
        height: 2.72rem;
    }

    .course-module-right2 {
        width: 4.25rem;
        height: 2.96rem;
    }

    .course-module-right {
        position: relative;
        left: -.4rem;
        right: inherit;
    }

    .course-module-title {
        font-size: 0.2rem;
        font-weight: 700;
        color: #6B440C;
    }

    .course-module-subtitle {
        font-size: 0.16rem;
        color: #F69002;
        font-weight: 400;
        margin: .04rem 0;
    }

    .course-module-description {
        font-size: 0.16rem;
        color: #3D3A3A;
        margin-bottom: 0.16rem;
        font-weight: 400;
    }

    .course-module-description span {
        display: flex;
    }

    .course-module-description span::before {
        content: '•';
        color: #3D3A3A;
    }

    .course-outline-btn {
        width: 1.47rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
    }

    .course-outline-btn a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .16rem;
        color: #3D3A3A;
    }

    .course-outline-btn:hover {
        background-color: #FFD14D;
    }

    .course-module-images {
        width: 6.48rem;
        height: 3.2rem;
        display: flex;
        position: relative;
        left: -.4rem;
    }

    .course-module:nth-child(2n) .course-module-images {
        position: relative;
        left: inherit;
    }

    .course-module-images2 {
        width: 5.55rem;
    }

    .course-image {
        width: 100%;
        height: 100%;
    }

    /* 教材特色区域 */
    .feature-section {
        width: 100%;
        background: #FFD14D;
        /* height: 11.86rem; */
    }

    .feature-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        padding: .4rem 1.56rem;

    }

    /* 标题区域 */
    .feature-title-area {
        text-align: center;
    }

    .feature-main-title {
        font-size: 0.32rem;
        font-weight: 700;
        color: #6B440C;
    }

    .feature-subtitle {
        font-size: 0.2rem;
        color: #3D3A3A;
        font-weight: 400;
        margin: .12rem 0 .24rem;
    }

    /* 内容块行 */
    .feature-row {
        display: flex;
        justify-content: space-between;
    }

    .feature-row:last-child {
        margin-bottom: 0;
    }

    .feature-row-large {
        width: 7.44rem;
        margin: 0 auto .24rem;
    }

    .feature-row-small {
        margin-bottom: 0;
    }

    /* 内容卡片 */
    .feature-card {
        background-color: #FFFFFF;
        border-radius: 0.2rem;
        width: 3.6rem;
        height: 4.6rem;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: .2rem;
    }

    .feature-card-small {
        height: 5.86rem;
    }

    .feature-card-image {
        width: 100%;
        height: 2.32rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFFFFF;
        overflow: hidden;
        flex-shrink: 0;
    }

    .feature-card-large .feature-card-image {
        height: 2.32rem;
    }

    .feature-img {
        width: 100%;
        height: 100%;
    }

    .mobile-feature-img {
        display: none;

    }

    .feature-card-small .feature-card-content {
        height: calc(100% - 2.32rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .feature-card-title {
        font-size: 0.24rem;
        font-weight: 700;
        color: #F69002;
        margin: .22rem 0 0.1rem;
    }

    .feature-card-description {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
    }

    .feature-card-list {
        list-style: none;
        line-height: 1.5;
    }

    .feature-card-list li {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
        padding-left: 0.2rem;
        position: relative;
    }

    .feature-card-list li::before {
        content: '•';
        position: absolute;
        left: 0;
        color: #3D3A3A;
    }

    .feature-more-btn {
        width: 1.47rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: .4rem auto 0;
        cursor: pointer;
    }

    .feature-more-btn a {
        font-size: .16rem;
        color: #3D3A3A;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .feature-more-btn:hover {
        background-color: #FFD14D;
    }

    /* 赠送教材区域 */
    .gift-section {
        width: 100%;
        background-color: #F5F1E8;
    }

    .gift-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        padding: .4rem 1.56rem;
    }

    .gift-main-title {
        font-size: 0.32rem;
        font-weight: 700;
        color: #F69002;
        text-align: center;
        margin-bottom: 0.24rem;
    }

    .gift-main-title br {
        display: none;
    }

    .gift-materials-row {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin-bottom: 0.24rem;
    }

    .gift-materials-row:last-child {
        margin-bottom: 0;
        justify-content: center;
    }

    .gift-materials-row:last-child .gift-material-group {
        margin: 0 0.2rem;
    }

    .gift-material-group {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .gift-material-image {
        width: 3.63rem;
        height: 2.68rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.16rem;
    }

    .gift-material-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .gift-material-label {
        font-size: 0.2rem;
        color: #3D3A3A;
        font-weight: 400;
        text-align: center;
    }

    /* 联系区域样式 */
    .contact-section-bottom {
        width: 100%;
    }

    .contact-bottom-content {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        text-align: center;
        padding: 0 0 .6rem;
    }

    .contact-bottom-title {
        font-size: 0.32rem;
        color: #3D3A3A;
        font-weight: 700;
        margin-bottom: .5rem;
    }

    .contact-bottom-main {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .contact-qrcode {
        width: 2rem;
        height: 2rem;
    }

    .contact-qrcode img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .contact-options {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: .2rem;
        color: #0B580B;
        margin-top: .24rem;
    }

    .contact-options img {
        width: .48rem;
        height: .48rem;
        object-fit: contain;
    }

    .contact-bottom-btn {
        width: 1.47rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: .4rem auto 0;
        cursor: pointer;
    }

    .contact-bottom-btn a {
        font-size: .16rem;
        color: #3D3A3A;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .contact-bottom-btn:hover {
        background-color: #FFD14D;
    }

    /* 底部 */
    .footer-content {
        width: 100%;
        height: 1.66rem;
        background: #3D3A3A;
        font-weight: 400;
        font-size: .14rem;
        text-align: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }

    .footer-content>div:nth-child(2) {
        margin: .12rem 0;
    }


    /* 课程详情-1  course-detail1*/
    .course-detail-wrap {
        width: 100%;
        padding-bottom: .4rem;
        background-color: #FFF9E9;
    }

    .course-detail {
        width: 100%;
        max-width: 14.4rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .65rem 2.27rem 0;
    }

    .course-detail video {
        width: 5.6rem;
        height: 3.15rem;
        margin-bottom: .2rem;
    }

    .course-detail1-box>div {
        width: 100%;
        height: 13.2rem;
        background-size: 100% 100%;
    }

    .course-detail1-box .course-detail1-bg1 {
        background-image: url('../images/course-detail/course-detail1-1.png');
    }

    .course-detail1-box .course-detail1-bg2 {
        background-image: url('../images/course-detail/course-detail1-2.png');
    }

    .course-detail1-box .course-detail1-bg3 {
        background-image: url('../images/course-detail/course-detail1-3.png');
    }

    .course-detail1-box .course-detail1-bg4 {
        background-image: url('../images/course-detail/course-detail1-4.png');
    }

    .course-detail2-box {
        padding: 0;
    }

    .course-detail2-box .course-detail2-bg1 img {
        width: 100%;
        height: auto;
    }


    .course-detail3-box .course-detail3-bg1 img {
        width: 100%;
        height: auto;
    }



    /* 辅助app 内容1 */
    .rwo_box1 {
        width: 100%;
        height: 7.23rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/content_bg1.png');
    }

    .rwo_box1 .row_content1 {
        width: 100%;
        height: 100%;
        padding: 1.85rem 0 0 1.56rem;
    }

    .rwo_box1 .row_content1 .qr_box {
        width: 5.54rem;
        height: 3.53rem;
        background-color: rgba(255, 255, 255, .8);
        border-radius: .1rem;
        padding: .4rem .2rem;

    }

    .rwo_box1 .row_content1 .qr_box .title {
        font-weight: 700;
        font-style: Bold;
        font-size: .32rem;
        text-align: center;
        color: #000000;
    }

    .rwo_box1 .row_content1 .qr_box .title2 {
        font-weight: 400;
        font-size: .2rem;
        text-align: center;
        color: #000000;
        margin: .12rem 0;
    }

    .rwo_box1 .qr_list {
        display: flex;
        padding: 0 .27rem;
        justify-content: space-between;
    }

    .rwo_box1 .mobile_qr_list {
        display: none;
    }

    .rwo_box1 .qr_list .qr_item {
        display: flex;
        flex-direction: column;
    }

    .rwo_box1 .qr_list .qr_item img {
        width: 1.37rem;
        height: 1.37rem;
        margin-bottom: .08rem;
    }

    .rwo_box1 .qr_list .qr_item .txt_btn {
        width: 1.37rem;
        height: .43rem;
        text-align: center;
        line-height: .43rem;
        font-weight: 400;
        font-size: .2rem;
        text-align: center;
        color: #000000;
        background-color: #FFEA00;
        border-radius: .44rem;
        cursor: pointer;
    }

    .rwo_box1 .qr_list .qr_item .txt_btn2 {
        background-color: #E390E2;
    }

    .rwo_box1 .qr_list .qr_item .txt_btn3 {
        background-color: #00A6E7;
    }

    .rwo_box2 {
        width: 100%;
        height: 6.78rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/content_bg2.png');
    }

    .rwo_box2 .row_content2 {
        width: 100%;
        height: 100%;
        padding: .6rem 1.56rem;
        display: flex;
        justify-content: space-between;
    }

    .assistant_item_content .left_txt_box {
        width: 5.52rem;
        padding: 0 .72rem;
    }

    .assistant_item_content .left_txt_box .title,
    .assistant_item_content .left_txt_box .title2 {
        font-weight: 700;
        font-style: Bold;
        font-size: .32rem;
        text-align: center;
        color: #3D3A3A;
    }

    .assistant_item_content .left_txt_box .title span {
        color: #6B440C;
    }

    .assistant_item_content .left_txt_box .title2 {
        font-size: .24rem;
        margin: .12rem 0;
    }

    .assistant_item_content .left_txt_box .txt {
        font-weight: 400;
        font-size: .2rem;
        text-align: center;
        color: #3D3A3A;
    }

    .assistant_item_content .left_txt_box .txt ul {
        padding: 0 .88rem;
        text-align: left;
    }

    .assistant_item_content .left_txt_box .txt ul li {
        position: relative;
        line-height: 1.5;
        font-size: .16rem;
    }

    .assistant_item_content .left_txt_box .txt ul li::before {
        content: '•';
        position: absolute;
        left: -.2rem;
        color: #3D3A3A;
    }

    .assistant_item_content .right_video_box {
        width: 5.52rem;
        height: 3.15rem;
    }

    .assistant_item_content .right_video_box video {
        width: 100%;
        height: 100%;
    }

    .assistant_item_content .mobile_download_btn {
        display: none;
    }

    .assistant_item_content .qr_list {
        margin-top: .24rem;
        display: flex;
        justify-content: center;
    }

    .assistant_item_content .qr_list img {
        width: 1rem;
        height: 1rem;
        display: flex;
        margin-right: .24rem;
    }

    .assistant_item_content .qr_list img:last-child {
        margin: 0;
    }

    .rwo_box3 {
        width: 100%;
        height: 6.72rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/content_bg3.png');
    }

    .rwo_box3 .row_content3 {
        width: 100%;
        height: 100%;
        padding: .6rem 1.56rem;
        display: flex;
        justify-content: space-between;
    }

    .rwo_box4 {
        width: 100%;
        height: 5.55rem;
        background-color: #63AFDA;
    }

    .rwo_box4 .row_content4 {
        width: 100%;
        height: 100%;
        padding: .6rem 1.56rem;
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 751px) and (max-width: 780px) {
    .course-content .course-module {
        width: 7.12rem;
        height: 5.74rem;
        background: #fff;
        border-radius: .2rem;
        padding: .24rem;
        margin: 0 auto .24rem;
        box-shadow: 0px 1px 3px 1px #00000026;
        position: relative;
    }

    .course-content .course-module-images,
    .course-content .course-module-images2 {
        width: 6.64rem;
        height: 3.42rem;
        position: absolute !important;
        top: .24rem !important;
        left: .24rem !important;
    }

    .course-content .course-module-left,
    .course-content .course-module-right {
        width: 6.64rem;
        height: calc(100% - 3.72rem);
        position: absolute;
        left: .24rem;
        top: 3.72rem;
        box-shadow: none;
        padding: 0;
    }

    .course-content .course-outline-btn {
        width: 100%;
    }
}

@media screen and (max-width: 751px) {
    body {
        background-color: #fff;
        padding-top: .7rem;
        width: 3.75rem;
    }

    /* Header容器 */
    .header-section {
        width: 100%;

    }

    .header-content {
        width: 3.75rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .24rem;
        height: .7rem;
        position: fixed;
        top: 0;
        background: #FFD14D;
        z-index: 999;
    }

    .logo-wrapper {
        display: flex;
    }

    .logo-img {
        display: none;
    }

    .mobile_logo {
        width: 1.2rem;
        height: .4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile_logo>img:nth-child(1) {
        width: .4rem;
        height: .24rem;
    }

    .mobile_logo>img:nth-child(2) {
        width: .6rem;
        height: .34rem;
    }

    /* 导航菜单 */
    .nav-menu {
        display: flex;
        align-items: center;
        width: 1.68rem;
        background: #fff;
        position: fixed;
        flex-direction: column;
        left: 0;
        top: .7rem;

    }

    .nav-menu.hide {
        display: none;
    }

    .nav-link {
        font-size: 0.16rem;
        color: #3D3A3A;
        text-decoration: none;
        white-space: nowrap;
        font-weight: 400;
        width: 1.68rem;
        height: .42rem;
        text-align: center;
        line-height: .42rem;
        cursor: pointer;
    }

    .nav-link:hover {
        color: #F69002;
        background: #F8CEB0;
    }

    /* 咨询合作区域 */
    .contact-section {
        display: none;
    }

    .mobile-contact-section {
        width: 1.72rem;
        height: .42rem;
        background: #FFF886;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: center;
        border-radius: .2rem;
    }

    .top_btn {
        display: none;
    }

    .contact-icon {
        width: 0.3rem;
        height: 0.3rem;
    }

    .contact-text {
        font-size: 0.18rem;
        color: #6B440C;
        font-weight: 700;
    }


    /* Banner区域 */
    .banner-section {
        width: 100%;
    }

    .banner-content {
        width: 100%;
        background-color: #FFF9E9;
        padding: .2rem;
    }

    /* 左侧文字区域 */
    .banner-left {
        text-align: center;
    }

    .banner-title {
        font-weight: 700;
        font-style: Bold;
        font-size: .2rem;
        color: #F69002;
    }

    .banner-subtitle {
        font-weight: 700;
        font-style: Bold;
        font-size: .18rem;
        color: #F69002;
        margin: 0.06rem 0 .12rem;
        text-align: center;
    }

    .banner-cta {
        display: none;
    }

    .mobile-banner-cta {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 700;
        text-align: center;
        margin: 0.12rem 0 .24rem;
    }

    .banner-description {
        text-align: left;
        text-indent: .2rem;
        line-height: 1.5;
    }

    .desc-text {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
    }

    /* 二维码区域 */
    .qr-codes {
        display: flex;
        justify-content: center;
        margin-top: .05rem;
    }

    .qr-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: .24rem;
    }

    .qr-item:nth-child(2) {
        margin: 0;
    }

    .qr-code {
        width: 1.3rem;
        height: 1.3rem;
    }

    .qr-image {
        width: 100%;
        height: 100%;
    }

    .qr-label {
        font-size: 0.16rem;
        color: #000000;
        font-weight: 400;
        text-align: center;
        margin-top: .05rem;
    }

    /* 右侧图片区域 */
    .banner-right {
        width: 2.47rem;
        height: 2.67rem;
        margin: .12rem auto 0;
    }

    .banner-right img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* 适合对象区域 */
    .audience-section {
        width: 100%;
    }

    .audience-content {
        width: 100%;
        margin: 0 auto;
        padding: .2rem;
    }

    .audience-title {
        margin: 0 0 .15rem;
        font-size: 0.18rem;
        font-weight: 700;
        color: #F69002;
        text-align: center;
    }

    /* 分类标签区域 */
    .audience-tags {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0.12rem;
    }

    .tag-item {
        min-width: 1.22rem;
        max-width: 1.84rem;
        border: 0.02rem solid #6B440C;
        font-size: 0.16rem;
        color: #6B440C;
        text-align: center;
        margin: 0 0.06rem .06rem 0;
    }



    /* 内容卡片区域 */
    .audience-cards {
        width: 100%;
    }

    .card-item {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }

    .card-illustration {
        width: 1.21rem;
        height: 1rem;
        margin: 0 .08rem .12rem 0;
    }

    .card-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .card-title {
        font-size: 0.16rem;
        font-weight: 400;
        color: #6B440C;
        text-align: center;
        margin-bottom: 0.04rem;
    }

    .card-description {
        width: 1.3rem;
        font-size: 0.16rem;
        color: #3D3A3A;
        text-align: left;
        font-weight: 400;
    }

    .audience_btn {
        width: 2.26rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        background: #FFF9E9;
        text-align: center;
        margin: .4rem auto;
        cursor: pointer;
    }

    .audience_btn a {
        font-size: .16rem;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #3D3A3A;
    }

    .audience_btn:hover {
        background-color: #FFD14D;
    }

    /* 幼儿教材区域 */
    .material-section {
        width: 100%;
        background: linear-gradient(174.06deg, #F18D8F -15.91%, #FFF886 107.34%);
        padding: .2rem .12rem 0;
    }

    .material-content {
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }

    /* 左侧文字区域 */
    .material-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .material-title-wrapper {
        width: 2.5rem;
        height: .59rem;
        display: flex;
    }

    .material-title-wrapper img {
        width: 100%;
        height: 100%;
    }


    .material-slogans {
        margin: .12rem 0 0.06rem;
        text-align: center;
        line-height: 1.5;
    }

    .slogan-text {
        font-size: 0.18rem;
        font-weight: 700;
        color: #3D3A3A;
    }

    /* 特性列表 */
    .material-features {
        line-height: 1.5;
        list-style: none;
    }

    .feature-item {
        font-size: 0.16rem;
        color: #3D3A3A;
    }



    .material-note {
        font-size: 0.16rem;
        color: #6B440C;
        margin: .12rem 0 0.06rem;
    }

    .material-qr {
        width: 2.1rem;
        height: 1.62rem;
    }

    .material-qr-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .btn_box {
        display: flex;
        margin-top: .12rem;
    }

    .btn_box>img {
        width: 1.05rem;
        height: .44rem;
    }

    .btn_box>img:nth-child(1) {
        margin: 0 .2rem 0 0;
    }

    /* 右侧图片区域 */
    .material-right {
        margin: .12rem auto 0;
        width: 2.5rem;
        height: 2.69rem;
    }

    .material-tablet {
        width: 2.5rem;
        height: 2.69rem;
    }

    /* APP解决方案区域 */
    .app-solution-section {
        width: 100%;
        background-color: #FFF9E9;
    }

    .app-solution-content {
        width: 100%;
        margin: 0 auto;
        padding: .4rem 0;
    }

    /* 标题区域 */
    .app-title-area {
        text-align: center;
        padding: 0 0 0.4rem;
    }

    .app-main-title {
        font-size: 0.18rem;
        font-weight: 700;
        color: #F69002;
        margin-bottom: 0.06rem;
    }

    .app-subtitle {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
    }

    /* 主要视觉区域 */
    .app-visual-area {
        width: 2.89rem;
        height: 1.63rem;
        margin: 0 auto .4rem;
    }

    .app-visual-image {
        width: 100%;
        height: 100%;
    }

    /* 功能卡片区域 */
    .app-feature-cards {
        display: none;

    }

    /* 课程模块 */
    .mobile_type_box {
        display: flex;
        width: 100%;
        overflow-x: scroll;
        padding: 0 0 0 .125rem;
    }

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

    .course-module {
        width: 2.5rem;
        height: 5.2rem;
        background: #fff;
        border-radius: .2rem;
        margin-right: .12rem;
        padding: .12rem;
        flex-shrink: 0;
    }

    .course-module-bt {
        height: calc(100% - 1.9rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .course-module-title {
        font-size: 0.2rem;
        font-weight: 700;
        color: #6B440C;
    }

    .course-module-subtitle {
        font-size: 0.16rem;
        color: #F69002;
        font-weight: 400;
        margin: .04rem 0;
    }

    .course-module-description {
        font-size: 0.16rem;
        color: #3D3A3A;
        margin-bottom: 0.16rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .course-module-description span {
        display: flex;
    }

    .course-module-description span::before {
        content: '•';
        color: #3D3A3A;
    }

    .course-outline-btn {
        width: 100%;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
    }

    .course-outline-btn a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .16rem;
        color: #3D3A3A;
    }

    .course-outline-btn:hover {
        background-color: #FFD14D;
    }

    .course-module-images {
        width: 2rem;
        height: 1.76rem;
        margin: 0 auto .12rem;
    }

    .course-image {
        width: 100%;
        height: 100%;
    }

    /* 课程说明区域 */
    .course-section {
        display: none;
    }

    /* 教材特色区域 */
    .feature-section {
        width: 100%;
        background: #FFD14D;
    }

    .feature-content {
        width: 100%;
        margin: 0 auto;
        padding: .2rem 0;

    }

    /* 标题区域 */
    .feature-title-area {
        text-align: center;
        padding: 0 .375rem;
    }

    .feature-main-title {
        font-size: 0.18rem;
        font-weight: 700;
        color: #6B440C;
    }

    .feature-subtitle {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
        margin: .06rem 0 .12rem;
        text-align: left;
    }

    /* 内容块行 */
    .feature-row-box {
        display: flex;
        width: 100%;
        overflow-x: scroll;
        padding: 0 0 0 .125rem;
    }

    .feature-row-box::-webkit-scrollbar {
        display: none;
    }

    .feature-row-box,
    .feature-row {
        display: flex;

    }

    /* 内容卡片 */

    .feature-card {
        width: 2.5rem;
        height: 5.2rem;
        background: #fff;
        border-radius: .2rem;
        margin-right: .12rem;
        padding: .2rem;
        flex-shrink: 0;
    }


    .feature-row-small .feature-card-content {
        height: calc(100% - 2.32rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .feature-card-image {
        width: 100%;
        height: 2.32rem;
    }


    .feature-img {
        display: none;
    }

    .mobile-feature-img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .feature-card-title {
        font-size: 0.18rem;
        font-weight: 700;
        color: #F69002;
        margin: .22rem 0 0.1rem;
    }

    .feature-card-description {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
    }

    .feature-card-small .feature-card-description,
    .feature-card-small .feature-card-list {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .feature-card-list {
        list-style: none;
        line-height: 1.5;
    }

    .feature-card-list li {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
        padding-left: 0.2rem;
        position: relative;
    }

    .feature-card-list li::before {
        content: '•';
        position: absolute;
        left: 0;
        color: #3D3A3A;
    }

    .feature-more-btn {
        width: 1.47rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: .22rem auto 0;
        cursor: pointer;
    }

    .feature-more-btn a {
        font-size: .16rem;
        color: #3D3A3A;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feature-more-btn:hover {
        background-color: #FFD14D;
    }

    /* 赠送教材区域 */
    .gift-section {
        width: 100%;
        background-color: #F5F1E8;
    }

    .gift-content {
        width: 100%;
        margin: 0 auto;
        padding: .4rem;
    }

    .gift-main-title {
        font-size: 0.2rem;
        font-weight: 700;
        color: #F69002;
        text-align: center;
    }


    .gift-materials-row:first-child .gift-material-image {
        width: 100%;
        height: 2.11rem;
    }

    .gift-materials-row:last-child {
        display: flex;
        justify-content: center;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .gift-materials-row:last-child .gift-material-group {}

    .gift-material-group {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .gift-material-image {
        width: 1.38rem;
        height: .98rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gift-material-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .gift-material-label {
        font-size: 0.16rem;
        color: #3D3A3A;
        font-weight: 400;
        text-align: center;
    }

    /* 联系区域样式 */
    .contact-section-bottom {

        width: 100%;
    }

    .contact-bottom-content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: .3rem .24rem;
    }

    .contact-bottom-title {
        font-size: 0.2rem;
        color: #3D3A3A;
        font-weight: 700;
        margin-bottom: .24rem;
    }

    .contact-bottom-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .contact-qrcode {
        width: 2rem;
        height: 2rem;
        margin-bottom: .24rem;
    }

    .contact-qrcode img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .contact-options {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: .2rem;
        color: #0B580B;
    }

    .contact-options img {
        width: .48rem;
        height: .48rem;
        object-fit: contain;
    }

    .contact-bottom-btn {
        width: 1.47rem;
        height: .5rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #FFD14D;
        font-size: .16rem;
        color: #3D3A3A;
        background: #FFF9E9;
        text-align: center;
        margin: .4rem auto 0;
        cursor: pointer;
    }

    .contact-bottom-btn a {
        font-size: .16rem;
        color: #3D3A3A;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .contact-bottom-btn:hover {
        background-color: #FFD14D;
    }

    /* 底部 */
    .footer-content {
        width: 100%;
        height: 1.66rem;
        background: #3D3A3A;
        font-weight: 400;
        font-size: .14rem;
        text-align: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 .2rem;
    }

    .footer-content>div:nth-child(2) {
        margin: .12rem 0;
    }


    /* 课程详情-1  course-detail1*/
    .course-detail-wrap {
        width: 100%;

    }

    .course-detail {
        width: 100%;
        background-color: #FFF9E9;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .4rem;
    }

    .course-detail video {
        width: 100%;
        height: 1.63rem;
        padding: 0 .4rem .4rem;
    }

    .course-detail1-box>div {
        width: 2.5rem;
        height: 3.53rem;
        background-size: 100% 100%;
    }

    .course-detail1-box .course-detail1-bg1 {
        background-image: url('../images/course-detail/course-detail1-1-mobile.png');
    }

    .course-detail1-box .course-detail1-bg2 {
        background-image: url('../images/course-detail/course-detail1-2-mobile.png');
        position: relative;
        top: -.05rem;
    }

    .course-detail1-box .course-detail1-bg3 {
        background-image: url('../images/course-detail/course-detail1-3-mobile.png');
        position: relative;
        top: -.1rem;
    }

    .course-detail1-box .course-detail1-bg4 {
        background-image: url('../images/course-detail/course-detail1-4-mobile.png');
        position: relative;
        top: -.15rem;
    }

    .course-detail2-box {
        padding: 0;
    }

    .course-detail3-box {
        padding: .4rem 0;
    }

    .course-detail2-box .course-detail2-bg1 img {
        width: 100%;
        height: auto;
    }


    .course-detail3-box .course-detail3-bg1 img {
        width: 100%;
        height: auto;
    }

    /* 辅助app 内容1 */
    .rwo_box1 {
        width: 100%;
        height: 3.64rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/mobile/content_bg1.png');
    }

    .rwo_box1 .row_content1 {
        width: 100%;
        height: 100%;
        padding: .2rem .48em;
    }

    .rwo_box1 .row_content1 .qr_box {
        width: 2.87rem;
        height: 3.24rem;
        background-color: rgba(255, 255, 255, .8);
        border-radius: .1rem;
        padding: .32rem .17rem;

    }

    .rwo_box1 .row_content1 .qr_box .title {
        font-weight: 700;
        font-style: Bold;
        font-size: .2rem;
        text-align: center;
        color: #3D3A3A;
    }

    .rwo_box1 .row_content1 .qr_box .title2 {
        font-weight: 400;
        font-size: .16rem;
        text-align: center;
        color: #3D3A3A;
        margin: .22rem 0;
        line-height: 1.5;
    }

    .rwo_box1 .qr_list {
        display: none;
    }

    .rwo_box1 .mobile_qr_list {
        display: flex;
        justify-content: space-between;
    }


    .rwo_box1 .mobile_qr_list .qr_item {
        display: flex;
        flex-direction: column;
        padding: .1rem;
        width: .68rem;
        height: 1.08rem;
        border-radius: .1rem;
        background: #FFF9E9;
        box-shadow: 0px 1px 3px 1px #00000026;
        box-shadow: 0px 1px 2px 0px #0000004D;

    }

    .rwo_box1 .mobile_qr_list .qr_item img {
        width: .48rem;
        height: .48rem;
        margin-bottom: .08rem;
    }

    .rwo_box1 .mobile_qr_list .qr_item .txt_btn {
        text-align: center;
        font-weight: 400;
        font-size: .15rem;
        text-align: center;
        color: #6B440C;
        cursor: pointer;
    }

    .rwo_box2 {
        width: 100%;
        height: 5.59rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/mobile/content_bg2.png');
    }

    .rwo_box2 .row_content2 {
        width: 100%;
        height: 100%;
        padding: .2rem .6rem;
    }

    .assistant_item_content .left_txt_box {}

    .assistant_item_content .left_txt_box .title,
    .assistant_item_content .left_txt_box .title2 {
        font-weight: 700;
        font-style: Bold;
        font-size: .18rem;
        text-align: center;
        color: #3D3A3A;
    }

    .assistant_item_content .left_txt_box .title span {
        color: #6B440C;
    }

    .assistant_item_content .left_txt_box .title2 {
        font-size: .16rem;
        margin: .06rem 0;
    }

    .assistant_item_content .left_txt_box .txt {
        font-weight: 400;
        font-size: .16rem;
        text-align: center;
        color: #3D3A3A;
        line-height: 1.5;
    }

    .assistant_item_content .left_txt_box .txt ul {
        padding: 0 .12rem 0 .3rem;
        text-align: left;
    }

    .assistant_item_content .left_txt_box .txt ul li {
        position: relative;
        line-height: 1.5;
        font-size: .16rem;
    }

    .assistant_item_content .left_txt_box .txt ul li::before {
        content: '•';
        position: absolute;
        left: -.1rem;
        color: #3D3A3A;
    }

    .assistant_item_content .right_video_box {
        width: 2.55rem;
        height: 1.63rem;
        margin: .12rem 0;
    }

    .assistant_item_content .right_video_box video {
        width: 100%;
        height: 100%;
    }

    .assistant_item_content .mobile_download_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.46rem;
        height: .5rem;
        border-radius: .2rem;
        background: #FFF9E9;
        border: 2px solid #FFD14D;
        font-weight: 400;
        font-size: .16rem;
        color: #3D3A3A;
        line-height: .5rem;
        margin: .2rem auto 0;
    }

    .assistant_item_content .qr_list {
        display: none;
    }


    .rwo_box3 {
        width: 100%;
        height: 6.72rem;
        background-size: 100% 100%;
        background-image: url('../images/assistant-app/mobile/content_bg3.png');
    }

    .rwo_box3 .row_content3 {
        width: 100%;
        height: 100%;
        padding: .2rem .6rem;
    }

    .rwo_box4 {
        width: 100%;
        height: 5.55rem;
        background-color: #63AFDA;
    }

    .rwo_box4 .row_content4 {
        width: 100%;
        height: 100%;
        padding: .2rem .6rem;
    }
}