/*quote*/
.sx_quote_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.sx_quote{width:50vw;min-width:700px;background:#FFF;padding:2.7vw;border-radius:1.5vw;overflow:hidden;opacity:0;
    box-shadow:0 10px 18px rgba(0,0,0,.05);
    -webkit-transform:scale(0.7);
    -moz-transform:scale(0.7);
    -ms-transform:scale(0.7);
    transform:scale(0.7);
    transition:transform 0.3s ease-out, opacity 0.3s ease-out;
}
.sx_quote .sxq_t{color:#000;position:relative;font-size:40px;}
.sx_quote .sxq_form{margin-top:40px;gap:12px;}
.sx_quote .sxq_form .sxq_li{width:calc(25% - 9px);position:relative;}
.sx_quote .sxq_form .sxq_li.sxq_liw{width:100%;}
.sx_quote .sxq_form .sxq_li input{line-height:36px;border:1px solid #DDD;border-radius:12px;outline:none;padding:10px 20px;width:100%;}
.sx_quote .sxq_form .sxq_li textarea{width:100%;padding:10px 20px;border:1px solid #DDD;border-radius:12px;outline:none;height:100px;resize:none;}
.sx_quote .sxq_form .sxq_li input:focus::placeholder{opacity:0;}
.sx_quote .sxq_form .sxq_li textarea:focus::placeholder{opacity:0;}
.sx_quote .sxq_form .sxq_bottom{margin-top:20px;width:100%;gap:8px;}
.sx_quote .sxq_form .sxq_bottom .sxq_btn{height:40px;color:#FFF;padding:0 25px;border-radius:40px;background:var(--positionColor);cursor:pointer;min-width:110px;font-size:16px;text-align:center;}
.sx_quote .sxq_form .sxq_bottom .sxq_btn:last-child{background:var(--positionColor);border:1px solid var(--positionColor);color:#FFF;}
.sx_quote.on{opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.sx_quote_close{width:36px;height:36px;border-radius:50%;border:1px solid #555;margin-top:24px;cursor:pointer;}
.sx_quote_close i{font-size:20px;color:#555;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.sx_quote_close:hover{background:#275DA8;border-color:#275DA8;}
.sx_quote_close:hover i{color:#FFF;}

@media screen and (max-width:767px){
    .sx_quote{width:calc(100% - 20px);min-width:auto;}
    .sx_quote .sxq_form{margin-top:20px;gap:10px;}
    .sx_quote .sxq_form .sxq_li{width:100%;}
    .sx_quote .sxq_form .sxq_li input{line-height:30px;padding:4px 8px;border-radius:6px;}
    .sx_quote .sxq_form .sxq_li textarea{line-height:30px;padding:4px 8px;border-radius:6px;}
    .sx_quote .sxq_form .sxq_bottom{margin-top:10px;}
    .sx_quote_close{margin-top:8px;}
}