.order-brief-panel{background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 12px #00000026}.order-brief-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-brief-panel .panel-header .panel-title{font-size:17px;font-weight:700;color:#000}.order-brief-panel .panel-header .close-button{padding:4px}.order-brief-panel .panel-header .close-button:hover{background-color:#f5f5f5}.order-brief-panel .full-width-section,.order-brief-panel .panel-tabs .ant-tabs-nav{margin-bottom:0}.order-brief-panel .panel-tabs .ant-tabs-tab{padding:8px 16px;font-size:16px}.order-brief-panel .panel-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#00508e}.order-brief-panel .detail-content{display:flex;gap:16px}.order-brief-panel .detail-content .left-column,.order-brief-panel .detail-content .right-column{flex:1}.order-brief-panel .detail-content .right-column{padding-left:8px}.order-brief-panel .sr-brief-panel{padding:10px 0}.order-brief-panel .sr-brief-panel p{padding:6px;background-color:#ebf4ff;color:#00508e;font-weight:bolder;font-size:14px;margin:0 0 10px}.order-brief-panel .sr-brief-panel table{border-collapse:collapse;width:100%}.order-brief-panel .sr-brief-panel table td{padding:4px 8px;vertical-align:top;font-size:12px;line-height:22px}.order-brief-panel .sr-brief-panel table td.label{color:#9d9d9d;width:25%;white-space:nowrap}.order-brief-panel .sr-brief-panel .charge-table{border-collapse:collapse;border-radius:8px;margin-top:8px;background:#f7f7fb}.order-brief-panel .sr-brief-panel .charge-table .charge-name{font-weight:bolder;font-size:14px;color:#000}.order-brief-panel .sr-brief-panel .charge-table .charge-amount{font-weight:400;font-size:12px;color:#333}.order-brief-panel .sr-brief-panel .charge-table .vat-rate{font-weight:400;font-size:12px;color:#000;padding-left:40px}.order-brief-panel .sr-brief-panel .charge-table tr td{line-height:44px;vertical-align:middle}.order-brief-panel .sr-brief-panel .charge-table tr td.label{width:54px}.order-brief-panel .sr-brief-panel .charge-table tr td:first-child{width:44px}.order-brief-panel .sr-brief-panel .charge-table tr td:last-child{width:130px}.order-brief-panel .sr-brief-panel .charge-table tr td.charge-icon div{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.order-brief-panel.en-long-label .sr-brief-panel table td.label{width:30%}.order-brief-panel .container-item{border-radius:8px;background-color:#f7f7fb;margin-top:10px;padding:10px 14px}.order-brief-panel .container-item .container-number{font-weight:700;font-size:13px;color:#000;line-height:32px}.order-brief-panel .container-item .container-type{padding-left:10px;color:#0384c6}.order-brief-panel .container-item .cargo-header{width:100%;line-height:30px;color:#000;font-weight:700;display:flex;align-items:center;justify-content:space-between}.order-brief-panel .container-item .cargo-header .toggle-cargo{color:#4a90e2;font-weight:400;cursor:pointer}.order-brief-panel .container-item .cargo-header .toggle-cargo:hover{text-decoration:underline}.order-brief-panel .container-item .cargo-details{margin-top:10px}.order-brief-panel .transport-process-area{padding:12px}.order-brief-panel .transport-process-area .point-content>div{margin-bottom:4px}.order-brief-panel .transport-process-area .divider-vertical{border-left:1px solid #575551;height:1em;display:inline-block;margin:0 6px}.order-brief-panel .transport-process-area .time-row{display:flex;align-items:center;color:#848484}.order-brief-panel .transport-process-area .time-row img{margin-right:4px;width:16px;height:16px}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row{position:relative;display:flex}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .left-line,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .right-line{position:absolute;border:2px solid #a9afb8;width:10px;height:calc(100% - 2px);display:none}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .left-line.finished,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .right-line.finished{border-color:#0078d7}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item.active .my-custom-timeline-item-line{background:linear-gradient(to right,#0078d7 50%,#a9afb8 50% 100%)}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item.active:nth-child(2) .my-custom-timeline-item-line{background:#a9afb8}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item.active:nth-last-child(2) .my-custom-timeline-item-line{background:#0078d7}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-circle{left:0}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-content{align-items:flex-start}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-content>div{align-items:flex-start}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-circle{left:inherit;right:0;transform:translateY(-50%)}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-content{align-items:flex-end}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-content>div{align-items:flex-end}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(odd) .right-line{right:-7px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none;display:block}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n){flex-direction:row-reverse}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item.active .my-custom-timeline-item-line{background:linear-gradient(to right,#a9afb8 50%,#0078d7 50% 100%)}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item.active:nth-child(2) .my-custom-timeline-item-line{background:#a9afb8}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item.active:nth-last-child(2) .my-custom-timeline-item-line{background:#0078d7}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-circle{left:inherit;right:0;transform:translateY(-50%)}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-content{align-items:flex-end!important}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-child(2) .my-custom-timeline-item-content>div{align-items:flex-end!important}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-circle{left:0}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-content{align-items:flex-start}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .my-custom-timeline-item:nth-last-child(2) .my-custom-timeline-item-content>div{align-items:flex-start}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:nth-child(2n) .left-line{left:-7px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none;display:block}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:last-child .left-line,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row:last-child .right-line{display:none}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-head{position:relative}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-head .my-custom-timeline-item-line{position:absolute;height:2px;left:0;right:0;background:#a9afb8}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-head .my-custom-timeline-item-circle{position:absolute;width:10px;height:10px;border-radius:50%;background:#a9afb8;transform:translate(-50%,-50%);top:1px;left:50%}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content{margin:20px 12px 16px 0;flex-grow:1;position:relative;display:flex;flex-direction:column;align-items:center}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content>div{display:flex;flex-direction:column;align-items:center}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content .point-content .point-name{color:#2a3039;font-size:14px;font-weight:700;flex:1}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content .point-content .point-action-tag{flex-shrink:0;padding:0 4px;border-radius:2px;font-size:12px;font-weight:500;color:#4a90e2;background:#eaf5fe;border:1px solid #6eb1ff}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content .point-content .time-row{font-size:12px;color:#666;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:4px}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item .my-custom-timeline-item-content .point-content .time-row img{width:16px;height:16px}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item.finished .my-custom-timeline-item-line,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item.active .my-custom-timeline-item-line{background-color:#0078d7}.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item.finished .my-custom-timeline-item-circle,.order-brief-panel .transport-process-area .my-custom-timeline .my-custom-timeline-row .my-custom-timeline-item.active .my-custom-timeline-item-circle{width:33px;height:33px;background:url(/wls_prs_sps/images/sps/timeline_latest.png) no-repeat #fff;background-size:contain;left:50%}.order-brief-panel .transport-process-area .no-feedbacks-area{padding-top:10px;text-align:center;color:#999;font-size:14px}.order-brief-panel .normal-tag{margin:2px;border-radius:4px;padding:2px 8px;font-size:12px;color:#fff}