@charset "utf-8";

#tail_form{position:fixed;z-index:10;bottom:-100%;width:100%;height:80px;padding-top:15px;margin:0 auto;background:#eaedf5;transition:all 1s}
#tail_form.active{bottom:0}
#tail_form ul{overflow:hidden;max-width:1400px;margin:0 auto}
#tail_form ul li{display:flex;float:left;width:calc(100%/4 - 22.5px);height:50px}
#tail_form ul li+li{margin-left:30px}
#tail_form ul li .sh_input{width:100%;height:100%;border:0;padding-left:20px;border-radius:3px;font-size:14px;color:#888;background:#fff;font-family:'SpoqaHanSansNeo-Regular'}
#tail_form ul li input::placeholder{font-size:14px;color:#888}
#tail_form ul li:last-child input{padding:0;font-size:15px;text-align:center;color:#fff;background:var(--primary);font-family:'SpoqaHanSansNeo-Medium'}
#tail_form .agrees{position:absolute;left:calc(50% - 700px);bottom:15px;max-width:1400px;width:100%;font-size:13px;text-align:right;color:rgba(255,255,255,.6);}
#tail_form .agrees span{display:inline-block;line-height:1}
#tail_form .agrees span:first-child{margin-right:28px}
#tail_form .agrees label{display:inline-block;cursor:pointer;margin-left:5px;font-size:14px;color:#888;font-family:'SpoqaHanSansNeo-Regular'}
#tail_form .agrees a{display:inline-block;padding:5px 9px;margin-left:5px;border-radius:3px;font-size:13px;color:#888;background:#fff;font-family:'SpoqaHanSansNeo-Medium'}

@media screen and (max-width:1450px) {
#tail_form ul{max-width:none;padding:0 20px}
#tail_form .agrees{max-width:none;padding:0 20px;left:0}
}
@media screen and (max-width:1024px) {
#tail_form ul li{width:calc(100%/4 - 7.5px)}
#tail_form ul li+li{margin-left:10px}
}
@media screen and (max-width:768px) {
#tail_form{height:65px}
#tail_form ul{max-width:none;padding:0 15px}
#tail_form ul li{height:45px}
#tail_form ul li .sh_input{font-size:13px}
#tail_form ul li input::placeholder{font-size:13px}
#tail_form ul li:last-child input{font-size:14px}
#tail_form .agrees{padding:0 15px}
#tail_form .agrees label{font-size:13px}
}
@media screen and (max-width:480px) {
#tail_form{height:65px;padding-top:10px}
#tail_form ul{padding:0 10px}
#tail_form ul li{width:calc(100%/3 - 3.4px);height:40px}
#tail_form ul li+li{margin-left:5px}
#tail_form ul li:last-child{width:100%;margin:5px 0 0}
#tail_form ul li .sh_input{padding-left:13px}
#tail_form .agrees{display:flex;justify-content:center;flex-wrap:wrap;bottom:5px;padding:0;text-align:center}
#tail_form .agrees span{width:50%}
#tail_form .agrees span:first-child{margin:0 0 5px}
#tail_form .agrees label{font-size:12px}
#tail_form .agrees a{padding:5px;font-size:11px}
}
@media screen and (max-width:350px) {
#tail_form ul li{height:38px}
#tail_form ul li:last-child input{font-size:13px}
#tail_form{height:70px}
#tail_form .agrees{padding:0 15px;text-align:right}
#tail_form .agrees span{width:100%}
}