/* 运单查询主体 */ .waybill-body-main { background-color: #F5F5F7; width: 100%; min-width: 1190px; margin-bottom: 0; } /* 筹建中 */ .preparation-body-main { background-color: #F5F5F7; width: 100%; height: 740px; min-width: 1190px; } .preparation-block { position: relative; width: 960px; height: 620px; background-color: #fff; margin: -20px auto 100px auto; text-align: center; } .preparation-block .build-block { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .build-block img { width: 90px; } .build-block div { margin-top: 16px; font-size: 16px; color: #666666; letter-spacing: 0; text-align: center; } /* 查询块 */ .query-block { position: relative; z-index: 1; width: 736px; background-color: #fff; margin: -20px auto 0 auto; padding: 64px 112px; } .query-block .query-content { width: 100%; height: 100%; } .mobile-waybill-box, .mobile-form-button { display: none; } .waybill-input, .waybill-show { position: relative; } .waybill-input .delete-all, .waybill-show .delete-all { position: absolute; right: 87px; width: 16px; top: 40px; cursor: pointer; } .verify-row { margin-top: 16px; } .verify-row div:nth-child(1) { float: left; margin-top: 5px; } .verify-row div:nth-child(1) span { font-size: 14px; color: #333333; line-height: 22px; font-weight: 400; } .verify-row div:nth-child(2) { float: left; margin-left: 16px; } .verify-row div:nth-child(3) { float: left; margin-left: 16px; margin-top: 4px; } .verify-row div:nth-child(4) { float: left; margin-left: 16px; margin-top: 7px; } .waybill-textarea { width: 662px; height: 96px; box-sizing: border-box; padding: 16px 40px 16px 16px; background: #FAFAFA; border-radius: 4px 0 0 4px; font-size: 14px; line-height: 22px; color: #333333; } .input-content { width: 160px; height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 5px; padding: 0 12px; font-size: 14px; color: #333333; line-height: 22px; } .line-row { margin-top: 40px } .from-line { height: 1px; width: 752px; background-color: #E5E5E5; } .history-row { margin-top: 15px; 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: 143px; height: 32px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; color: #333333; line-height: 22px; margin-right: 8px; padding: 4px 11px; box-sizing: border-box; float: left; } .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; } .textarea-content::-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内核的浏览器 */ .textarea-content::-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 */ .textarea-content:-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+ */ .textarea-content::-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; } /* 清除浮动 */ .clear-float { clear: both; } .form-button { background: #286EF0; border-radius: 4px; width: 64px; height: 32px; text-align: center; float: right; 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; } .submit-btn { font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; } .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; } #to-ckair { line-height: 34px; color: #286EF0; font-size: 14px; } /* 运单信息 */ .waybill-block { width: 960px; background-color: #F5F5F7; margin: 10px auto 0 auto; overflow: hidden; padding-bottom: 100px; } .waybill-block .waybill-list { list-style: none; width: 960px; background-color: #F5F5F7; overflow: hidden; } .waybill-block .waybill-list .waybill-item { background-color: #fff; margin-bottom: 8px; overflow: hidden; } /* .waybill-block .waybill-list .waybill-item:last-child { margin-bottom: 100px; } */ .waybill-item .line { background: #E60012; width: 100%; height: 10px; } .waybill-item .waybill-number { padding: 32px 0 0 0; display: block; /* width: 896px; */ width: 960px; text-align: left; margin: auto; } .waybill-number .number { font-size: 16px; color: #1D1D1F; letter-spacing: 0; padding-left: 10px; } .waybill-number .openbtn { display: inline-block; width: 16px; height: 16px; float: right; vertical-align: top; background-color: rgba(0, 0, 0, 0); background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; } /* 收起部分 */ .waybill-number .open-block { display: none; /* width: 896px; */ } .waybill-number .information-title, .queryNode-block .information-title { font-size: 16px; color: #333333; line-height: 22px; font-weight: 500; margin: 24px 32px 0 0; text-align: left; } .queryNode-block .information-title { margin-top: 0; } /* 路线 */ .waybill-number .course-block { position: relative; background: #F5F5F7; border-radius: 4px; width: 896px; /* height: 150px; */ height: 184px; background: #ffffff; border-radius: 8px; box-shadow: 0px 0px 12px 5px rgba(120, 120, 128, 0.10); } .waybill-number .course-block ul { list-style: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .waybill-number .course-block ul::before { content: ''; height: 3px; background: #286EF0; display: block; position: absolute; left: 30px; right: 26px; top: 90px; } .waybill-number .course-block ul::after { background: #286EF0; border: solid 2px #286EF0; border-radius: 100%; content: ''; display: block; height: 12px; width: 12px; position: absolute; top: 82px; right: 24px; } .course-block ul li { width: 33.3%; display: block; float: left; text-align: center; } .course-block ul li .airport-content { padding: 24px 0; position: relative; } .course-block ul li:first-child .airport-content { padding-left: 24px; } .course-block ul li:last-child .airport-content { padding-right: 24px; } .airport-content .airport-title { margin: 50px auto 1px; color: #1D1D1F; letter-spacing: 0; font-weight: 400; font-size: 16px; } .airport-content .airport-abbreviation { font-size: 14px; color: #000000; letter-spacing: 0; font-weight: 500; font-weight: 400; } /*----- airport-marker-----*/ .airport-content .airport-marker { position: absolute; height: 18px; width: 18px; left: 50%; right: 0; top: 68px; transform: translate(-50%, 0); } /* 小圆点 */ .airport-content .airport-marker:after { /* background: #F5F5F7; */ background: #FFF; border: solid 2px #286EF0; border-radius: 100%; content: ''; display: block; height: 12px; width: 12px; position: absolute; top: 15px; left: 4px; } /* 第一个和最后一个特殊样式 */ .course-block ul li:first-child .airport-title, .course-block ul li:last-child .airport-title { font-weight: 500; font-size: 20px; } .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: 30px; } .course-block ul li:first-child .airport-marker::after { background: #286EF0; } .course-block ul li:last-child { text-align: right; } .course-block ul li:last-child .airport-marker { display: none; } /* .course-block ul li .sign-img { padding: auto 4px; } */ .course-block ul li .airport-icon { height: 40px; } .course-block ul li .sign-img img { width: 40px; height: 40px; margin: auto 4px; } .course-block ul li:first-child .sign-img img:first-child { margin-left: 0; } .course-block ul li:last-child .sign-img img:last-child { margin-right: 0; } /* 运单按钮 */ .waybill-button { float: right; width: 74px; height: 96px; border-radius: 0 4px 4px 0; background: #286ef0; cursor: pointer; } .waybill-button:hover { background: #4A86F5; } .waybill-button .word { width: 40px; font-size: 17px; font-weight: 500; text-align: center; color: #ffffff; line-height: 96px; } /* 基本信息 */ .waybill-base { margin-left: 32px; margin-right: 32px; margin-bottom: 40px; } .base-block { float: left; } .base-block>div { float: left; } .base-block .pc-station>div { float: left; } .base-block .content { margin-left: 24px; margin-top: 6px; width: 296px; } .base-block .pc-station { width: 408px; } .base-block .pc-station .dept,.base-block .pc-station .arr{ max-width: 132px; } .base-block .content .title { height: 22px; font-size: 16px; font-weight: 400; color: #666666; line-height: 22px; } .base-block .content .data { margin-top: 8px; height: 30px; font-size: 24px; font-weight: 500; color: #1d1d1f; line-height: 30px; } /* 航段信息 */ .first-row { height: 72px; } .second-row { height: 72px; margin-top: 56px; } .mobile-station { display: none; } .direction { width: 80px; margin-left: 32px; margin-right: 32px; height: 46px; border-bottom: 3px solid #286ef0; padding-top: 21px; padding-left: 19px; box-sizing: border-box; position: relative; } .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-left: 32px; padding-right: 32px; } .router-title { padding-top: 32px; padding-bottom: 16px; font-size: 20px; font-weight: 500; text-align: center; color: #333333; line-height: 28px; } /* 货物状态 */ .goodsState-block { width: 960px; background: #fafafa; margin: 0 auto; overflow: hidden; text-align: center; padding-top: 16px; } .goodsState-block .goodsState-title { height: 60px; line-height: 60px; opacity: 1; font-size: 20px; font-weight: 500; text-align: center; color: #333; } .goodsState-block .goodsState-list { list-style: none; width: 896px; margin: 0 auto; margin-bottom: 28px; } .goodsState-list .goodsState-item { width: 100%; /* height: 385px; */ opacity: 1; background: #fff; border-radius: 4px; box-shadow: 0px 0px 12px 5px rgba(120, 120, 128, 0.10); margin-bottom: 24px; box-sizing: border-box; } .goodsState-list .goodsState-item:last-child { margin-bottom: 0; } .goodsState-item .goodsState-header { width: 100%; height: 48px; opacity: 1; background: #286ef0; border-radius: 4px 4px 0 0; padding: 0 24px; box-sizing: border-box; } .goodsState-header p { display: inline-block; } .goodsState-header span { font-size: 15px; font-weight: 500; color: #fff; line-height: 48px; } .goodsState-header span.city { padding-left: 16px; font-weight: 400; } .goodsState-header p.left { float: left; } .goodsState-header p.right { float: 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: 24px; } .goodsState-content .operationState-title.cargo { padding-bottom: 20px; } .goodsState-content .operationState-title.goods { padding: 24px 24px 9px; } .goodsState-content .operationStatus-list, .goodsState-content .flightInformation-list { padding: 0 24px 24px 24px; box-sizing: border-box; list-style: none; width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .goodsState-content .flightInformation-list { padding-bottom: 32px; border-bottom: none; } .goodsState-content .flightInformation-list.arrived { padding-bottom: 3px; } .goodsState-content .flightInformation-list.arrived:last-child { padding-bottom: 32px; } .goodsState-content .flightInformation-list.flight { border-bottom: 1px solid #e5e5e5; } .goodsState-list .operationStatus-item { width: 21.4%; display: block; float: left; text-align: left; position: relative; padding-top: 15px; } .goodsState-list .operationStatus-item::before { content: ''; height: 4px; background: #E6EDFD; display: block; position: absolute; left: 48px; right: 0; top: 22px; top: 37px; } .goodsState-list .operationStatus-item:last-child { width: 14.4%; } .goodsState-list .operationStatus-item:last-child::before { display: none; } .operationStatus-item .item-image { width: 48px; height: 48px; border-radius: 24px; } .operationStatus-item .item-title { font-size: 13px; font-weight: 500; color: #333; line-height: 20px; padding: 8px 0 4px; } .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; padding-right: 60px; } .flightInformation-list.arrived .flightInformation-item { padding-right: 15px; box-sizing: border-box; } .flightInformation-list.arrived .flightInformation-item:nth-child(1) { width: 100px; } .flightInformation-list.arrived .flightInformation-item:nth-child(2), .flightInformation-list.arrived .flightInformation-item:nth-child(3) { width: 170px; } .flightInformation-list .flightInformation-item:last-child { padding-right: 0; } .flightInformation-list.arrived .flightInformation-item .item-title { display: none; } .flightInformation-list.arrived .flightInformation-item .item-title.first { display: block; } .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; width: 100%; overflow: hidden; } .cargo-table { width: 100%; } .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: 190px; } .cargo-table th:nth-child(2) { width: 390px; } .cargo-table th:nth-child(3), .cargo-table td:nth-child(3) { width: 140px; 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; } /* ui弹框 */ .layui-layer-content { color: #fff !important; } .waybill-number .change-block { text-align: center; width: 100%; background: #FAFAFA; overflow: hidden; } .change-block .changeContent-block { background: #FAFAFA; margin: 16px 380px; } .change-block .changeContent-block.open .openDetail-block { display: none; } .change-block .changeContent-block.open .close-block { display: block; } .change-block .changeContent-block.close .openDetail-block { display: block; } .change-block .changeContent-block.close .close-block { display: none; } .change-block .openDetail-block, .change-block .close-block { width: 174px; height: 40px; background: #ffffff; border: 1px solid #dddddd; border-radius: 5px; margin: 0 auto; } .change-block .close-block { width: 100px; height: 34px; } .change-block .openDetail-block p { font-size: 16px; font-weight: 500; text-align: left; color: #286ef0; line-height: 40px; } .change-block .openDetail-block p { font-size: 16px; font-weight: 500; text-align: left; color: #286ef0; line-height: 40px; display: inline-block; } .change-block .openDetail-block img { width: 16px; height: 16px; margin-left: 8px; } .change-block .close-block img { width: 56px; height: 14px; margin-top: 10px; } /* 暂无信息 */ .none-info { background-color: #fff; text-align: center; padding-top: 50px; padding-bottom: 40px; } .none-info img { width: 70px; } .none-info div { margin-top: 10px; font-size: 14px; color: #666666; letter-spacing: 0; text-align: center; }