.prompt-message{width: auto;position:fixed; z-index:999999; top:50%; left:50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.8);color: #fff;padding: 10px 20px;border-radius: 4px;}

.inputteldiv { width: 80%; max-width: 460px; padding: 20px; background: #fee; border-radius: 5px;}
input[type="text"],
input[type="tel"],
select { width: 100%; padding: 10px;  border: 0px; box-sizing: border-box;height: 35px; } 
.main-title { font-size:20px; margin-bottom:20px; text-align:center; }
.telsubmit { padding: 10px 20px; background: #ff5000; color: #fff; border: none; border-radius: 4px; cursor: pointer; width: 100%; margin-top: 30px;height: 35px;}
.telsubmit:hover { background: #ff5000a8; }
.fw-input { position:relative; font-size:14px; width:100%; border:1px solid #ddd; border-radius:4px; margin-bottom:10px; line-height: 35px; }
.input-prefix { width:25px; height:25px; position:absolute; left:5px; top:4px; }
.icon-name { background:url('https://qihuili.oss-cn-hangzhou.aliyuncs.com/fws.pub/upload/202405/1FpIp.png') center no-repeat; background-size:25px 25px; }
.icon-phone { background:url('https://qihuili.oss-cn-hangzhou.aliyuncs.com/fws.pub/upload/202405/1Fz37.png') center no-repeat; background-size:25px 25px; }
.icon-sms { background:url('https://qihuili.oss-cn-hangzhou.aliyuncs.com/fws.pub/upload/202405/1FE7n.png') center no-repeat; background-size:25px 25px; }
.icon-grade { background:url('https://qihuili.oss-cn-hangzhou.aliyuncs.com/fws.pub/upload/202405/1FKf1.png') center no-repeat; background-size:25px 25px; }
.input-inner { display:inline-block; width:100%; }
.input-inner input,.input-inner select { padding-left: 36px }
.input-suffix{position:absolute; right:5px; width:30%; height:70%; text-align:right;}
.input-suffix button{padding: 0 8px;margin: 0;width: auto;height: 100%; background: #fff;color: #425fda;border: 1px solid #425fda; border-radius: 4px;}
#grade {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 100%;background: transparent;position: relative;cursor: pointer;}
.select-arrow{position:absolute;right: 8px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 1em;}
.agreebox{ width: 100%;margin-left: 22px;}
.agreebox input{ height: 10px;}
.agreebox a{ color: #ff5000; text-decoration: none;}

input[type="checkbox"] {opacity: 0;}
input[type="checkbox"] + .checkbox-label {display:inline-block; margin-bottom:5px; width:12px; height:12px; border-radius:50%; border:1px solid #ccc; position:absolute; left: 3px;bottom: -3px;cursor: pointer;}
input[type="checkbox"]:checked + label.checkbox-label::before {content: "✓";font-size: 12px;width: 12px;height: 12px;display: block;background: #ff5000;border-radius: 50%;color: #fff;text-align: center;line-height: 12px;border: 1px solid #ff5000;position: relative;left: -1px;top: -1px;}

#overlay {position: fixed;display: none;z-index: 100;left: 0;top: 0;width: 100%;height: 100vh;overflow: auto;background-color: rgba(0,0,0,0.4);justify-content: center;align-items: center;}
#agreementContent {background-color: #fefefe;  margin:0 auto;padding: 20px; border: 1px solid #888;width: 80%; max-width: 460px; height:80%;display: flex;flex-direction: column;}
#agreementContent .header{height: 40px;display: flex;justify-content: center;position: relative;}
#agreementContent .header #userdeal{font-size: 20px;font-weight: bolder;}
#agreementContent .header #closeAgreement{position: absolute;right: 5px;background: #ff5000;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;cursor: pointer;}
#agreementContent .header #closeAgreement:hover{background: #ff5000a8;}
#agreementContent p{height: calc(100% - 40px);overflow-y: auto;padding: 10px;}