/* 运单查询主体 */ .waybill-body-main { background-color: #F5F5F7; width: 100%; margin-bottom: 0; } /*背景图 */ .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); } /* 筹建中 */ .preparation-body-main { background-color: #F5F5F7; width: 100%; height: 400px; } .preparation-block { position: relative; width: 100%; height: 400px; background-color: #fff; text-align: center; } .preparation-block .build-block { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .build-block img { width: 70px; } .build-block div { margin-top: 10px; font-size: 14px; color: #666666; letter-spacing: 0; text-align: center; } /* 查询块 */ .query-block { position: relative; z-index: 1; width: 100%; box-sizing: border-box; background-color: #fff; padding: 24px; } .query-block .query-content { width: 100%; height: 100%; } .pc-waybill-box { display: none; } .waybill-input, .waybill-show { position: relative; } .waybill-input .delete-all, .waybill-show .delete-all { position: absolute; right: 20px; width: 16px; top: 16px; cursor: pointer; } .verify-row { width: 100%; margin-top: 16px; } .verify-row div:nth-child(1) { float: left; margin-top: 5px; width: 20%; text-align: left; } .verify-row div:nth-child(1) span { font-size: 14px; color: #666666; line-height: 22px; } .verify-row div:nth-child(2) { width: calc(80% - 88px); float: left; } .verify-row div:nth-child(3) { float: left; margin-left: 8px; margin-top: 4px; } .verify-row div:nth-child(4) { float: left; margin-left: 16px; margin-top: 7px; } .img-change-box { display: none; } .mobile-waybill-box { height: 32px; } .form-label { width: 20%; height: 22px; font-size: 14px; color: #666666; line-height: 22px; margin-top: 5px; float: left; text-align: left; } .form-input { width: 80%; float: left; } .waybill-textarea { width: 100%; height: 32px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; padding: 5px 12px; font-size: 14px; color: #333333; line-height: 22px; } .form-button { background: #286EF0; border-radius: 4px; height: 32px; text-align: center; cursor: pointer; 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 { width: 100%; float: left; margin-top: 24px; } .submit-btn { font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; } .input-content { width: 100%; height: 32px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; padding: 5px 12px; font-size: 14px; color: #333333; line-height: 22px; } .line-row { margin-top: 16px } .from-line { height: 1px; width: 100%; background-color: #E5E5E5; } .history-row { margin-top: 24px; text-align: left; } .history-row span { font-size: 14px; color: #1D1D1F; font-weight: 500; } .write-waybill { position: absolute; top: 16px; left: 16px; } .history-waybill { overflow: hidden; } .history-waybill li { margin-top: 8px; } .write-waybill li { margin-bottom: 8px; background: #F5F5F5; } .history-waybill li, .write-waybill li { width: 48.8%; max-width: 137px; height: 32px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; color: #333333; line-height: 22px; margin-right: 2.4%; padding: 4px 10px 4px 11px; box-sizing: border-box; float: left; } .history-waybill li:nth-of-type(even) { margin-right: 0; } .history-waybill .waybill-no { cursor: pointer; float: left; } .history-waybill li div, .write-waybill li div { float: right; } .history-waybill .delete-img, .write-waybill .delete-img { width: 16px; margin-top: 3px; cursor: pointer; float: right; } .waybill-textarea::-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内核的浏览器 */ .waybill-textarea::-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 */ .waybill-textarea:-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+ */ .waybill-textarea::-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:hover { background: #4A86F5; } #img-verify { height: 25px; width: 80px; } .img-change { color: #286EF0; font-size: 14px; background: transparent; } .to-ckair-block { float: right; margin-top: 10px; } #to-ckair { line-height: 34px; color: #286EF0; font-size: 14px; } /* 运单信息 */ .waybill-block { width: 100%; background-color: #F5F5F7; margin-top: 8px; overflow: hidden; margin-bottom: 32px; } .waybill-block .waybill-list { list-style: none; width: 100%; background-color: #F5F5F7; overflow: hidden; } .waybill-block .waybill-list .waybill-item { background-color: #fff; overflow: hidden; } .waybill-number-title { margin-left: 16px; margin-right: 16px; } .table-block { overflow: auto; margin-left: 16px; margin-right: 16px; } .waybill-item .line { display: none; } .waybill-item .waybill-number { width: 100%; padding: 16px 0 0; box-sizing: border-box; display: block; text-align: left; margin: auto; } .layui-layer-content { color: #fff !important; } /* 基本信息 */ .waybill-base { padding: 16px 24px 0; } .waybill-base .first-row { float: left; width: 44%; } .waybill-base .second-row { float: left; width: 54%; } .waybill-base .second-row .base-block { float: left; width: 50%; } .base-block .image { display: none; } .base-block .pc-station { display: none; } .base-block .content .title, .mobile-station .title { height: 18px; line-height: 18px; font-size: 13px; font-weight: 400; color: #666666; } .base-block .content .data { margin-top: 4px; height: 22px; font-size: 16px; font-weight: 500; color: #1d1d1f; line-height: 22px; } /* 站点信息 */ .mobile-station { float: left; width: 100%; margin-bottom: 24px; } .mobile-station>div { float: left; } .mobile-station .data { margin-top: 4px; font-size: 20px; font-weight: 500; color: #1d1d1f; line-height: 30px; } .mobile-station .dept { width: 36%; } .mobile-station .arr { width: 36%; text-align: right; } .waybill-base .mobile-line { height: 1px; width: 100%; background: #e5e5e5; float: left; margin-top: 16px; margin-bottom: 24px; } .mobile-station .direction { width: 28%; height: 39px; border-bottom: 3px solid #286ef0; padding-top: 14px; box-sizing: border-box; position: relative; text-align: center; } .direction .into { width: 24px; height: 14px; font-size: 12px; font-weight: 500; text-align: left; color: #286ef0; line-height: 14px; } .direction .arrows { height: 10px; width: 3px; background: #286ef0; position: absolute; right: 4px; bottom: -4px; transform: rotate(-60deg); } /* 航段信息 */ .waybill-content { background: #fafafa; padding: 0 16px; } .waybill-content .router-title { padding-top: 24px; padding-bottom: 16px; font-size: 15px; font-weight: 500; text-align: left; color: #333; line-height: 22px; } /* 收起部分 */ .waybill-number .open-block { display: none; width: 100%; } /* 路线 */ .waybill-number .course-block { position: relative; background: #fff; border-radius: 8px; width: 100%; overflow: hidden; } .waybill-number .course-block ul { list-style: none; width: 100%; } /* .waybill-number .course-block ul::before { content: ''; width: 2px; background: #286EF0; display: block; position: absolute; left: 22px; top: 30px; bottom: 39px; } */ .course-block ul li { width: 100%; display: block; text-align: left; box-sizing: border-box; } .course-block ul li .airport-content { padding: 16px; position: relative; overflow: hidden; } .course-block ul li .airport-content p { padding-left: 20px; } .course-block ul li .airport-content p.airport-icon { float: right; width: 192px; padding-left: 0; padding-left: 0; } .course-block ul li .airport-icon { height: 40px; } .course-block ul li .sign-img img { width: 40px; height: 40px; margin-right: 8px; } .course-block ul li:first-child .sign-img img:first-child { margin-left: 0; } .airport-content .airport-title { font-size: 16px; margin: 0 auto 1px; color: #1D1D1F; letter-spacing: 0; } .airport-content .airport-abbreviation { font-size: 14px; color: #000000; letter-spacing: 0; } .airport-content .airport-marker { position: absolute; height: 14px; width: 14px; left: 16px; top: 30px; } .airport-content .airport-marker:after { background: #F5F5F7; border: solid 2px #286EF0; border-radius: 100%; content: ''; display: block; height: 10px; width: 10px; position: absolute; top: 0; left: 0; } .airport-content .airport-marker::before { content: ''; width: 2px; background: #286EF0; display: block; position: absolute; left: 6px; top: -30px; bottom: 0; height: 120px; } .course-block ul li:first-child .airport-marker:before { top: 0; } .course-block ul li:last-child .airport-marker:before { height: 30px; } .airport-block { float: left; } @media screen and (max-width: 320px) { .airport-block { width: 60px; } } .course-block ul li:first-child .airport-title, .course-block ul li:last-child .airport-title { font-weight: 500; } .course-block ul li:first-child .airport-abbreviation, .course-block ul li:last-child .airport-abbreviation { font-weight: 500; } .course-block ul li:first-child { text-align: left; } .course-block ul li:first-child .airport-marker { left: 16px; } .course-block ul li:first-child .airport-marker::after { background: #286EF0; } .course-block ul li:last-child .airport-marker::after { background: #286EF0; } /* 货物状态 */ .goodsState-block { width: 100%; background: #fafafa; overflow: hidden; text-align: center; padding: 8px 16px 16px; box-sizing: border-box; } .goodsState-block .goodsState-title { height: 60px; line-height: 60px; opacity: 1; font-size: 15px; font-weight: 500; text-align: left; color: #333; } .goodsState-block .goodsState-list { list-style: none; width: 100%; box-sizing: border-box; } .goodsState-list .goodsState-item { width: 100%; opacity: 1; background: #fff; border-radius: 4px; box-shadow: 0px 0px 12px 5px rgba(120, 120, 128, 0.10); margin-bottom: 16px; box-sizing: border-box; } .goodsState-list .goodsState-item:last-child { margin-bottom: 0; } .goodsState-item .goodsState-header { width: 100%; height: 76px; opacity: 1; background: #286ef0; border-radius: 4px 4px 0 0; padding: 16px; box-sizing: border-box; } .goodsState-header p { display: block; text-align: left; } .goodsState-header span { font-size: 13px; font-weight: 400; color: #fff; line-height: 22px; } .goodsState-header span.city { float: right; } .goodsState-header p.left span:first-child { font-size: 15px; font-weight: 500; } .goodsState-header p.right { text-align: right; } .goodsState-item .goodsState-content { /* padding: 24px; */ border-radius: 0 0 4px 4px; text-align: left; box-sizing: border-box; position: relative; } .goodsState-content .operationState-title { font-size: 15px; font-weight: 500; color: #333; line-height: 22px; padding: 16px; } .goodsState-content .operationStatus-list, .goodsState-content .flightInformation-list { padding: 0 16px 24px; box-sizing: border-box; list-style: none; width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; margin-bottom: 8px; } .goodsState-content .flightInformation-list.flight { border-bottom: 1px solid #e5e5e5; } .goodsState-content .flightInformation-list { padding-top: 8px; padding-bottom: 0; border-bottom: none; } .goodsState-list .operationStatus-item { width: 100%; height: 80px; display: block; /* float: left; */ text-align: left; position: relative; } .goodsState-list .operationStatus-item::before { content: ''; width: 4px; background: #E6EDFD; display: block; position: absolute; left: 22px; /* right: 0; */ top: 48px; bottom: 0; } .goodsState-list .operationStatus-item:last-child { height: 48px; } .goodsState-list .operationStatus-item:last-child::before { display: none; } .operationStatus-item .item-image { width: 48px; height: 48px; border-radius: 24px; } .operationStatus-item .item-block { width: calc(100% - 72px); float: right; } .operationStatus-item .item-title { font-size: 13px; font-weight: 500; color: #333; line-height: 20px; padding: 4px 0; } .operationStatus-item .item-time { font-size: 13px; font-weight: 400; text-align: left; color: #333; line-height: 16px; } .flightInformation-list .flightInformation-item { display: block; float: left; text-align: left; width: 50%; padding-bottom: 24px; } .flightInformation-list .flightInformation-item:last-child { padding-right: 0; } .flightInformation-item .item-title { font-size: 13px; font-weight: 400; color: #888; line-height: 22px; } .flightInformation-item .item-content { font-size: 13px; font-weight: 500; color: #333; line-height: 22px; } .cargo-block { padding: 0 24px 24px 24px; box-sizing: border-box; overflow: auto; width: 100%; } .cargo-table { width: 450px; table-layout: fixed; } .cargo-table tr { width: 100%; height: 32px; } .cargo-table tr.thead { height: 28px; } .cargo-table tr:nth-of-type(odd) { background-color: #fff; } .cargo-table tr:nth-of-type(even) { background-color: #F6F6F6; } .cargo-table th, .cargo-table td { padding: 0 15px; box-sizing: border-box; } .cargo-table th:nth-child(1) { width: 110px; } .cargo-table th:nth-child(2) { width: 160px; } .cargo-table th:nth-child(3), .cargo-table td:nth-child(3) { width: 90px; text-align: center; } .cargo-table th:nth-child(4), .cargo-table td:nth-child(4) { text-align: right; } .cargo-table .item-title { font-size: 13px; font-weight: 400; color: #888; line-height: 22px; } .cargo-table .item-content { font-size: 13px; font-weight: 500; color: #333; line-height: 22px; overflow: hidden; } .waybill-number .change-block { display: none; } /* 暂无信息 */ .none-info { background-color: #fff; text-align: center; padding-top: 50px; padding-bottom: 40px; display: none; } .none-info img { width: 70px; } .none-info div { margin-top: 10px; font-size: 14px; color: #666666; letter-spacing: 0; text-align: center; }