body{background-color:#f9f9f9}.apply-page{display:flex;justify-content:center;align-items:center;padding:120px 0 50px;background-color:#f9f9f9}.apply-page .apply{display:flex;height:718px;border-radius:8px;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.2)}.apply-page .left-wrap{width:428px;padding:90px 52px 0;border-radius:8px 0px 0px 8px;background:url("../img/apply-bg.png") no-repeat}.apply-page .left-wrap .title{font-size:24px;font-weight:600;color:#FFFFFF;margin-bottom:10px}.apply-page .left-wrap .desc{font-size:15px;line-height:22px;color:#FFFFFF}.apply-page .left-wrap .icon{width:325px;height:417px;background:url("../img/apply-icon.png") no-repeat;background-size:325px 417px}.apply-page .right-wrap{width:525px;border-radius:0 8px 8px 0;padding:30px 60px 0 45px;background-color:#ffff}.apply-page .right-wrap .title{font-size:20px;font-weight:600;line-height:28px;color:#131414}.apply-page .right-wrap .desc{font-size:12px;line-height:16px;color:#606266;margin:12px 0 30px}.apply-page .right-wrap .form-item{position:relative;margin-top:18px}.apply-page .right-wrap .form-item .label{font-size:14px;line-height:22px;color:#3D3D3D;margin-bottom:6px}.apply-page .right-wrap .form-item .label span{color:#F2624D;margin-left:3px}.apply-page .right-wrap .form-item #send{position:absolute;right:10px;top:28px;height:40px;line-height:40px;font-size:12px;color:#0B63F8;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.apply-page .right-wrap .form-item .disable{pointer-events:none;color:#8590a6 !important}.apply-page .right-wrap .form-item input::-ms-clear{display:none}.apply-page .right-wrap .form-item input::-webkit-input-placeholder{font-size:14px;color:#C0C4CC}.apply-page .right-wrap .form-item input::-moz-placeholder{font-size:14px;color:#C0C4CC}.apply-page .right-wrap .form-item input:-moz-placeholder{font-size:14px;color:#C0C4CC}.apply-page .right-wrap .form-item input:-ms-input-placeholder{font-size:14px;color:#C0C4CC}.apply-page .right-wrap .form-item .text-input{width:100%;height:42px;padding-left:10px;outline:none;border-radius:4px;border:1px solid #E9E9EB;transition:border .3s}.apply-page .right-wrap .form-item .text-input:focus{border:1px solid #0B63F8}.apply-page .right-wrap .form-item .text-input2{width:320px;height:30px;margin-left:13px;border-radius:0;border:none;border-bottom:1px solid #E9E9EB}.apply-page .right-wrap .form-item .text-input2:focus{border:none;border-bottom:1px solid #0B63F8}.apply-page .right-wrap .checkbox-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}.apply-page .right-wrap .checkbox-wrap .checkbox-item{height:24px;line-height:24px}.apply-page .right-wrap .checkbox-wrap .checkbox-item:last-child{height:32px;margin-top:12px}.apply-page .right-wrap .checkbox-wrap .checkbox-input{vertical-align:middle}.apply-page .right-wrap .checkbox-wrap label{font-size:14px;line-height:24px;color:#606266}.apply-page .right-wrap .err-border{border-color:#F2624D !important}.apply-page .right-wrap .empty,.apply-page .right-wrap #code-err,.apply-page .right-wrap #other-err{display:none;position:absolute;font-size:12px;color:#F2624D;left:10px;bottom:-20px}.apply-page .right-wrap .phone-code{display:flex}.apply-page .right-wrap .phone-code .phone{position:relative;width:243px;margin-right:16px}.apply-page .right-wrap .phone-code .code{position:relative}.apply-page .right-wrap #submit,.apply-page .right-wrap #goback,.apply-page .right-wrap #cancel{width:100%;line-height:42px;padding:0;font-size:14px;color:#FFFFFF;text-align:center;margin:30px 0;outline:none;border:none;border-radius:4px;background-color:#0B63F8;cursor:pointer}.apply-page .right-wrap #succeed{display:none;height:542px;padding-top:115px}.apply-page .right-wrap #succeed .icon{display:block;width:100px;height:100px;margin:0 auto 16px}.apply-page .right-wrap #succeed .text{font-size:14px;line-height:22px;text-align:center;color:#909399;margin-bottom:168px}.apply-page .right-wrap .tips{font-size:12px;line-height:16px;color:#909399}@media only screen and (max-width: 390px){body{background-color:#FFFFFF}.apply-page{padding:0}.apply-page .apply{flex-direction:column;width:100%;height:100%;padding-top:60px;border-radius:0;box-shadow:none}.apply-page .left-wrap{display:none}.apply-page .right-wrap{width:100%;height:100%;padding:30px 16px;border-radius:0}.apply-page .right-wrap .title{font-size:18px}.apply-page .right-wrap .desc{font-size:12px;margin:5px 0 12px;line-height:16px}.apply-page .right-wrap .form-item .label{font-size:12px}.apply-page .right-wrap .form-item #send{top:29px;height:33px;line-height:34px;cursor:text}.apply-page .right-wrap .form-item input::-webkit-input-placeholder{font-size:12px}.apply-page .right-wrap .form-item input::-moz-placeholder{font-size:12px}.apply-page .right-wrap .form-item input:-moz-placeholder{font-size:12px}.apply-page .right-wrap .form-item input:-ms-input-placeholder{font-size:12px}.apply-page .right-wrap .form-item .text-input{height:36px}.apply-page .right-wrap .checkbox-wrap .checkbox-item{width:50%}.apply-page .right-wrap .checkbox-wrap .checkbox-item:last-child{width:100%;margin-top:0}.apply-page .right-wrap .checkbox-wrap .text-input2{width:260px}.apply-page .right-wrap .phone-code{display:flex}.apply-page .right-wrap .phone-code .phone{position:relative;width:300px;margin-right:16px}.apply-page .right-wrap #succeed{height:450px;padding-top:80px}.apply-page .right-wrap #succeed .text{margin-bottom:80px}.apply-page .right-wrap .tips{padding:16px;margin-top:80px;margin-top:0;text-align:left;background-color:#f9f9f9;font-size:20px;line-height:32px;zoom:0.5}}
