.message_contact {

        position: fixed;
        
        box-shadow: 11px 11px 27px 16px rgba(20.999999999999996, 35.00000000000002, 63, 0.12);
        margin: 0px auto;
        margin:30px 30px;
        max-width: 360px;
        background-color: white;
        border-radius: 25px;
        overflow: hidden;
        top:50%;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-50%) translateX(100%); /* 垂直居中 + 水平偏移出屏幕 */
        transition: transform 0.5s ease-out;
        z-index: 1999;
        
    }

    @media (max-width: 600px) {
        .message_contact {
            margin:30px 10px;
        }
    }

    .message_contact.show{
        transform: translateY(-50%) translateX(0); /* 垂直居中 + 滑入 */
        opacity: 1;
        visibility: visible;
    }


    .message_contact .subtitle {
        font-size: 24px;
        font-weight: 800;
        text-align: center;
        color: white;
    }

    ._form-content1{
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 28px;
    }

    ._form-content1 input {
        border: 1px solid #dcdcdc;
        outline: 0;
        border-radius: 0;
        width: 100%;
        padding: 12px 10px;
        box-sizing: border-box;
        margin-bottom: 14px;
        font-size: 14px;
    }

    ._form-content1 textarea {
        border: 1px solid #dcdcdc;
        outline: 0;
        border-radius: 0;
        width: 100%;
        padding: 12px 10px;
        box-sizing: border-box;
        height: 100px;
        margin-bottom: 14px;
        font-size: 14px;
    }

    ._form-content1 ._submit {
        width: 100%;
        margin: 0;
        padding: 8px 0;
        transition: all .3s;
        color: #fff;
        background-color: rgb(22,166,177);
        border: 1px solid rgb(22,166,177);
        border-radius: 5px;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        position: relative;
    }

    .message_btn{
        position: fixed;
        bottom: 150px;
        right: 22px;
        background: rgb(22,166,177);
        color: rgb(255, 255, 255);
        box-shadow: 0 4px 20px rgba(60, 69, 118, .2);
        border-radius: 50%;
        width: 48px;
        height: 48px;
        line-height: 48px;
        cursor: pointer;
        z-index: 99;
    }


    .message_btn i{
        transition: transform .5s;
        position: absolute;
        left: 7px;
        top: 0px;
        transform: scale(.85);
    }

    .modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      justify-content: right;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s;
      z-index: 9999;
    }

    .modal-overlay.show {
      opacity: 1;
      visibility: visible;
    }

    .message_close{
        position:relative;
        top: 10px;
        right: -12px;
        text-align: right;
        cursor: pointer;
    }

    .icon-msg1:before {
        content: "\e63d";
    }

    @font-face{font-family:iconfont;src:url(/template/pc/skin/fonts/iconfont.84d7a23d.woff2);src:url(/template/pc/skin/fonts/iconfont.84d7a23d.eot#iefix) format("embedded-opentype"),url(/template/pc/skin/fonts/iconfont.2ed03d2d.woff2) format("woff2"),url(/template/pc/skin/fonts/iconfont.5fb25ac8.woff) format("woff"),url(/template/pc/skin/fonts/iconfont.51a321e6.ttf) format("truetype"),url(/template/pc/skin/fonts/iconfont.8e8561b4.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-tingzhi:before{content:"\e799"}.icon-soutongkuan1:before{content:"\e62a"}.icon-zalo_login:before{content:"\e615"}.icon-bangzhu_bangzhuwendang:before{content:"\e6a3"}.icon-vkontakte:before{content:"\e8cc"}.icon-tiktok:before{content:"\e78d"}.icon-tishi:before{content:"\e72b"}.icon-ziduan:before{content:"\e652"}.icon-kefu1:before{content:"\e734"}.icon-shipin:before{content:"\e61a"}.icon-chat:before{content:"\e600"}.icon-unlike:before{content:"\e642"}.icon-like:before{content:"\e643"}.icon-like1:before{content:"\e645"}.icon-unlike1:before{content:"\e646"}.icon-weixin:before{content:"\e69d"}.icon-avatar:before{content:"\e63f"}.icon-robot:before{content:"\e640"}.icon-doc:before{content:"\e641"}.icon-msg1:before{content:"\e63d"}.icon-msg2:before{content:"\e63e"}.icon-instagram:before{content:"\e88f"}.icon-telegram:before{content:"\eaf9"}.icon-vioce:before{content:"\e675"}.icon-whatsapp-fill:before{content:"\eb92"}.icon-line-fill:before{content:"\ebf5"}.icon-email:before{content:"\e637"}.icon-line:before{content:"\e635"}.icon-whatsapp:before{content:"\e636"}.icon-messenger:before{content:"\e980"}.icon-gou1:before{content:"\e629"}.icon-speaker:before{content:"\e628"}.icon-xiala:before{content:"\e627"}.icon-close:before{content:"\e61e"}.icon-avatar2:before{content:"\e61f"}.icon-attachment2:before{content:"\e620"}.icon-send2:before{content:"\e621"}.icon-image2:before{content:"\e622"}.icon-emoji2:before{content:"\e623"}.icon-robot2:before{content:"\e624"}.icon-star2_1:before{content:"\e625"}.icon-star2:before{content:"\e626"}.icon-gou:before{content:"\e610"}.icon-message1:before{content:"\e61c"}.icon-message:before{content:"\e61d"}.icon-video:before{content:"\e619"}.icon-download:before{content:"\e614"}.icon-loading:before{content:"\e644"}.icon-fangda:before{content:"\ec14"}.icon-suoxiao:before{content:"\ec13"}.icon-reset:before{content:"\e618"}.icon-information:before{content:"\e758"}.icon-retry:before{content:"\e630"}.Button_btn_3ykLd{padding:0 10px;border:1px solid #ccc;white-space:nowrap;height:30px;display:inline-block;vertical-align:middle;border-radius:5px;font-size:12px;cursor:pointer;margin-left:10px}.Button_btn_3ykLd:disabled{background:#f1f1f1!important;color:#ccc;cursor:not-allowed}.Icon_icon_3a2GM{display:inline-block;vertical-align:baseline}.schat_btn-text{background:#fff;border:none;padding:0}.schat_btn-text:disabled{background:#fff}


    .message_top{
        
        background-color: rgb(22,166,177);
        padding: 0px 25px;
    }

    .subtitle{
        margin-top: 10px;
    }