/* 物流需求主体 */ .body-main { background-color: #F5F5F7; width: 100%; padding-bottom: 32px; } .logistics-image { min-height: 64px; } .head-image-wrapper .head-content { position: absolute; top: 4px; text-align: center; } .head-image-wrapper .head-font span { font-size: 18px; font-weight: 500; color: #FFFFFF; letter-spacing: 0; text-align: justify; line-height: 24px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } .form-block { position: relative; z-index: 1; width: 100%; background-color: #fff; } .logistics-demand-content { padding: 24px; } .form-title { font-size: 16px; color: #1D1D1F; font-weight: 500; } .form-label { width: 100%; height: 22px; font-size: 14px; color: #666666; line-height: 22px; } .base-label { color: #2A2A2A; } .form-textarea { width: 100%; margin-top: 4px; } .form-radio { cursor: pointer; margin-left: 8px; font-size: 14px; color: #333333; line-height: 22px; } .mobile-left { float: left; width: 50%; } .mobile-right { float: left; width: 50%; box-sizing: border-box; text-align: right; margin-top: 0; padding-right: 4px; } .mobile-radio { margin-left: 40px !important; } .form-textarea [type='radio'] { cursor: pointer; -webkit-appearance: radio; } .from-line { height: 1px; background-color: #E5E5E5; } .distance-top { margin-top: 24px; } .distance-bottom { margin-bottom: 8px; } .mobile-distance-top { margin-top: 32px; } .distance-row { margin-top: 16px; } .textarea-content { width: 100%; height: 98px; padding: 5px 12px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; line-height: 22px; color: #333333; } .mobile-height { height: 98px; } .input-content { width: 100%; height: 32px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; padding: 5px 11px; font-size: 14px; color: #333333; line-height: 22px; } .textarea-content::-webkit-input-placeholder, .input-content::-webkit-input-placeholder { font-size: 14px; color: #999999; line-height: 22px; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } /* 使用webkit内核的浏览器 */ .textarea-content::-moz-placeholder, .input-content::-moz-placeholder { font-size: 14px; color: #999999; line-height: 22px; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } /* Firefox版本4-18 */ .textarea-content:-moz-placeholder, .input-content:-moz-placeholder { font-size: 14px; color: #999999; line-height: 22px; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } /* Firefox版本19+ */ .textarea-content::-ms-input-placeholder, .input-content::-ms-input-placeholder { font-size: 14px; color: #999999; line-height: 22px; font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; } .form-button { background: #1677FF; border-radius: 4px; height: 32px; text-align: center; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .mobile-form-button { margin-left: 0; width: 100%; } .mobile-form-label { color: #2A2A2A; width: 20%; margin-top: 7px; float: left; } .mobile-row { float: left; width: 80%; text-align: right; } .mobile-form-textarea { width: calc(90% - 88px); height: 32px; display: inline-block; } .form-button:hover { background: #4A86F5; } .mobile-form-verify { margin-top: 7px; display: inline-block; margin-left: 8px; } #img-verify { height: 25px; width: 80px; } .img-change-box { display: none; } .img-change { color: #286EF0; font-size: 14px; background: transparent; } .submit-btn { font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; } .explain-block { width: 100%; background-color: #fff; margin-top: 8px; } .explain-content { padding: 24px; } .explain-row { font-size: 14px; color: #333333; text-align: justify; line-height: 22px; }