.shebei-box { padding: 0 0 15px; background: #f4f6fa; } .shebei-box .form-title-box { padding: 0 25px !important; border-bottom: 1px solid #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; } .shebei-box .form-title-box .form-title { font-size: 18px; color: #243b60; font-weight: bold; line-height: 60px; } .shebei-box .form-title-box .form-title span { display: inline-block; font-size: 12px; color: #243b60; margin-left: 15px; } @media (max-width: 506px) { .shebei-box .form-title-box .form-title span { display: none; } } .shebei-box .base-info-box { position: relative; padding: 0 25px 20px !important; } .shebei-box .base-info-box:before { display: block; position: absolute; content: ''; width: 58px; height: 45px; left: 25px; top: 0; } .shebei-box .base-info-box em { display: block; position: absolute; font-size: 18px; left: 70px; top: 8px; color: #e12864; } .shebei-box .base-info-box .base-info-input { background: #fff !important; border-radius: 5px; padding-left: 58px; width: 100%; line-height: 45px; font-size: 14px; } .shebei-box .base-info-box .base-info-input:focus { border: 1px solid #243b60; } .shebei-box #company-box:before { background: url(../images/shebei/shebei-company.png) no-repeat center; } .shebei-box #address-box:before { background: url(../images/shebei/shebi-add.png) no-repeat center; } .shebei-box #username-box:before { background: url(../images/shebei/shebei-name.png) no-repeat center; } .shebei-box #job-box:before { background: url(../images/shebei/shebei-job.png) no-repeat center; } .shebei-box #mobile-box:before { background: url(../images/shebei/shebei-mobile.png) no-repeat center; } .shebei-box #email-box:before { background: url(../images/shebei/shebei-email.png) no-repeat center; } .shebei-box .wuliao-box { padding: 0 25px !important; margin: 20px 0px 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; line-height: 45px; } .shebei-box .wuliao-box .wuliao-info-input { background: #fff !important; border-radius: 5px; width: 60%; line-height: 45px; font-size: 14px; padding: 0 20px; box-sizing: border-box; float: left; } .shebei-box .wuliao-box .wuliao-info-input:focus { border: 1px solid #243b60; } .shebei-box .wuliao-box .wuliao-info-input.w50 { width: 50%; } .shebei-box .wuliao-box .wuliao-info-input.w45 { width: 45%; } .shebei-box .wuliao-box .wuliao-info-input.w30 { width: 30%; } .shebei-box .wuliao-box .wuliao-info-input.w70 { width: 70%; } .shebei-box .wuliao-box .wuliao-info-input.w80 { width: 80%; } .shebei-box .wuliao-box .wuliao-info-input.w100 { width: 100%; } .shebei-box .wuliao-box.has-unit { position: relative; } .shebei-box .wuliao-box .unit { float: left; height: 45px; line-height: 45px; font-size: 14px; } .shebei-box .wuliao-title { font-size: 14px; color: #3e3e4a; float: left; margin: 0; margin-right: 10px; line-height: 45px; } .shebei-box .wuliao-info-radio { margin-right: 15px; } .shebei-box span { font-size: 14px; margin-right: 25px; } .shebei-box ul { display: flex; justify-content: flex-start; flex-wrap: wrap; } .shebei-box ul li { display: flex; float: left; justify-content: flex-start; height: 45px; line-height: 45px; position: relative; padding-left: 30px; } .shebei-box ul li .wuliao-check-title { display: inline-block; white-space: nowrap; } .shebei-box ul li .wuliao-checkbox { display: block; width: 15px !important; height: 45px; margin-right: 15px; position: absolute; left: 0; } @media (max-width: 992px) { .wuliao-title { float: none !important; } } @media (min-width: 992px) and (max-width: 1200px) { .wuliao-info-input { width: 40% !important; } .wuliao-info-input.xiao28 { width: 28% !important; } } @media (min-width: 1300px) { .container.container-max { max-width: 1300px; } } @media (min-width: 1400px) { .container.container-max { max-width: 1400px; } } @media (min-width: 1500px) { .container.container-max { max-width: 1500px; } } @media (min-width: 1600px) { .container.container-max { max-width: 1600px; } } /*# sourceMappingURL=shebei.css.map */