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

    .submit-arrow {
    width: calc(30 * 100vw / 750);
    height: calc(30 * 100vw / 750);
    margin-right: calc(-10 * 100vw / 750);
    }
    /* 弹窗容器样式 */ .modal-container  {
        width: calc(690 * 100vw / 750) !important;
        height: auto !important;
        max-height: calc(1400 * 100vw / 750) !important;
        padding-bottom: calc(50 * 100vw / 750) !important;
        border-radius: calc(20 * 100vw / 750) !important;
        background-image: url(/images/tt.jpg);
        background-size: 100% 100% !important;
        background-position: center;
        background-repeat: no-repeat;

    }
    /* 关闭按钮样式 */ .close-modal  {
        top: calc(30 * 100vw / 750) !important;
        right: calc(30 * 100vw / 750) !important;
        font-size: calc(40 * 100vw / 750) !important;
        width: calc(50 * 100vw / 750) !important;
        height: calc(50 * 100vw / 750) !important;

    }
    /* 头部样式 */ .header-dot  {
        position: absolute !important;
        left: calc(28 * 100vw / 750) !important;
        top: calc(82 * 100vw / 750) !important;
        width: calc(15 * 100vw / 750) !important;
        height: calc(15 * 100vw / 750) !important;

    }
    .header-subtitle  {
        left: calc(50 * 100vw / 750) !important;
        top: calc(72 * 100vw / 750) !important;
        font-size: calc(28 * 100vw / 750) !important;

    }
    .header-title  {
        left: calc(50 * 100vw / 750) !important;
        top: calc(110 * 100vw / 750) !important;
        font-size: calc(40 * 100vw / 750) !important;
        width: calc(580 * 100vw / 750) !important;

    }
    /* 表单布局调整 */ .modal-body  {
        margin-top: calc(180 * 100vw / 750) !important;
        padding: 0 calc(50 * 100vw / 750) !important;

    }
    /* 表单元素统一样式 - 确保标题在上，输入框在下 */ .form-group,
    .form-group.full-width  {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: calc(30 * 100vw / 750) !important;
        position: relative !important;

    }
    .form-group label,
    .form-group.full-width label,
    .form-row .form-group label,
    .input-with-mark label  {
        position: static !important;
        font-size: calc(24 * 100vw / 750) !important;
        margin-bottom: calc(15 * 100vw / 750) !important;
        opacity: 0.7 !important;
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        left: auto !important;
        top: auto !important;

    }
    .input-with-mark  {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;

    }

    /* 重置PC版的绝对定位样式 */
    .form-row .form-group:first-child label,
    .form-row .form-group:last-child label,
    .form-row .form-group:first-child input,
    .form-row .form-group:last-child input  {
        position: static !important;
        left: auto !important;
        top: auto !important;

    }

    /* 输入框样式 */ .form-group input,
    .form-group.full-width input,
    .form-group textarea,
    .form-group.full-width textarea,
    .form-row .form-group input,
    .input-with-mark input,
    .input-with-mark textarea  {
        position: static !important;
        width: 100% !important;
        font-size: calc(30 * 100vw / 750) !important;
        padding: calc(25 * 100vw / 750) 0 !important;
        box-sizing: border-box !important;
        left: auto !important;
        top: auto !important;

    }
    .form-group textarea,
    .form-group.full-width textarea  {
        min-height: calc(100 * 100vw / 750) !important;

    }

    /* 必填项红色*号样式 - 放在文字左侧，不影响对齐 */
    .required-mark  {
        color: #FF4D4F !important;
        font-weight: bold !important;
        font-size: calc(24 * 100vw / 750) !important;
        position: relative !important;
        display: inline !important;
        margin-right: calc(3 * 100vw / 750) !important;
        vertical-align: baseline !important;
        line-height: 1 !important;

    }
    /* 表单底线统一样式 */ .form-line  {
        position: static !important;
        width: 100% !important;
        margin-top: calc(10 * 100vw / 750) !important;
        border-top: 1px solid rgba(216, 216, 216, 0.8) !important;

    }
    /* 按钮区域 - 改为左右排列 */ .form-actions  {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: calc(60 * 100vw / 750) !important;
        gap: calc(20 * 100vw / 750) !important;
        width: 100% !important;

    }
    .btn-cancel,
    .btn-submit  {
        width: calc(300 * 100vw / 750) !important;
        height: calc(80 * 100vw / 750) !important;
        font-size: calc(24 * 100vw / 750) !important;
        border-radius: calc(60 * 100vw / 750) !important;

    }
    .char-counter  {
        position: absolute;
        right: calc(-4* 100vw / 750) !important;
        top: auto !important;
        bottom: calc(-39* 100vw / 750) !important;
        font-size: calc(20* 100vw / 750) !important;
        color: #8c8c8c !important;
        transition: all 0.2sease !important;

    }
    /* 错误信息样式 */ .field-error  {
        position: static !important;
        font-size: calc(24 * 100vw / 750) !important;
        margin-top: calc(10 * 100vw / 750) !important;

    }
    /* 成功消息样式 */ .success-message  {
        padding: calc(50 * 100vw / 750) calc(40 * 100vw / 750) !important;
        font-size: calc(32 * 100vw / 750) !important;

    }

}