/* 商务合作 - 货运代理人签约合作意向申请 (PC端) */ /* banner 长标题居中覆盖 */ .head-image-wrapper .head-font span { left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 28px; } /* 主内容区 */ .business-body-main { width: 100%; min-width: 1190px; background: #F5F5F7; padding: 30px 0 60px; } .bc-container { width: 960px; margin: 0 auto; } /* 温馨提示栏 */ .bc-tip { background: #E8F0FE; border-left: 4px solid #286EF0; padding: 14px 18px; border-radius: 4px; margin-bottom: 20px; font-size: 14px; color: #334E68; line-height: 24px; } /* 表单卡片 */ .bc-card { background: #FFFFFF; padding: 36px 40px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); border: 1px solid #E6EDF5; } .bc-section-title { font-size: 18px; color: #1B1C80; margin: 8px 0 20px; font-weight: 700; display: flex; align-items: center; } .bc-section-title::before { content: ""; width: 4px; height: 18px; background: #286EF0; border-radius: 2px; margin-right: 10px; } .bc-section-title:not(:first-child) { margin-top: 36px; } .bc-route-hint { font-size: 13px; color: #909399; font-weight: 400; margin-left: 8px; } /* 表单组 */ .bc-group { margin-bottom: 22px; } .bc-label { display: block; margin-bottom: 8px; font-weight: 600; color: #334E68; font-size: 14px; } .bc-required { color: #F5222D; margin-left: 4px; } .bc-input, .bc-textarea { width: 100%; padding: 11px 14px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; background: #FFFFFF; color: #333333; box-sizing: border-box; font-family: inherit; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .bc-textarea { resize: vertical; line-height: 22px; } .bc-input:focus, .bc-textarea:focus { outline: none; border-color: #286EF0; box-shadow: 0 0 0 3px rgba(40, 110, 240, 0.12); } .bc-input.bc-input-error, .bc-textarea.bc-input-error { border-color: #F56C6C; } .bc-row { display: flex; gap: 20px; } .bc-col { flex: 1; } .bc-verify-row { display: flex; gap: 12px; align-items: center; } .bc-verify-row .bc-input { flex: 1; } .bc-code-input { width: 260px; flex: none !important; } .bc-email-status { font-size: 14px; white-space: nowrap; } .bc-hint { margin-top: 8px; font-size: 12px; color: #999999; line-height: 20px; } .bc-error { color: #F56C6C; font-size: 13px; margin-top: 6px; min-height: 0; line-height: 20px; } /* 机场搜索下拉框 */ .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: 240px; 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: 50px; font-weight: 600; color: #286EF0; font-size: 14px; margin-right: 12px; } .bc-suggest-name { flex: 1; color: #333333; font-size: 14px; } .bc-success-text { color: #00B42A; font-size: 14px; font-weight: 600; } /* 按钮 */ .bc-btn { padding: 11px 22px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600; font-family: inherit; transition: all 0.2s ease; white-space: nowrap; } .bc-btn-primary { background: #286EF0; color: #FFFFFF; } .bc-btn-primary:hover { background: #1B5AD6; } .bc-btn-primary:disabled { background: #A9C4F5; cursor: not-allowed; } .bc-btn-default { background: #FFFFFF; color: #286EF0; border: 1px solid #286EF0; } .bc-btn-default:hover { background: #F0F6FF; } .bc-btn-danger { background: #FFFFFF; color: #F5222D; border: 1px solid #F5222D; padding: 7px 16px; font-size: 13px; } .bc-btn-danger:hover { background: #FFF1F0; } .bc-btn-link { background: none; border: none; color: #286EF0; padding: 0 4px; font-size: 14px; font-weight: 500; text-decoration: underline; } .bc-btn-link:hover { color: #1B5AD6; } .bc-input:disabled, .bc-textarea:disabled { background: #F5F5F7; color: #999999; cursor: not-allowed; } /* 意向航线动态项 */ .bc-route-item { border: 1px solid #E6EDF5; padding: 24px; border-radius: 6px; margin-bottom: 16px; position: relative; background: #FAFBFC; } .bc-route-title { margin-bottom: 16px; color: #286EF0; font-size: 15px; font-weight: 700; } .bc-del-route { position: absolute; top: 18px; right: 18px; } .bc-route-item .bc-group:last-of-type { margin-bottom: 0; } /* 操作按钮区 */ .bc-btn-area { margin-top: 32px; display: flex; gap: 16px; justify-content: center; } .bc-btn-area .bc-btn-primary { min-width: 240px; } /* 弹窗 */ .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: 20px; opacity: 0; transition: opacity 0.3s ease; } .bc-mask.bc-show { opacity: 1; } .bc-modal { background: #FFFFFF; width: 720px; max-width: 100%; max-height: 85vh; overflow-y: auto; border-radius: 8px; padding: 28px 32px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); transform: translateY(20px); transition: transform 0.3s ease; } .bc-mask.bc-show .bc-modal { transform: translateY(0); } .bc-modal-title { color: #1B1C80; margin-bottom: 18px; font-size: 20px; font-weight: 700; } .bc-modal-body { margin-bottom: 24px; line-height: 26px; font-size: 14px; color: #334E68; } .bc-qual-list { margin: 14px 0 0; padding-left: 0; list-style: none; } .bc-qual-list li { display: flex; align-items: flex-start; margin-bottom: 10px; line-height: 24px; } .bc-qual-list .bc-check { margin-right: 8px; flex: none; color: #286EF0; } .bc-modal-footer { display: flex; justify-content: flex-end; gap: 12px; } /* 成功弹窗内容 */ .bc-success-line { margin-bottom: 6px; } .bc-success-route { background: #F5F8FF; border: 1px solid #E6EDF5; border-radius: 4px; padding: 12px 16px; margin: 10px 0; } .bc-success-note { margin-top: 16px; color: #666666; font-size: 13px; line-height: 22px; } .bc-receipt-no { color: #F39800; font-weight: 700; } /* Element Plus 风格 toast 提示框 */ .bc-toast-skin { border-radius: 4px !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important; padding: 15px 20px !important; max-width: 400px !important; border: none !important; } .bc-toast-skin.bc-toast-success { background: #f0f9eb !important; } .bc-toast-skin.bc-toast-error { background: #fef0f0 !important; } .bc-toast-skin.bc-toast-warning { background: #fdf6ec !important; } .bc-toast-skin.bc-toast-info { background: #f4f4f5 !important; } .bc-toast-skin .layui-layer-content { padding: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; } .bc-toast-icon { font-style: normal !important; font-size: 14px !important; line-height: 1 !important; flex-shrink: 0 !important; font-family: Arial, sans-serif !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; } .bc-toast-success .bc-toast-icon { background: #67C23A !important; } .bc-toast-error .bc-toast-icon { background: #F56C6C !important; } .bc-toast-warning .bc-toast-icon { background: #E6A23C !important; } .bc-toast-info .bc-toast-icon { background: #909399 !important; } .bc-toast-text { font-size: 14px !important; line-height: 20px !important; font-family: Arial, sans-serif !important; } .bc-toast-success .bc-toast-text { color: #67C23A !important; } .bc-toast-error .bc-toast-text { color: #F56C6C !important; } .bc-toast-warning .bc-toast-text { color: #E6A23C !important; } .bc-toast-info .bc-toast-text { color: #909399 !important; }