﻿.page .register{background:#fff;border-radius:10px;margin-top:15px;overflow:hidden;padding:40px 80px}.page .register.next #verifyForm .form-box{transform:translateX(-900px)}.page .register.next #verifyForm .form-box .form-step:last-child{height:auto}.page .register.next .step .item:first-child{background:#fff;color:#b2b2b2}.page .register.next .step .item:first-child::before{color:#fff;background:#dedede}.page .register.next .step .item:last-child{color:#fff;background:#83b5ff}.page .register.next .step .item:last-child::before{color:var(--color-active);background:#fff}.page .register h2 span{padding:8px 0px;font-size:18px;color:var(--color-active);text-transform:uppercase;border-bottom:2px solid #87bfff}.page .register .step{display:inline-block;overflow:hidden;border-radius:50px;font-size:0;border:1px solid #f1f1f1;box-shadow:0 2px 6px #fff;margin-bottom:30px}.page .register .step .item{display:inline-block;padding:0 26px 0 22px;line-height:40px;height:36px;font-size:13px;color:#fff;background:#83b5ff;border-radius:50px}.page .register .step .item::before{content:"1";display:inline-block;height:16px;width:16px;border-radius:50%;text-align:center;line-height:18px;font-size:12px;margin-right:4px;transform:scale(0.9);padding-right:1px;box-sizing:border-box;color:var(--color-active);background:#fff}.page .register .step .item:last-child::before{content:"2"}.page .register .step .item:last-child{background:#fff;color:#b2b2b2}.page .register .step .item:last-child::before{color:#fff;background:#dedede}.page .register #verifyForm{width:900px;margin:auto;padding:20px 0;overflow:hidden;text-align:center}.page .register #verifyForm .form-box{white-space:nowrap;transition:all .3s}.page .register #verifyForm .form-box .form-step{width:900px;vertical-align:top;display:inline-block}.page .register #verifyForm .form-box .form-step:last-child{height:0}.page .register #verifyForm .form-box .form-step section{width:710px;position:relative}.page .register #verifyForm .form-box .form-step section .tit{display:inline-block;font-size:12px;font-weight:600;color:#989898;text-align:right;width:220px;margin-right:20px;position:absolute;top:12px;left:0}.page .register #verifyForm .form-box .form-step section .item{display:flex;flex-wrap:wrap;align-items:center;margin:auto 0 24px;position:relative}.page .register #verifyForm .form-box .form-step section .item>span:first-child{display:inline-block;font-size:12px;font-weight:600;color:#989898;text-align:right;width:220px;margin-right:20px}.page .register #verifyForm .form-box .form-step section .item input[type=number],.page .register #verifyForm .form-box .form-step section .item input[type=text],.page .register #verifyForm .form-box .form-step section .item input[type=password]{display:block;height:40px;border:none;width:470px;color:#666;font-size:13px;border-radius:4px;padding:0 10px;background:#f7f9fc;-webkit-transition:all .3s;transition:all .3s;border:1px solid #f7f9fc;border-left:2px solid #c1deff}.page .register #verifyForm .form-box .form-step section .item input[type=number]:focus,.page .register #verifyForm .form-box .form-step section .item input[type=text]:focus,.page .register #verifyForm .form-box .form-step section .item input[type=password]:focus{border-color:var(--color-active)}.page .register #verifyForm .form-box .form-step section .item .iconfont{position:absolute;right:10px;top:10px;font-size:20px;font-weight:400;margin:0;color:#d2d2d2}.page .register #verifyForm .form-box .form-step section .item .upload{flex:1;display:flex;justify-content:space-between}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box{height:100px;width:calc(50% - 5px);border:1px solid #e1edfb;border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;justify-content:center;color:#b4b4b4;background:#f7f9fc;font-size:12px;cursor:pointer;transition:all .3s;position:relative}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box:hover{color:var(--color-active);border-color:var(--color-active);background:rgba(67,153,252,.1)}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box span{font-size:28px;margin-bottom:6px}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box i{display:block;font-size:12px;font-style:normal}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.ok::before{content:"";position:absolute;top:0;right:0;background:rgba(67,153,252,.2);height:100%;width:100%;border-radius:4px;display:flex;justify-content:center;align-items:center}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.ok::after{content:"";font-family:"iconfont" !important;font-size:32px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-active);position:absolute;top:22px}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.ok p{margin-top:45px;color:var(--color-active)}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.ok span{display:none}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.must{color:#ffb0b0;border-color:#f9d3d6}.page .register #verifyForm .form-box .form-step section .item .upload .upload-box.must::before{content:"";position:absolute;top:0;right:0;background:rgba(255,61,61,.2);height:100%;width:100%;border-radius:4px;display:flex;justify-content:center;align-items:center}.page .register #verifyForm .form-box .form-step section .item .upload-toggle{display:block;cursor:pointer;color:#fb7c7c;font-size:12px;margin-top:2px}.page .register #verifyForm .form-box .form-step section .upload-file.item{display:flex}.page .register #verifyForm .form-box .form-step section .other-box{width:470px;padding-left:240px;display:flex;flex-wrap:wrap;position:relative;margin-bottom:12px;box-sizing:content-box}.page .register #verifyForm .form-box .form-step section .other-box .layui-form:nth-of-type(2){margin:0}.page .register #verifyForm .form-box .form-step section .other-box .layui-form{width:calc(50% - 6px);margin-right:12px}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item{margin-bottom:12px}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item input{height:40px;color:#666;font-size:13px;border-radius:4px;padding:0 10px;background:#f7f9fc;transition:all .3s;border:1px solid #f7f9fc;border-left:2px solid #c1deff}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item input:hover,.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item input:focus{border-color:var(--color-active) !important;border-left:2px solid var(--color-active) !important}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item .layui-anim{border:1px solid #eee;border-radius:4px;width:100%;text-align:left;font-size:13px}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item .layui-anim dd{line-height:34px}.page .register #verifyForm .form-box .form-step section .other-box .layui-form .layui-form-item .layui-anim dd.layui-this{background-color:var(--color-active)}.page .register #verifyForm .form-box .form-step section .other-box .item{width:calc(50% - 6px);margin-bottom:12px}.page .register #verifyForm .form-box .form-step section .other-box .item:nth-of-type(2n+1){margin-right:12px}.page .register #verifyForm .form-box .form-step section .other-box .other-tit{position:absolute;left:0;top:10px;display:inline-block;font-size:12px;font-weight:600;color:#989898;text-align:right;width:220px}.page .register #verifyForm .form-box .form-step section .other-box .layui-icon{right:14px}.page .register #verifyForm .form-box .form-step section .other-box.select .item:nth-child(4){margin-right:12px}.page .register #verifyForm .form-box .form-step section .other-box.select .item:last-child{margin-right:0}.page .register #verifyForm .form-box .form-step section .other-box.select .layui-form:nth-child(3){margin-right:0;display:none}.page .register #verifyForm .form-box .form-step section .business-box{display:flex;flex-wrap:wrap;text-align:left;padding-top:10px;margin-bottom:12px}.page .register #verifyForm .form-box .form-step section .business-box .checkbox-item{width:33.33%;margin-bottom:12px}.page .register #verifyForm .form-box .form-step section .business-box .checkbox-item .layui-form-checkbox[lay-skin=primary]{padding-left:20px}.page .register #verifyForm .form-box .form-step section .business-box .checkbox-item .layui-form-checkbox[lay-skin=primary] i{width:16px;height:16px;margin-top:0;line-height:16px;transform:scale(0.95)}.page .register #verifyForm .form-box .form-step section .item.error input,.page .register #verifyForm .form-box .form-step section .layui-form-select.error .layui-select-title input{background:#ffe4e4;border-color:#ff9a9a}.page .register #verifyForm .form-box .form-step section .item.error .iconfont,.page .register #verifyForm .form-box .form-step section .layui-form-select.error .layui-select-title .iconfont{color:#ff9d9d}.page .register #verifyForm .form-box .form-step section.form-bttom{width:470px;text-align:left;padding-left:240px;margin-bottom:30px;box-sizing:content-box}.page .register #verifyForm .form-box .form-step section.form-bttom .code{display:block;margin-bottom:16px}.page .register #verifyForm .form-box .form-step section.form-bttom .code input{border:1px solid #eee;height:50px;border-radius:2px;margin-right:10px;width:160px;padding:0 12px;color:#666;vertical-align:top}.page .register #verifyForm .form-box .form-step section.form-bttom .code input:hover{border-color:#cfcfcf}.page .register #verifyForm .form-box .form-step section.form-bttom .code .img-btn{height:50px;display:inline-block}.page .register #verifyForm .form-box .form-step section.form-bttom .code .img-btn img{height:100%;cursor:pointer;border-radius:2px;border:1px solid #eee}.page .register #verifyForm .form-box .form-step section.form-bttom .code .layui-icon{color:#b1b1b1;padding:10px;cursor:pointer;vertical-align:middle}.page .register #verifyForm .form-box .form-step section.form-bttom .code .layui-icon:hover{color:var(--color-active)}.page .register #verifyForm .form-box .form-step section.form-bttom .hint{margin-bottom:10px;color:var(--color-active)}.page .register #verifyForm .form-box .form-step section.form-bttom .layui-form{display:flex;color:#666}.page .register #verifyForm .form-box .form-step section.form-bttom .layui-form p{margin-left:-4px}.page .register #verifyForm .form-box .form-step section.form-bttom .layui-form p a{color:var(--color-active)}.page .register #verifyForm .form-box .form-step section .business-hint{margin:0px}.page .register #verifyForm .form-box .form-step section .business-hint div{float:left;height:40px;font-size:12px;line-height:40px;color:#b2b2b2;margin-left:240px}.page .register #verifyForm .form-box .form-step section .business-hint .iconfont{position:sticky;margin-right:5px;font-size:14px}.page .register .btn-box{text-align:center;position:relative}.page .register .btn-box .iconback{font-size:28px;color:#c2d4e9;position:absolute;transform:translateX(-40px);top:14px;cursor:pointer}.page .register .btn-box .iconback:hover{color:#96b1d0}.page .register .btn-box button{background:var(--color-active);color:#fff;border:none;height:40px;line-height:42px;border-radius:4px;font-size:16px;width:200px;cursor:pointer;margin-top:10px;letter-spacing:3px;text-transform:uppercase;font-weight:600;transition:all .3s}.page .register .btn-box button span{display:inline-block;transform:rotate(180deg);font-size:14px;padding-top:1px;transition:all .3s}.page .register .btn-box button:hover{background:var(--color-active-hover)}.page .register .btn-box button:hover span{transform:rotate(180deg) translateX(-15px)}.page .register .btn-box button.submit{cursor:initial;background:#9ab1cc}.page .register .btn-box button.submit:hover{background:#9ab1cc}.page .register .btn-box button.submit.active{cursor:pointer;background:var(--color-active)}.page .register .btn-box button.submit.active:hover{background:var(--color-active-hover)}.register-success h3{font-size:24px;color:var(--color-active);margin-top:10px;text-transform:capitalize}.register-success p{text-align:left;margin-top:20px;line-height:20px;color:var(--color-base)}/*# sourceMappingURL=register.css.map */
