html { font-size: 16px; }

body { overflow-x: hidden; }

.layui-fluid { width: 100%; padding: 0 !important; margin: 0 !important; }

.itemContent { width: 100%; }

.itemContent .orderTop { width: 90%; margin: 1.5rem auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderTop .orderInput { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderTop .orderInput h3 { font-size: 1rem; font-weight: bold; color: #333; }

.itemContent .orderTop .orderInput input { width: 15rem; height: 2.5rem; font-size: 0.9rem; color: #333; border: 1px solid #e6e6e6; }

.itemContent .orderTop .headSearch { width: 6rem; height: 2.5rem; margin-left: 1%; background: #787fff; font-size: 0.9rem; color: #fff; border: 0; border-radius: 0.2rem; cursor: pointer; }

.itemContent .orderBottom { width: 93%; margin: 0 auto; }

.itemContent .orderBottom .orderData { width: 100%; border: 1px solid #e6e6e6; }

.itemContent .orderBottom .orderData .layui-tab-content { padding: 0; }

.itemContent .orderBottom .orderData .layui-table-view { margin: 0; }

.itemContent .orderBottom .orderSearch { display: none; width: 100%; padding: 1rem 1rem; margin-bottom: 3rem; box-sizing: border-box; border: 1px solid #e6e6e6; }

.itemContent .orderBottom .orderSearch .searchStatus { width: 100%; padding: 1.5rem 0rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.itemContent .orderBottom .orderSearch .searchStatus .status { width: 20%; padding: 0rem 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; position: relative; }

.itemContent .orderBottom .orderSearch .searchStatus .status .statusItem { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderBottom .orderSearch .searchStatus .status .statusItem .statusIcon { font-size: 1.5rem; color: #aaa; }

.itemContent .orderBottom .orderSearch .searchStatus .status .statusItem .statusText { font-size: 0.9rem; color: #aaa; white-space: nowrap; margin: 0rem 0.2rem; }

.itemContent .orderBottom .orderSearch .searchStatus .status .statusItem .statusLine { width: 100%; height: 1px; background: #aaa; }

.itemContent .orderBottom .orderSearch .searchStatus .status .statusInfo { width: 70%; font-size: 0.9rem; color: #aaa; padding-top: 0.2rem; }

.itemContent .orderBottom .orderSearch .searchStatus .status .mouseDetail { display: none; width: 8rem; height: auto; background: #efefef; padding: 0.8rem 0rem; text-align: center; border: 1px solid #ccc; border-radius: 0.2rem; position: absolute; left: 4rem; top: -4.5rem; margin-left: -4rem; z-index: 10; }

.itemContent .orderBottom .orderSearch .searchStatus .status .mouseDetail h4 { font-size: 0.85rem; font-weight: bold; color: #000; }

.itemContent .orderBottom .orderSearch .searchStatus .statusLast { width: auto; }

.itemContent .orderBottom .orderSearch .searchInfo { width: 100%; padding-bottom: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #e6e6e6; }

.itemContent .orderBottom .orderSearch .searchInfo .infoCon { width: 24%; padding-top: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderBottom .orderSearch .searchInfo .infoCon .infoTitle { font-size: 1rem; font-weight: bold; color: #333; }

.itemContent .orderBottom .orderSearch .searchInfo .infoCon .infoVal { font-size: 0.9rem; font-weight: bold; color: #333; }

.itemContent .orderBottom .orderSearch .searchTable { width: 100%; margin-bottom: 2rem; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer { width: 100%; border: 1px solid #ccc; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableHead { width: 100%; height: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableHead li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 2.5rem; background: #efefef; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.85rem; font-weight: bold; color: #000; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon { width: 100%; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table { width: 100%; table-layout: fixed; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr { width: 100%; border-bottom: 1px solid #e6e6e6; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr td { height: 5rem; font-size: 0.85rem; color: #333; text-align: center; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr .billTd .tdCon { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr .billTd .tdCon .billContainer { width: 4.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr .billTd .tdCon .billContainer .billImg { width: 2rem; height: 2rem; margin-right: 0.2rem; position: absolute; left: 0; top: 0; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr .billTd .tdCon .billContainer button { width: 2.5rem; height: 1.8rem; margin-left: 2.3rem; background: #787fff; font-size: 0.8rem; color: #fff; border: 0; border-radius: 0.3rem; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon table tr .billTd .tdCon .billContainer .billImg:hover { -webkit-transform: scale(5); transform: scale(5); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; z-index: 100; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon::-webkit-scrollbar { width: 0.3rem; height: 1px; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; }

.itemContent .orderBottom .orderSearch .searchTable .tableContainer .tableCon::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: rgba(255, 255, 255, 0.3); }

.itemContent .orderBottom .orderSearch .searchProgerss { width: 100%; border: 1px solid #e6e6e6; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle { width: 100%; height: 2.6rem; background: #ececec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle p { font-size: 1rem; font-weight: bold; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle .titleTime { width: 23%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle .titleOperate { width: 24%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle .titleLocation { width: 20%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle .titleDistance { width: 16%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressTitle .titleDate { width: 17%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList { width: 100%; padding: 1rem 0rem; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .time { width: 20%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .time .timeText { font-size: 0.9rem; color: #aaa; padding-top: 0.2rem; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .time .timeBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .time .timeBar .timeIcon { font-size: 1.5rem; color: #aaa; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .time .timeBar .timeLine { margin: 0.5rem 0rem; display: block; width: 1px; height: 3rem; background: #aaa; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .operate { width: 27%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .operate p { font-size: 0.9rem; color: #aaa; text-align: center; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .location { width: 20%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .location p { font-size: 0.9rem; color: #aaa; text-align: center; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .distance { width: 16%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .distance p { font-size: 0.9rem; color: #aaa; text-align: center; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .date { width: 17%; }

.itemContent .orderBottom .orderSearch .searchProgerss .progressList .listItem .date p { font-size: 0.9rem; color: #aaa; text-align: center; }

.iconTrue { color: #787fff !important; }

.iconFalse { color: #aaa !important; }

.timeTrue { color: #787fff !important; }

.timeFalse { color: #aaa !important; }

/*# sourceMappingURL=orderTrace.css.map */