@charset "utf-8"; body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption{ padding: 0; margin: 0; list-style: none; font-style: normal; text-decoration: none; border: none; font-family: "microsoft yahei"; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .text-center { text-align: center; } .el-dialog.demand-main-dialog { width: 990px; border-radius: 8px; } .el-dialog.demand-main-dialog div, .el-dialog.demand-main-dialog span, header, .el-dialog.demand-main-dialog a, .el-dialog.demand-main-dialog p, .el-dialog.demand-main-dialog h1, .el-dialog.demand-main-dialog h2, .el-dialog.demand-main-dialog h3, .el-dialog.demand-main-dialog h4, .el-dialog.demand-main-dialog h5, .el-dialog.demand-main-dialog h6, .el-dialog.demand-main-dialog i, .el-dialog.demand-main-dialog b, .el-dialog.demand-main-dialog textarea, .el-dialog.demand-main-dialog button, .el-dialog.demand-main-dialog input{ font-family: "helvetica neue", helvetica, arial, sans-serif, microsoft yahei, arial, helvetica, sans-serif, serif; } .el-dialog.demand-main-dialog .el-button { padding: 9px 20px; } .el-dialog.demand-main-dialog .el-dialog__header { display: none; } .el-dialog.demand-main-dialog .el-dialog__body { padding: 0; } .el-dialog.demand-main-dialog .speed-demand { height: 480px; display: flex; flex-direction: row; } .el-dialog.demand-main-dialog .speed-demand .speed-demand-img { width: 360px; height: 100%; } .el-dialog.demand-main-dialog .speed-demand .speed-demand-img img { width: 100%; height: 100%; object-fit: cover; } .el-dialog.demand-main-dialog .speed-demand .speed-demand-form { width: 630px; padding: 32px 24px; position: relative; } .el-dialog.demand-main-dialog .speed-demand .speed-demand-form .speed-demand-header .close { position: absolute; top: -32px; right: -32px; width: 30px; height: 30px; opacity: 1; background: no-repeat; background-size: cover; cursor: pointer; } .el-dialog.demand-main-dialog .demand-lazy .cds-vline { display: inline-block; width: 3px; height: 16px; background: #ff7400; margin-right: 8px; vertical-align: middle; } .el-dialog.demand-main-dialog .demand-lazy .class-box { position: relative; } .el-dialog.demand-main-dialog .demand-lazy .terms { color: #ff7400; vertical-align: top; } .el-dialog.demand-main-dialog .demand-lazy .terms:hover { color: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .form-box { background-color: #fff; position: relative; } .el-dialog.demand-main-dialog .demand-lazy .form-box h2 { position: relative; height: 20px; line-height: 20px; font-size: 16px; font-weight: 400; color: #0c0f11; margin-bottom: 16px; padding-left: 11px; } .el-dialog.demand-main-dialog .demand-lazy .form-box h2::after { content: ""; display: block; position: absolute; top: 2px; left: 0; width: 3px; height: 16px; background: #ff7400; } .el-dialog.demand-main-dialog .demand-lazy .form-box.pt8 { padding-top: 8px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box { display: flex; align-items: center; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo { position: relative; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo .el-input { width: 354px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo::after { content: ""; display: block; position: absolute; top: 4px; right: 0; border-right: 1px solid #dedede; height: 32px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo .el-input__inner { border-right: none; border-radius: 4px 0 0 4px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo .el-input__inner:focus { border-right: 1px solid #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .el-form-item__content { display: flex; align-items: center; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .el-input { width: 472px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .el-input__inner { width: 100%; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .lazy-modify-btn { width: 110px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .lazy-modify-btn a { display: block; height: 40px; padding: 11px 0; line-height: normal; text-align: center; font-size: 14px; color: #fff; font-weight: 400; background: #ff7400; border-radius: 0 4px 4px 0; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .lazy-modify-btn a:hover { background: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active .lazy-modify-btn a.is-disabled { cursor: not-allowed; background: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.active::after { content: ""; display: none; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.activefocus::after { border-color: #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.is-error .el-input__inner { border-right: 1px solid #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .contactsinfo.is-error::after { border-color: #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .verificationcode { width: 226px; background: #f5f7fa; height: 40px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .verificationcode .el-form-item__content { display: flex; align-items: center; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .verificationcode .el-input { width: 116px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .verificationcode .el-input__inner { border-radius: 0; border-left-color: transparent; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .verificationcode .el-input__inner:focus { border-left-color: #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .code-btn { width: 110px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .code-btn a { display: block; height: 40px; padding: 11px 0; text-align: center; font-size: 14px; color: #fff; font-weight: 400; background: #ff7400; border-radius: 0 4px 4px 0; line-height: normal; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .code-btn a:hover { background: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .code-btn a.is-disabled { cursor: not-allowed; background: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .lazy-modify { display: flex; align-items: center; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .lazy-modify .contactsinfo.active .el-input { width: 246px; } .el-dialog.demand-main-dialog .demand-lazy .phone-box .lazy-modify .contactsinfo.active .lazy-modify-btn a { border-radius: 0; } .el-dialog.demand-main-dialog .demand-lazy .phone-box.form-content { margin-bottom: 24px; border: 1px solid #dedede; } .el-dialog.demand-main-dialog .demand-lazy .phone-box.form-content .el-form-item { margin-bottom: 0; } .el-dialog.demand-main-dialog .demand-lazy .agreement { margin-bottom: 22px; overflow: visible; } .el-dialog.demand-main-dialog .demand-lazy .agreement.active { margin-bottom: 20px; } .el-dialog.demand-main-dialog .demand-lazy .firstlogin { position: absolute; top: 45px; left: 0; color: #999; } .el-dialog.demand-main-dialog .demand-lazy .el-input__inner { padding: 0 15px; height: 40px; line-height: 40px; } .el-dialog.demand-main-dialog .demand-lazy .el-form-item__label { color: #333; text-align: left; } .el-dialog.demand-main-dialog .demand-lazy .el-input input:focus, .el-dialog.demand-main-dialog .demand-lazy .el-input__inner:focus { border-color: #ea5504; outline: 0; box-shadow: none; } .el-dialog.demand-main-dialog .demand-lazy .el-form-item__error, .el-dialog.demand-main-dialog .demand-lazy .termschecked { padding-left: 20px; background: no-repeat 0 5px; font-size: 12px; background-size: 14px; line-height: 16px; color: #ff0303; } .el-dialog.demand-main-dialog .demand-lazy .el-input input:focus, .el-dialog.demand-main-dialog .demand-lazy .el-input__inner:focus, .el-dialog.demand-main-dialog .demand-lazy .el-input textarea:focus, .el-dialog.demand-main-dialog .demand-lazy .el-textarea__inner:focus { border-color: #ea5504; outline: 0; box-shadow: none; } .el-dialog.demand-main-dialog .demand-lazy input[type="radio"], .el-dialog.demand-main-dialog .demand-lazy input[type="checkbox"] { margin: 4px 0 0 4px; } .el-dialog.demand-main-dialog .demand-lazy .el-input input[type="checkbox"]:focus, .el-dialog.demand-main-dialog .demand-lazy .el-input input[type="radio"]:focus { border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .el-dialog.demand-main-dialog .demand-lazy .submit-btn { width: 290px; background: #ff7400; border-color: #ff7400; text-align: center; height: 40px; font-size: 16px; font-weight: 500; margin-top: 92px; } .el-dialog.demand-main-dialog .demand-lazy .submit-btn.active { margin-top: 50px; } .el-dialog.demand-main-dialog .demand-lazy .submit-btn span{ color: #fff } .el-dialog.demand-main-dialog .demand-lazy .submit-btn:hover, .el-dialog.demand-main-dialog .demand-lazy .submit-btn:focus { background: #ff9129; text-align: center; border-color: #ff9129; } .el-dialog.demand-main-dialog .demand-lazy .termschecked { position: absolute; margin-left: 20px; top: 20px; padding-top: 4px; } .el-dialog.demand-main-dialog .demand-lazy .checkbox-input .el-checkbox__label { font-size: 14px; font-weight: 400; color: #0c0f11; line-height: 20px; padding-left: 8px; vertical-align: bottom; } .el-dialog.demand-main-dialog .demand-lazy .checkbox-input.active { vertical-align: middle; } .el-dialog.demand-main-dialog .demand-lazy .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { margin-right: 0; } .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-error .el-input__inner, .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-error .el-input__inner:focus, .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-error .el-textarea__inner, .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-error .el-textarea__inner:focus { border-color: #ff0303 !important; box-shadow: none; } .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-success .el-input__inner:focus, .el-dialog.demand-main-dialog .demand-lazy .el-form-item.is-success .el-textarea__inner:focus { border-color: #ea5504; box-shadow: none; } .el-dialog.demand-main-dialog .demand-lazy .el-form-item { margin-bottom: 24px; } .el-dialog.demand-main-dialog .demand-lazy .description.active .el-input__inner { padding-right: 70px; } .el-dialog.demand-main-dialog .demand-lazy .demand-lazy-success { text-align: center; margin-top: 58px; } .el-dialog.demand-main-dialog .demand-lazy .demand-lazy-success .icon-success { width: 152px; height: 136px; margin: 0 auto; background: center no-repeat; background-size:cover; } .el-dialog.demand-main-dialog .demand-lazy .demand-lazy-success p { color: #7d7e80; margin: 15px 0 30px 0; }