/* 商务合作 - 货运代理人签约合作意向申请 (移动端) */ /* banner 长标题字号适配（移动端沿用 common-mobile 的图片下方左对齐惯例） */ .head-image-wrapper .head-font span { font-size: 18px; line-height: 24px; } /* 主内容区 */ .business-body-main { width: 100%; background: #F5F5F7; padding: 16px 0 30px; box-sizing: border-box; } .bc-container { width: 100%; padding: 0 12px; box-sizing: border-box; } /* 温馨提示栏 */ .bc-tip { background: #E8F0FE; border-left: 3px solid #286EF0; padding: 10px 12px; border-radius: 4px; margin-bottom: 14px; font-size: 12px; color: #334E68; line-height: 20px; } /* 表单卡片 */ .bc-card { background: #FFFFFF; padding: 20px 16px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border: 1px solid #E6EDF5; } .bc-section-title { font-size: 16px; color: #1B1C80; margin: 4px 0 16px; font-weight: 700; display: flex; align-items: center; } .bc-section-title::before { content: ""; width: 4px; height: 16px; background: #286EF0; border-radius: 2px; margin-right: 8px; } .bc-section-title:not(:first-child) { margin-top: 26px; } .bc-route-hint { font-size: 12px; color: #909399; font-weight: 400; margin-left: 6px; } /* 表单组 */ .bc-group { margin-bottom: 18px; } .bc-label { display: block; margin-bottom: 6px; font-weight: 600; color: #334E68; font-size: 13px; } .bc-required { color: #F5222D; margin-left: 4px; } .bc-input, .bc-textarea { width: 100%; padding: 10px 12px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; background: #FFFFFF; color: #333333; box-sizing: border-box; font-family: inherit; } .bc-textarea { resize: vertical; line-height: 22px; } .bc-input:focus, .bc-textarea:focus { outline: none; border-color: #286EF0; } /* 机场搜索下拉框（移动端） */ .bc-airport-suggest { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; display: none; background: #fff; border: 1px solid #E5E7EB; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); max-height: 200px; overflow-y: auto; z-index: 1000; } /* 下拉框显示在输入框上方 */ .bc-airport-suggest.bc-suggest-top { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 4px; } .bc-group { position: relative; } .bc-suggest-item { display: flex; align-items: center; padding: 10px 12px; cursor: pointer; transition: background 0.2s; border-bottom: 1px solid #F5F5F7; } .bc-suggest-item:last-child { border-bottom: none; } .bc-suggest-item:hover { background: #F0F5FF; } .bc-suggest-code { display: inline-block; min-width: 45px; font-weight: 600; color: #286EF0; font-size: 13px; margin-right: 10px; } .bc-suggest-name { flex: 1; color: #333333; font-size: 13px; } .bc-input.bc-input-error, .bc-textarea.bc-input-error { border-color: #F5222D; } /* 移动端单列堆叠 */ .bc-row { display: block; } .bc-col { width: 100%; } .bc-verify-row { display: flex; flex-direction: column; align-items: stretch; gap: 10px; } .bc-verify-row .bc-input { width: 100%; } .bc-code-input { width: 100% !important; } .bc-email-status { font-size: 13px; } .bc-hint { margin-top: 8px; font-size: 11px; color: #999999; line-height: 18px; } .bc-error { color: #F5222D; font-size: 12px; margin-top: 6px; line-height: 18px; } .bc-success-text { color: #00B42A; font-size: 13px; font-weight: 600; } /* 按钮 */ .bc-btn { padding: 10px 18px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600; font-family: inherit; width: 100%; box-sizing: border-box; } .bc-btn-primary { background: #286EF0; color: #FFFFFF; } .bc-btn-primary:disabled { background: #A9C4F5; } .bc-btn-default { background: #FFFFFF; color: #286EF0; border: 1px solid #286EF0; } .bc-btn-danger { background: #FFFFFF; color: #F5222D; border: 1px solid #F5222D; padding: 6px 14px; font-size: 12px; width: auto; } .bc-btn-link { background: none; border: none; color: #286EF0; padding: 0 4px; font-size: 13px; font-weight: 500; text-decoration: underline; width: auto; } .bc-input:disabled, .bc-textarea:disabled { background: #F5F5F7; color: #999999; } /* 意向航线动态项 */ .bc-route-item { border: 1px solid #E6EDF5; padding: 16px 14px; border-radius: 6px; margin-bottom: 14px; position: relative; background: #FAFBFC; } .bc-route-title { margin-bottom: 14px; color: #286EF0; font-size: 14px; font-weight: 700; padding-right: 70px; } .bc-del-route { position: absolute; top: 12px; right: 12px; } /* 操作按钮区 */ .bc-btn-area { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; } .bc-btn-area .bc-btn { width: 100%; } #addRouteBtn { margin-top: 4px; } /* 弹窗 */ .bc-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 16px; opacity: 0; transition: opacity 0.3s ease; } .bc-mask.bc-show { opacity: 1; } .bc-modal { background: #FFFFFF; width: 100%; max-height: 85vh; overflow-y: auto; border-radius: 8px; padding: 20px 18px; box-sizing: border-box; } .bc-mask.bc-show .bc-modal { transform: none; } .bc-modal-title { color: #1B1C80; margin-bottom: 14px; font-size: 17px; font-weight: 700; line-height: 24px; } .bc-modal-body { margin-bottom: 20px; line-height: 24px; font-size: 13px; color: #334E68; } .bc-qual-list { margin: 12px 0 0; padding-left: 0; list-style: none; } .bc-qual-list li { display: flex; align-items: flex-start; margin-bottom: 10px; line-height: 22px; } .bc-qual-list .bc-check { margin-right: 8px; flex: none; color: #286EF0; } .bc-modal-footer { display: flex; flex-direction: column; gap: 10px; } /* 成功弹窗内容 */ .bc-success-route { background: #F5F8FF; border: 1px solid #E6EDF5; border-radius: 4px; padding: 10px 12px; margin: 10px 0; } .bc-success-note { margin-top: 14px; color: #666666; font-size: 12px; line-height: 20px; } .bc-receipt-no { color: #F39800; font-weight: 700; }