*{box-sizing:border-box;margin:0;padding:0}.popform{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0);z-index:999;visibility:hidden;overflow:hidden;transition:all 0.3s}.popform.active{background:rgba(255,255,255,.9);visibility:visible}body .popform.active .formcontent{top:50%;visibility:visible}.popform .formcontent ul{list-style:none;margin-bottom:1.5rem}.popform .formcontent{padding:3rem 2.4rem;position:absolute;width:80%;max-width:42rem;background:rgba(255,255,255,1);box-shadow:0 0 30px rgba(0,0,0,.1);left:50%;top:-100%;transform:translateX(-50%) translateY(-50%);border-radius:1rem;overflow:hidden;visibility:hidden;transition:all 0.2s ease}.popform .formcontent .step{height:100%}.formcontent div.input{border:3px solid #f6f6f6;border-radius:10px;margin-bottom:1rem;padding:1rem 1.5rem;position:relative}div.input input::placeholder{font-size:1.1rem;color:#ccc;opacity:75%}.formcontent div.input.active{border-color:#32bee9}.formcontent div.input:before{content:"";position:absolute;width:1.3rem;height:1.3rem;right:1rem;background:url(https://cdn.sytech-web.cn/wp-content/themes/sytech/img/valid.svg) no-repeat center;background-size:contain;opacity:0}.formcontent div.input.active:before{opacity:1}.formcontent div.input input{display:block;width:100%;height:2.5rem;line-height:2.5rem;border:none;outline:none;font-size:1.1rem}.formcontent div.input label{font-weight:600;font-size:1.2rem}.formcontent ul li{cursor:pointer;width:100%;padding:1.2rem;background:#f6f6f6;border-radius:10px;margin-bottom:.4rem;font-size:1.2rem;font-weight:600;position:relative;padding-left:4rem;border:3px solid #f6f6f6;transition:all 0.2s ease}.formcontent ul li:before{content:"";position:absolute;left:1.3rem;top:1.3rem;display:block;border-radius:50%;border:1px solid #cecece;background:#fff;width:1.5rem;height:1.5rem}.formcontent ul li:after{content:"";position:absolute;left:1.5rem;top:1rem;display:block;border-radius:50%;background:url(https://cdn.sytech-web.cn/wp-content/themes/sytech/img/valid.svg) no-repeat center;background-size:contain;width:2rem;height:2rem;opacity:0;transition:all 0.2s ease}.formcontent ul li.active:after{opacity:1}.formcontent ul li.active{background:#fff;border:3px solid #32bee9}.formcontent button{width:48%;border:none;padding:1rem;font-size:1.1rem;border-radius:6px;background:#35bae6;color:#fff}.formcontent button:nth-child(2){background:#252d3d}.formcontent button:disabled{background:#f6f6f6;color:#ccc;cursor:context-menu}.formcontent .actions{margin-top:1.5rem}.formcontent .loader_sonde{display:block}.loader_sonde{display:inline-block;position:relative;width:80px;height:80px;margin:0 auto}.loader_sonde div{position:absolute;border:4px solid #ccc;opacity:1;border-radius:50%;animation:loader_sonde 1s cubic-bezier(0,.2,.8,1) infinite}.loader_sonde div:nth-child(2){animation-delay:-0.5s}@keyframes loader_sonde{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}