.appointment[data-v-47439584]{padding:20px;background-color:#f5f7fd;width:100%;box-sizing:border-box;overflow-x:auto}.appointment .page-header[data-v-47439584]{margin-bottom:20px;min-width:1280px}.appointment .page-header .page-title[data-v-47439584]{font-size:18px;font-weight:500;color:#333;margin:0}.appointment .search-card[data-v-47439584]{min-width:1280px}.appointment .search-card .button-col[data-v-47439584]{display:flex;align-items:center;padding:0}.appointment .search-card .button-col .button-wrapper[data-v-47439584]{display:flex;gap:10px;justify-content:flex-end;margin-top:7px}.appointment .search-card[data-v-47439584] .el-date-editor,.appointment .search-card[data-v-47439584] .el-date-editor.el-input,.appointment .search-card[data-v-47439584] .el-date-editor.el-input__inner,.appointment .search-card[data-v-47439584] .el-input__inner,.appointment .search-card[data-v-47439584] .el-select .el-input__inner{width:270px!important}.appointment .search-card[data-v-47439584] .el-form-item__content textarea{width:270px!important;height:82px}.appointment .search-card[data-v-47439584] .el-form-item{margin-bottom:18px}.appointment .search-card[data-v-47439584] .el-form-item__label{height:32px;line-height:32px}.appointment .search-card[data-v-47439584] .el-input__inner{height:32px}.appointment .search-card[data-v-47439584] .el-select-dropdown__item{height:auto;padding:8px 15px;line-height:1.5}.appointment .search-card[data-v-47439584] .el-select-dropdown__item.selected,.appointment .search-card[data-v-47439584] .el-select-dropdown__item:hover{background-color:#f5f7fa}.appointment .search-card[data-v-47439584] .el-card__body{padding-bottom:0}.appointment .company-option[data-v-47439584]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0}.appointment .company-option .company-code[data-v-47439584]{color:#606266;font-size:12px;min-width:100px;text-align:left}.appointment .company-option .company-name[data-v-47439584]{color:#303133;font-size:12px;flex:1;text-align:left;padding-left:10px}.appointment .list-card[data-v-47439584]{min-width:1280px;width:100%;box-sizing:border-box;margin-top:10px}.appointment .list-card .list-header[data-v-47439584]{display:flex;align-items:center;gap:15px;margin-bottom:16px}.appointment .list-card .list-header .el-button+.el-button[data-v-47439584]{margin-left:0}.appointment .list-card .list-header .info-text[data-v-47439584]{margin-left:auto;font-size:14px;color:#005aae;display:flex;gap:24px}.appointment .list-card .list-header .submit-btn[data-v-47439584]{background-color:#005aae!important;border-color:#005aae!important}.appointment .list-card .list-header .submit-btn[data-v-47439584]:hover{background-color:rgba(0,90,174,.9)!important;border-color:rgba(0,90,174,.9)!important}.appointment .list-card .list-header .submit-btn[data-v-47439584]:active{background-color:#005aae!important;border-color:#005aae!important}.appointment .list-card .card-list[data-v-47439584]{display:flex;flex-direction:column;gap:10px}.appointment .list-card .bill-card[data-v-47439584]{background-color:#fff;width:100%;height:110px;border:1px solid #e9e9ea;border-radius:4px;padding:0;box-sizing:border-box;overflow:hidden}.appointment .list-card .bill-card .card-header[data-v-47439584]{font-size:14px;color:#3c3c43;font-weight:500;background-color:#f1f5fd;width:100%;height:36px;padding:7px 16px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0}.appointment .list-card .bill-card .card-header .flex-4[data-v-47439584]{flex:0 0 33.33%;display:inline-flex}.appointment .list-card .bill-card .card-header .flex-3[data-v-47439584]{flex:1;display:inline-flex}.appointment .list-card .bill-card .card-header .header-left[data-v-47439584]{display:flex;align-items:center;flex:4;gap:16px;min-width:0}.appointment .list-card .bill-card .card-header .header-left .checkbox-wrapper[data-v-47439584]{display:flex;align-items:center;flex-shrink:0}.appointment .list-card .bill-card .card-header .header-left .checkbox-wrapper[data-v-47439584] .el-checkbox__label{display:none}.appointment .list-card .bill-card .card-header .header-left .field-billno[data-v-47439584]{display:flex;align-items:center;flex:4;min-width:0}.appointment .list-card .bill-card .card-header .header-left .field-billno .field-billno-wrapper .field-billno-label[data-v-47439584],.appointment .list-card .bill-card .card-header .header-left .field-billno .field-billno-wrapper .field-billno-value[data-v-47439584]{white-space:nowrap}.appointment .list-card .bill-card .card-header .header-left .field-billno .field-billno-wrapper .field-billno-label[data-v-47439584]{flex-shrink:0}.appointment .list-card .bill-card .card-header .header-left .field-billno .field-billno-wrapper .field-billno-value[data-v-47439584]{overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-header .header-left .field-submitdate[data-v-47439584]{white-space:nowrap;flex:3;min-width:0;overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-header .header-left .field-company[data-v-47439584]{display:flex;align-items:center;flex:3;min-width:0}.appointment .list-card .bill-card .card-header .header-left .field-company .field-company-wrapper .field-company-label[data-v-47439584],.appointment .list-card .bill-card .card-header .header-left .field-company .field-company-wrapper .field-company-value[data-v-47439584]{white-space:nowrap}.appointment .list-card .bill-card .card-header .header-left .field-company .field-company-wrapper .field-company-label[data-v-47439584]{flex-shrink:0}.appointment .list-card .bill-card .card-header .header-left .field-company .field-company-wrapper .field-company-value[data-v-47439584]{overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-header .header-right[data-v-47439584]{display:flex;flex:1;align-items:center;margin-left:auto;flex-shrink:0}.appointment .list-card .bill-card .card-header .header-right .field-copies[data-v-47439584],.appointment .list-card .bill-card .card-header .header-right .field-doctype[data-v-47439584],.appointment .list-card .bill-card .card-header .header-right .field-signtimes[data-v-47439584]{white-space:nowrap;flex-shrink:0;min-width:60px}.appointment .list-card .bill-card .card-header .header-right .field-copies[data-v-47439584],.appointment .list-card .bill-card .card-header .header-right .field-signtimes[data-v-47439584]{margin-right:12px}.appointment .list-card .bill-card .card-header .header-right .field-doctype[data-v-47439584]{margin-right:0}.appointment .list-card .bill-card .card-body[data-v-47439584]{padding:0 24px;display:flex;align-items:center;flex-wrap:nowrap;width:100%;box-sizing:border-box}.appointment .list-card .bill-card .card-body .field-shipvoyage[data-v-47439584]{flex:0 0 18%;display:flex;flex-direction:column;gap:12px;margin-right:12px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-shipname-wrapper[data-v-47439584],.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-voyage-wrapper[data-v-47439584]{display:flex;align-items:center;width:100%;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-shipname-wrapper .shipvoyage-label[data-v-47439584],.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-voyage-wrapper .shipvoyage-label[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;flex-shrink:0}.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-shipname-wrapper .shipvoyage-shipname[data-v-47439584],.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-shipname-wrapper .shipvoyage-voyage[data-v-47439584],.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-voyage-wrapper .shipvoyage-shipname[data-v-47439584],.appointment .list-card .bill-card .card-body .field-shipvoyage .shipvoyage-voyage-wrapper .shipvoyage-voyage[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.appointment .list-card .bill-card .card-body .field-saildate[data-v-47439584]{flex:0 0 8%;display:flex;flex-direction:column;gap:12px;margin-right:6px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-saildate .saildate-label[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap}.appointment .list-card .bill-card .card-body .field-saildate .saildate-value[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-body .field-port[data-v-47439584]{flex:0 0 26%;display:flex;flex-direction:column;gap:12px;margin-right:6px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-port .port-row[data-v-47439584]{display:flex;align-items:center;width:100%;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-port .port-row .port-label[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;flex-shrink:0}.appointment .list-card .bill-card .card-body .field-port .port-row .port-dischargeport[data-v-47439584],.appointment .list-card .bill-card .card-body .field-port .port-row .port-loadport[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.appointment .list-card .bill-card .card-body .field-signinfo[data-v-47439584]{flex:0 0 17%;display:flex;flex-direction:column;gap:12px;margin-right:6px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-signinfo .signinfo-signPlace[data-v-47439584],.appointment .list-card .bill-card .card-body .field-signinfo .signinfo-signType[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-body .field-signstatus[data-v-47439584]{flex:0 0 8%;display:flex;flex-direction:column;gap:12px;margin-right:6px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-signstatus .signstatus-label[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap}.appointment .list-card .bill-card .card-body .field-signstatus .signstatus-value[data-v-47439584]{font-size:14px;font-family:SourceHanSansCN-Regular;white-space:nowrap;display:flex;align-items:center;gap:4px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.appointment .list-card .bill-card .card-body .field-signstatus .signstatus-value .el-icon-warning-outline[data-v-47439584]{cursor:pointer;font-size:14px;flex-shrink:0}.appointment .list-card .bill-card .card-body .field-signstatus .status-normal[data-v-47439584]{color:#909399}.appointment .list-card .bill-card .card-body .field-signstatus .status-pending[data-v-47439584]{color:#45dd3b}.appointment .list-card .bill-card .card-body .field-signstatus .status-booked[data-v-47439584]{color:#e6a23c}.appointment .list-card .bill-card .card-body .field-signstatus .status-to-issue[data-v-47439584]{color:#9b59b6}.appointment .list-card .bill-card .card-body .field-signstatus .status-hold[data-v-47439584]{color:#d7222b}.appointment .list-card .bill-card .card-body .field-signstatus .status-exception[data-v-47439584]{color:#df810e}.appointment .list-card .bill-card .card-body .field-signstatus .status-signed[data-v-47439584]{color:#005aae}.appointment .list-card .bill-card .card-body .field-signstatus .status-printing[data-v-47439584]{color:#17a2b8}.appointment .list-card .bill-card .card-body .divider-vertical[data-v-47439584]{width:1px;height:74px;background-color:#d5d5d7;flex-shrink:0;margin:0 6px}.appointment .list-card .bill-card .card-body .field-issuedate[data-v-47439584]{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:0}.appointment .list-card .bill-card .card-body .field-issuedate .issuedate-label[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap}.appointment .list-card .bill-card .card-body .field-issuedate .issuedate-value[data-v-47439584]{font-size:14px;color:#3c3c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment .el-input.is-disabled .el-input__inner[data-v-47439584],.appointment .el-input[readonly] .el-input__inner[data-v-47439584]{cursor:pointer;background-color:#fff}.appointment .el-input[readonly] .el-input__icon[data-v-47439584]{cursor:pointer}.company-select-dropdown .el-select-dropdown__wrap .el-scrollbar__view:before{display:block;padding:8px 15px;background-color:#f5f7fa;color:#909399;font-size:12px;font-weight:500;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:1}