:root{--compWidth:120px;--compHeight:120px}.upload_container,.upload_container>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.hideUpload .el-upload--picture-card{display:none}.el-upload--picture-card{width:var(--compWidth);height:var(--compHeight);line-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:4px!important}.el-upload-list{height:var(--compHeight)!important}.el-upload-list__item{width:var(--compWidth);height:var(--compHeight);margin:0 8px 0 0!important}.mini .el-upload--picture-card,.mini .el-upload-list--picture-card .el-upload-list__item{width:70px;height:70px;line-height:70px}.small .el-upload--picture-card,.small .el-upload-list--picture-card .el-upload-list__item{width:var(--compWidth);height:var(--compHeight);line-height:var(--compHeight)}.large .el-upload--picture-card,.large .el-upload-list--picture-card .el-upload-list__item{width:150px;height:150px;line-height:150px}.el-upload-list--picture-card .uploading.el-upload-list__item-actions{opacity:1}.el-upload-list--picture-card .el-upload-list__item{width:var(--compWidth);height:var(--compHeight)}.el-upload__tip{line-height:20px;font-size:12px;color:#999}.el-upload-list__item{-webkit-transition:none!important;transition:none!important}.el-upload__text{color:#8c939d;margin-top:15px;font-size:13px}.lable_top{position:absolute;top:-1px;left:-1px;right:-1px;height:16px;line-height:16px;background-color:#222;opacity:.6;color:#fff;border-radius:4px 4px 0 0;font-size:12px;font-weight:300}.upload_tag ul li:first-child:before{content:"\4E3B\56FE";position:absolute;top:0;left:0;background-color:#000;color:#fff;padding:0 7px;height:20px;line-height:20px;border-radius:2px;font-size:9px;z-index:8}.map-container[data-v-c1016238]{width:100%;position:relative}.loading-overlay[data-v-c1016238]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.loading-text[data-v-c1016238]{margin-top:10px;color:#333;font-size:14px}.tabs-item{position:relative;margin-top:20px}.tabs-item .el-button{position:absolute;top:0;right:0}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;font-size:14px}.project-list .project-item{background:#f9f9f9;border-radius:8px;padding:2px 16px}.project-list .project-item .project-name{color:#002fa7}.project-list .project-item p{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-title,.project-list .project-item p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-title{position:relative;font-size:16px;font-weight:600;margin-bottom:16px}.card-title:before{content:"";top:0;left:0;bottom:0;width:4px;height:16px;background:#002fa7;margin-right:5px}.card-title span{font-weight:400;font-size:14px;color:#999;margin-left:5px}.card-content{margin-top:24px}.progress-container,.progress-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.progress-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:280px;margin-left:20px}.progress-container .progress-info{margin-left:5px;line-height:25px;font-size:12px;font-weight:600}.progress-container .progress-info div:last-child{color:#999;font-weight:500!important}.card-content .section-content{font-size:16px;color:#000;line-height:28px;margin-bottom:20px}.container{padding:20px;background-color:#f5f7fa;min-height:100vh}.logo-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.logo{width:48px;height:48px}.logo-title h1{font-size:24px;font-weight:700;color:#303133;margin:0}.section-card{margin-bottom:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;color:#303133}.data-time{font-size:14px;color:#606266;font-weight:400}.section-content{padding:0 0}.progress-section{margin-top:16px}.cargo-tracking{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.cargo-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.stat-item{padding:16px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stat-item.planned{background-color:#eafdff}.stat-item.shipped{background-color:#f4ffea}.stat-item.in-transit{background-color:#fffbea}.stat-item.arrived{background-color:#eaf8ff}.stat-item h3{font-size:14px;font-weight:700;color:#303133;margin:0}.stat-item.arrived h3,.stat-item.in-transit h3{font-size:14px;margin-top:8px}.stat-item.planned h3,.stat-item.shipped h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.stat-item h3 .total{margin-top:0;font-size:32px;text-align:right}.stat-item h3 .total,.total.large{font-weight:700;color:#303133}.stat-details{font-size:14px}.stat-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-weight:700}.total{margin-top:12px;font-size:24px;font-weight:700;color:#303133;text-align:right}.total.large{font-size:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.map-container{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;height:298px;background-color:#f9f9f9;border-radius:4px;overflow:hidden}.map-container h3{font-size:16px;font-weight:700;color:#303133;margin:0 0 12px 0}.data-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.data-item{background-color:#f9f9f9;border-radius:8%;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.data-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;color:#999;width:100%}.data-header,.max-value{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px}.max-value{color:#002fa7;text-align:right;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2px}.max-value.text-red{color:#f56c6c}.data-value-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:12px}.data-value{font-size:28px;font-weight:700;color:#303133}.data-change{font-size:12px;color:#00bd00;font-weight:700}.data-name{font-size:14px;color:#303133;font-weight:700;white-space:nowrap;margin-left:auto}.device-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding:20px 0}.device-chart{width:300px;height:200px}.device-legend{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:20px 80px}.legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.legend-color{width:4px;height:25px;border-radius:100px}.legend-name{font-size:14px;color:#606266}.legend-value{font-size:14px;font-weight:500;margin-left:20px;font-size:12px;color:#86909c}.legend-value span{font-size:20px;color:#000;margin-right:2px}@media screen and (max-width:768px){.device-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.device-legend{grid-template-columns:1fr;width:100%}}@media screen and (max-width:768px){.cargo-tracking{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.map-container{min-width:100%}.cargo-stats{grid-template-columns:1fr}.data-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.logo-title,.progress-info{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.device-content,.logo-title,.progress-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.device-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.container{padding:20px 32px}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:10px 0}.welcome h1{font-size:24px;font-weight:700;color:#303133;margin:0}.sort-options{margin-bottom:20px}.customer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-header span{font-weight:700;color:#303133}.customer-list .el-card{border-radius:8px;cursor:pointer}.customer-list .el-card__body{padding:8px 20px!important}.customer-list .card-body p{margin:12px 0;color:#606266;font-size:14px}.customer-list .customer-name{color:#002fa7}.wel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1100px;margin:0 auto}