/* 联系我们区域移动端样式 */ @media screen and (max-width: 750px)   {

    /* 联系我们区域移动端独立样式 */
    .contact {
        background-image: url('https://flowingcloud-1253267589.cos.ap-beijing.myqcloud.com/images/lxwm.jpg') !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        height: calc(450 * 100vw / 750) !important;
        margin-bottom: 0 !important;
    }

    .contact-left {
        position: absolute;
        left: calc(0 * 100vw / 750) !important;
        top: calc(60 * 100vw / 750) !important;

    }
    /* 联系我们标题样式 */ .contact-title  {
        font-size: calc(20 * 100vw / 750) !important;
        left: calc(40 * 100vw / 750) !important;
        top: calc(70 * 100vw / 750) !important;
        width: calc(500 * 100vw / 750) !important;
        height: calc(50 * 100vw / 750) !important;

    }
    /* 联系电话样式 */ .contact-phone  {
        font-size: calc(50 * 100vw / 750) !important;
        left: calc(40 * 100vw / 750) !important;
        top: calc(120 * 100vw / 750) !important;
        width: calc(700 * 100vw / 750) !important;
        height: calc(80 * 100vw / 750) !important;

    }
    /* 联系按钮样式 */ .contact-button  {
        left: calc(40 * 100vw / 750) !important;
        top: calc(220 * 100vw / 750) !important;
        height: calc(60 * 100vw / 750) !important;

    }

    /* 联系图片样式调整 */
    .contact-image  {
        left: calc(380 * 100vw / 750) !important;
        top: calc(140 * 100vw / 750) !important;
        width: calc(350 * 100vw / 750) !important ;
        height: calc(350 * 100vw / 750) !important;
        opacity: 1 !important;
        /* 确保联系图片底部与容器底部对齐 */
        bottom: 0 !important;

    }

    /* 新的contact-us组件移动端样式 */ .contact-us  {
        padding: calc(60 * 100vw / 750) calc(20 * 100vw / 750);
        margin: calc(40 * 100vw / 750) 0;

    }
    .contact-us .container  {
        width: 100%;
        padding: 0 calc(20 * 100vw / 750);

    }
    .contact-us .contact-content  {
        text-align: center;

    }
    .contact-us .contact-title  {
        font-size: calc(28 * 100vw / 750);
        margin-bottom: calc(20 * 100vw / 750);
        width: 100%;

    }
    .contact-us .contact-phone  {
        font-size: calc(48 * 100vw / 750);
        width: 100%;
        margin-bottom: calc(25 * 100vw / 750);

    }
    .contact-us .contact-btn-box  {
        display: flex;
        justify-content: center;

    }
    .contact-us .contact-btn  {
        height: calc(60 * 100vw / 750);

    }

}
/* Safari浏览器特定优化 */ @media not all and (min-resolution:.001dpcm)   {

    @supports (-webkit-appearance:none)   {

        /* Safari浏览器中的联系我们装饰球特殊处理 */ .contact-decoration-left,
        .contact-decoration-right,
        .contact-decoration-middle  {
            /* 解决Safari中不显示装饰球的问题 */ display: block !important;
            position: absolute !important;
            transform: scale(1.5) !important;
            -webkit-transform: scale(1.5) !important;
            opacity: 0.7 !important;
            z-index: 0 !important;
            filter: blur(20px) !important;
            -webkit-filter: blur(20px) !important;
            background-image: -webkit-linear-gradient(145deg, #D9B9FC 20%, #7284E3 107%) !important;
            background-image: linear-gradient(145deg, #D9B9FC 20%, #7284E3 107%) !important;
            pointer-events: none;
            /* 替代filter:blur的替代方案 */ box-shadow: 0 0 40px 40px rgba(217, 185, 252, 0.7) !important;

        }
        /* 分别调整各个装饰球的位置和属性 */ .contact-decoration-left  {
            width: calc(400 * 100vw / 750) !important;
            height: calc(400 * 100vw / 750) !important;
            top: calc(100 * 100vw / 750) !important;
            left: calc(-150 * 100vw / 750) !important;

        }
        .contact-decoration-right  {
            width: calc(400 * 100vw / 750) !important;
            height: calc(400 * 100vw / 750) !important;
            top: calc(150 * 100vw / 750) !important;
            right: calc(-150 * 100vw / 750) !important;
            left: auto !important;

        }
        .contact-decoration-middle  {
            width: calc(500 * 100vw / 750) !important;
            height: calc(500 * 100vw / 750) !important;
            top: calc(50 * 100vw / 750) !important;
            left: calc(200 * 100vw / 750) !important;

        }

    }

}