@import url(https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.2/mapbox-gl.css);.header-block-new{width:1200px;margin:0 auto}.header-block-new header{position:fixed;top:0;left:0;right:0;height:60px;background:#007892;box-shadow:0 0 10px rgba(0,0,0,.15);z-index:1002}.header-block-new header .headerOut{width:1190px;margin:0 auto;height:60px;display:flex;align-items:center}.header-block-new header .headerOut .logo .svg-icon{width:120px;height:60px}.header-block-new header .headerOut .navBar{flex:1}.header-block-new header .headerOut .navBar ul{display:flex;justify-content:flex-end}.header-block-new header .headerOut .navBar ul li{padding-right:30px;font-weight:400;font-size:14px;color:#fff;cursor:pointer}.header-block-new header .headerOut .navBar ul li.user-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.orderInfo .info-row{display:flex;padding:8px 0}.orderInfo .info-row dl{width:25%;display:flex;text-align:center;flex-direction:column;align-items:flex-start}.orderInfo .info-row dl dt{font-size:12px;color:#8c8c8c}.orderInfo .info-row dl dd{font-size:14px;color:#333}.orderFee{width:100%;margin:0 auto}.orderLogistics .quote-number{display:flex;margin:16px 0 24px 0}.orderLogistics .quote-number dl{flex:1;display:flex;flex-direction:column;align-items:flex-start}.orderLogistics .quote-number dl dt{font-size:14px;color:#333}.orderLogistics .quote-number dl dt i{width:24px;text-align:left;display:inline-block}.orderLogistics .quote-number dl dd{margin-left:25px;font-size:12px;color:#8c8c8c}.orderLogistics .logistics-detail{background:#fff;padding:32px;border:1px solid #ddd;box-sizing:border-box;border-radius:8px;display:flex}.orderLogistics .logistics-detail .vertical-steps{flex:1;margin-right:40px}.orderLogistics .logistics-detail .map-content{height:496px;width:513px;background:#fff;border-radius:10px;box-shadow:0 0 8px hsla(0,0%,49.8%,.1);overflow:hidden;position:relative}.orderLogistics .logistics-detail .map-content .mapboxgl-ctrl-attrib.mapboxgl-compact,.orderLogistics .logistics-detail .map-content .mapboxgl-popup-close-button,.orderLogistics .logistics-detail .map-content a.mapboxgl-ctrl-logo{display:none}.orderLogistics .logistics-detail .map-content .mapboxgl-popup-content{padding:8px}.orderLogistics .logistics-detail .map-content .mapboxgl-canvas:focus{outline:none}.orderLogistics .logistics-detail .track{max-height:466px;overflow-y:auto}.orderLogistics .logistics-detail .track .track-title{font-weight:600;font-size:16px;line-height:22px;color:#252f45}.orderLogistics .logistics-detail .track .el-step__icon{color:#eee}.orderLogistics .logistics-detail .track .el-step__icon.is-text{border:none}.orderLogistics .logistics-detail .track .svg-icon{font-size:16px}.orderLogistics .logistics-detail .track .light-node .el-step__icon svg{color:#3d76f3!important}.orderLogistics .logistics-detail .track .light-node .el-step__line{background:#3d76f3}.orderLogistics .logistics-detail .track .el-steps{margin-top:26px}.orderLogistics .logistics-detail .track .el-step__line{background:#eee}.orderLogistics .logistics-detail .track .el-step__description{padding-bottom:21px;color:#3b404c;font-size:12px}.orderLogistics .logistics-detail .track .el-step__title.is-wait{font-weight:600;font-size:14px;line-height:20px;color:#3b404c}.orderLogistics .logistics-detail .track .el-step.is-vertical .el-step__title{padding-bottom:10px}.orderLogistics .logistics-detail .track .rt-time{padding-left:24px}.orderFile,.orderMaterial{width:100%;margin:0 auto}.shipment-detail .tab-content>span{margin-right:8px;padding:0 10px;min-width:120px;height:40px;line-height:40px;background:#fafafa;border:1px solid #eaeaea;box-sizing:border-box;border-radius:4px;font-weight:500;font-size:16px;text-align:center;color:#888;display:inline-block;cursor:pointer}.shipment-detail .tab-content>span.checked,.shipment-detail .tab-content>span:hover{background:#f2f4ff;border-color:#5060a9;color:#5060a9}.shipment-detail .order-content{margin-top:24px}.shipment-quick{width:1200px;margin:auto}