@media screen and (max-width: 768px) {
    .mobile-customer-case{
        width: 100%;
        height: 514px;
        /* 514px转换为vw：514 / 375 * 100 ≈ 137.066667vw */
        height: 137.066667vw;
        background: url("../imgs/index-mobile/regional3/bg_3.png") no-repeat center / 100% 100%;
    }

    .mobile-customer-case .title {
        font-weight: 500;
        font-size: 20px;
        /* 20px转换为vw：20 / 375 * 100 = 5.333333vw */
        font-size: 5.333333vw;
        color: #1F1F1F;
        line-height: 23px;
        /* 23px转换为vw：23 / 375 * 100 = 6.133333vw */
        line-height: 6.133333vw;
        padding: 36px 0 0;
        /* 36px转换为vw：36 / 375 * 100 = 9.6vw */
        padding: 9.6vw 0 0;
        text-align: center;
    }

    /*  ====  */
    .barrage-wrapper {
        display: flex;
        width: calc(100% - 10.666667vw); /* 40px转换，40 / 375 * 100 = 10.666667vw */
        /*height: 200px;*/
        /* 200px转换为vw：200 / 375 * 100 = 53.333333vw */
        /*height: 53.333333vw; */
        /*background: #000;*/
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        box-sizing: border-box;
    }
    #barrage-wrapper-4 {
        margin-top: 8vw; /* 30px转换，30 / 375 * 100 = 8vw */
    }

    .barrage-list,.fake-content {
        display: inline-flex;
        align-items: center;
    }

    .barrage-item {
        display: inline-block;
        font-weight: 400;
        font-size: 3.2vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        color: #82878F;
        line-height: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        margin-right: 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        white-space: nowrap;
        /*&:hover {*/
        /*    color: #6759FF;*/
        /*}*/
    }

    .three-new-swiper {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 6.4vw; /* 24px转换，24 / 375 * 100 = 6.4vw */
    }

    .three-new-swiper .swiper-wrapper {
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
    }

    .three-new-swiper .swiper-wrapper .swiper-slide{
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
        box-sizing: border-box;
        padding: 0 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 19.2vw; /* 72px转换，72 / 375 * 100 = 19.2vw */
        height: 10.666667vw; /* 40px转换，40 / 375 * 100 = 10.666667vw */
        background: #FFFFFF;
        border-radius: 1.066667vw; /* 4px转换，4 / 375 * 100 = 1.066667vw */
        box-sizing: border-box;
        padding: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        border: 0.266667vw solid transparent; /* 1px转换，1 / 375 * 100 = 0.266667vw */
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item.active {
        border-color: #6759FF;
    }


    .three-new-swiper .swiper-wrapper .swiper-slide.fit{
        flex: auto;
    }
    .three-new-swiper .swiper-wrapper .swiper-slide .item .use-logo{
        width: 70%;
        height: auto;
    }

    .swiper-pagination-three-new {
        text-align: center;
        /*padding-top: 30px;*/
        padding-top: 4.8vw; /* 18px转换，18 / 375 * 100 = 4.8vw */
    }
    .swiper-pagination-three-new .swiper-pagination-bullet-active {
        background: #6759FF;
    }
    .logo-desc {
        width: 89.333333vw; /* 335px转换，335 / 375 * 100 = 89.333333vw */
        max-height: 61.333333vw; /* 230px转换，230 / 375 * 100 = 61.333333vw */
        height: auto;
        margin: 0 auto;
        background-image: url("../imgs/index-mobile/frame@2x.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        box-sizing: border-box;
        padding: 3.2vw 3.2vw 2.666667vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        margin-top: 4.8vw; /* 18px转换，18 / 375 * 100 = 4.8vw */
    }

    .logo-desc .title{
        display: flex;
        align-items: center;
        line-height: 1;
        margin: auto;
        margin-bottom: 5.333333vw; /* 20px转换，20 / 375 * 100 = 5.333333vw */
        margin-top: 0!important;
    }
    .logo-desc .title .line{
        width: 0.8vw; /* 3px转换，3 / 375 * 100 = 0.8vw */
        height: 2.666667vw; /* 10px转换，10 / 375 * 100 = 2.666667vw */
        background: #6759FF;
        border-radius: 2.133333vw; /* 8px转换，8 / 375 * 100 = 2.133333vw */
        margin-right: 1.6vw; /* 6px转换，6 / 375 * 100 = 1.6vw */
    }
    .logo-desc .title .text{
        font-weight: 500;
        font-size: 3.733333vw; /* 14px转换，14 / 375 * 100 = 3.733333vw */
        color: #1F1F1F;
        line-height: 4.266667vw; /* 16px转换，16 / 375 * 100 = 4.266667vw */
    }
    .logo-desc .desc{
        min-height: 29.866667vw; /* 112px转换，112 / 375 * 100 = 29.866667vw */
        height: auto;
        text-indent: 2em;
        font-weight: 400;
        font-size: 3.2vw; /* 12px转换，12 / 375 * 100 = 3.2vw */
        color: #6D7683;
        line-height: 5.866667vw; /* 22px转换，22 / 375 * 100 = 5.866667vw */
        text-align: left!important;
        overflow-y: auto;
    }
}