/*quote*/
.sx_quote_bg{background:rgba(0,0,0,.4);position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.sx_quote{width:50%;min-width:700px;background:#FFF;border-radius:4px;overflow:hidden;opacity:0;
    -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{background:var(--logoColor);height:45px;color:#FFF;font-weight:bold;position:relative;}
.sx_quote .sxq_t i{position:absolute;width:45px;height:45px;line-height:40px;text-align:center;color:#FFF;right:0;top:0;font-size:30px;font-style:normal;cursor:pointer;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.sx_quote .sxq_form{padding:0 20px 20px;}
.sx_quote .sxq_form .sxq_li{width:48%;margin-top:20px;position:relative;}
.sx_quote .sxq_form .sxq_li.sxq_liw{width:100%;}
.sx_quote .sxq_form .sxq_li p{font-size:14px;color:#333;font-weight:bold;margin-bottom:14px;margin-left:2px;}
.sx_quote .sxq_form .sxq_li p span{color:#dc2626;}
.sx_quote .sxq_form .sxq_li .sxq_select{width:100%;height:40px;border:1px solid #DDD;border-radius:4px;outline:none;padding:0 15px;}
.sx_quote .sxq_form .sxq_li .sxq_select span{font-size:14px;color:#828282;}
.sx_quote .sxq_form .sxq_li input{height:40px;border:1px solid #DDD;border-radius:4px;outline:none;padding:0 15px;width:100%;}
.sx_quote .sxq_form .sxq_li textarea{padding:15px;border:1px solid #DDD;border-radius:4px;outline:none;height:160px;resize:none;}
.sx_quote .sxq_form .sxq_li .sxq_c{}
.sx_quote .sxq_form .sxq_li .sxq_c .sxq_ci{padding:0 8px;background:#DDD;font-size:14px;border-radius:4px 0 0 4px;}
.sx_quote .sxq_form .sxq_li .sxq_c .sxq_ci span{font-size:16px;margin-right:5px;}
.sx_quote .sxq_form .sxq_li .sxq_c input{border-radius:0 4px 4px 0;}
.sx_quote .sxq_form .sxq_bottom{margin-top:30px;width:100%;}
.sx_quote .sxq_form .sxq_bottom .sxq_btn{height:40px;color:#FFF;padding:0 25px;border-radius:4px;background:var(--logoColor);cursor:pointer;}
.sx_quote.on{opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
@media screen and (max-width:767px){
    .sx_quote{width:calc(100% - 20px);min-width:auto;}
    .sx_quote .sxq_form{padding:0 10px 15px;}
    .sx_quote .sxq_form .sxq_li{width:100%;margin-top:12px;}
    .sx_quote .sxq_form .sxq_li p{margin-bottom:10px;}
    .sx_quote .sxq_form .sxq_bottom{margin-top:20px;}
}