.userInterface{min-width:1550px;height:auto}.userInterface .arrowDown{width:100px;height:10px;box-shadow:0 1px 4px rgba(0,0,0,.4);position:absolute;left:50%;transform:translateX(-50%);top:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#f3f3f3;cursor:pointer}.userInterface .arrowDown .el-icon-arrow-up{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:10px;color:#9b9b9b;font-weight:700}.userInterface .userInterface-header{box-shadow:0 2px 2px hsla(0,0%,60.8%,.6);line-height:60px;position:relative;padding:0 20px}.userInterface .userInterface-header .imgDiv{display:flex;align-items:center;justify-content:space-between;height:60px;position:relative}.userInterface .userInterface-header .imgDiv .title{display:flex;align-items:center}.userInterface .userInterface-header .imgDiv .title .el-icon-s-operation{font-size:30px;cursor:pointer}.userInterface .userInterface-header .imgDiv .title .el-icon-s-operation:after{content:"";display:inline-block;width:1px;height:32px;background:#94cdf1;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.userInterface .userInterface-header .imgDiv .title img{margin-left:40px}.userInterface .userInterface-header .imgDiv .title .text{margin-left:20px;margin-right:15px}.userInterface .userInterface-header .imgDiv .title .tag{margin-left:25px;color:#000;border-color:#fff;background-color:#fff;position:relative}.userInterface .userInterface-header .imgDiv .title .tag:hover{color:#299be4;background-color:#fff}.userInterface .userInterface-header .imgDiv .title .tag:before{content:"";display:inline-block;width:1px;height:20px;background:#94cdf1;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.userInterface .userInterface-header .imgDiv .title .el-tag__close{border:1px solid #e2e2e2;color:#e2e2e2}.userInterface .userInterface-header .imgDiv .title .el-tag .el-tag__close:hover{border:1px solid #299be4;color:#299be4;background-color:#fff}.userInterface .userInterface-header .imgDiv .down{width:100px;height:10px;box-shadow:0 1px 4px rgba(0,0,0,.4);position:absolute;left:50%;transform:translateX(-50%);top:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#f3f3f3;cursor:pointer}.userInterface .userInterface-header .imgDiv .down .el-icon-arrow-down{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:10px;color:#9b9b9b;font-weight:700}.userInterface .userInterface-header .imgDiv .userInterface-left{position:relative}.userInterface .userInterface-header .imgDiv .userInterface-left .icon{font-size:24px;margin-right:50px;position:relative;cursor:pointer;color:#6a6a6a}.userInterface .userInterface-header .imgDiv .userInterface-left .el-icon-delete:after,.userInterface .userInterface-header .imgDiv .userInterface-left .el-icon-edit:after,.userInterface .userInterface-header .imgDiv .userInterface-left .el-icon-share:after{content:"";display:inline-block;width:1px;height:32px;background:#94cdf1;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.userInterface .userInterface-main{height:auto;max-height:none!important;padding:20px!important}.userInterface .userInterface-main .userInterface-main-1{min-width:60px}.userInterface .userInterface-main .userInterface-main-1 .iconBox{width:50px;height:50px;position:relative;margin-bottom:10px;cursor:pointer}.userInterface .userInterface-main .userInterface-main-1 .iconBox .el-button{width:100%;height:100%;border-radius:0;border:none;font-size:20px}.userInterface .userInterface-main .userInterface-main-1 .iconBox .iconBoxss{width:50px;height:50px}.userInterface .userInterface-main .userInterface-main-1 .iconBox .iconBoxss .iconBoxIcon{position:absolute;top:27%;left:27%;font-size:22px;color:#6a6a6a;transition:.1s}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv{width:150px;height:auto;position:absolute;left:0;top:0;background-color:#fff;z-index:99;box-shadow:0 1px 4px rgba(0,0,0,.4)}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivIconBox{width:50px;height:50px;position:relative;display:inline-block}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivIconBox .icon{position:absolute;top:27%;left:27%;font-size:22px;color:#6a6a6a}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTitle{vertical-align:top;display:inline-block;width:calc(100% - 50px);height:50px;line-height:50px;font-family:montserrat,sans-serif!important;color:#299be4;font-size:13px}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox{width:100%;box-sizing:border-box;height:calc(100% - 50px)}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox .el-col{box-sizing:border-box}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox .hoverDivText{width:100%;height:35px;line-height:35px;color:#9b9b9b;font-size:12px;box-sizing:border-box;padding-left:10px;transition:.1s;position:relative}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox .hoverDivText:hover{background-color:#f3f3f3;color:#299be4}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox .hoverDivText:hover:after{content:"";width:100%;height:2px;background-color:#ebebeb;position:absolute;top:0;left:0}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivTextBox .hoverDivText:hover:before{content:"";width:1px;height:100%;background-color:#fff;position:absolute;top:0;right:0}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivText-right{width:100px;position:absolute;top:0;left:150px;background-color:#f3f3f3;box-shadow:1px .5px 2px rgba(0,0,0,.2);border-left:1px solid #dedede}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivText-right div{width:100%;height:25px;line-height:25px;color:#9b9b9b;font-size:12px;box-sizing:border-box;padding-left:10px}.userInterface .userInterface-main .userInterface-main-1 .iconBox .hoverDiv .hoverDivText-right div:hover{color:#299be4}.userInterface .userInterface-main .userInterface-main-23 .cardBox{display:flex;align-items:center;width:100%}.userInterface .userInterface-main .userInterface-main-23 .cardBox .Billing,.userInterface .userInterface-main .userInterface-main-23 .cardBox .Cargo{flex:1;height:220px;position:relative}.userInterface .userInterface-main .userInterface-main-23 .cardBox .Billing .CargoRow,.userInterface .userInterface-main .userInterface-main-23 .cardBox .Billing .CargoRow .elImg,.userInterface .userInterface-main .userInterface-main-23 .cardBox .Cargo .CargoRow,.userInterface .userInterface-main .userInterface-main-23 .cardBox .Cargo .CargoRow .elImg{height:100%}.userInterface .userInterface-main .userInterface-main-23 .cardBox .Billing .CargoRow .elImg img,.userInterface .userInterface-main .userInterface-main-23 .cardBox .Cargo .CargoRow .elImg img{width:216px;height:170px;margin-left:30px;margin-top:20px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14{height:100%;padding-top:10px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-top{margin-top:15px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-top .cardBox-top-title{text-align:left;font-family:montserrat,sans-serif!important;color:#299be4;font-size:28px;font-weight:700;height:50px;width:87%}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-middle .el-input{width:70%}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-middle .el-input .el-input__inner:hover{border-color:#409eff!important}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-bottom{margin-top:20px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-bottom .cardBox-bottom-btn{display:flex;align-items:center;justify-content:space-between;width:130px;background:#299be4;height:40px;cursor:pointer;transition:.5s}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-bottom .cardBox-bottom-btn span{font-size:16px;color:#fff}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .cardBox-bottom .cardBox-bottom-btn:hover{opacity:.6}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-top{height:80px;box-sizing:border-box;padding-top:10px;padding-left:40px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-top .el-col-24{width:100%;height:100%;line-height:52px}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-top .Billing-top-title{text-align:left;border-bottom:3px solid #cdcdcd;font-family:montserrat,sans-serif!important;color:#299be4;font-size:28px;font-weight:700;height:65px;width:87%}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-bottom .el-col-8{height:100%;box-sizing:border-box;padding-left:40px;padding-top:15px;color:#9b9b9b;font-family:montserrat,sans-serif!important}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-bottom .el-col-8 p:first-child{height:60%;font-size:36px;line-height:54px;font-weight:700}.userInterface .userInterface-main .userInterface-main-23 .cardBox .el-col-14 .Billing-bottom .el-col-8 p:nth-child(2){height:40%;font-size:15px;box-sizing:border-box}.userInterface .userInterface-main .userInterface-main-23 .refreshBox{color:#9b9b9b;display:flex;align-items:center;height:35px}.userInterface .userInterface-main .userInterface-main-23 .refreshBox .el-icon-refresh{font-size:18px;margin-right:15px;cursor:pointer}.userInterface .userInterface-main .userInterface-main-23 .refreshBox .refreshBox-text{font-size:12px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row{padding:10px;padding-top:0}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right{height:500px;background-color:#f3f3f3;color:#3f536a;font-size:12px;padding-left:0!important}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .classNameaa{color:#fff;font-size:16px;line-height:30px;font-family:"\5FAE\8F6F\96C5\9ED1";width:30px;height:30px;text-align:center;background-color:#299be4;border:3px solid #fff;border-radius:50%}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .classNamebb{color:#fff;font-size:12px;line-height:20px;font-family:"\5FAE\8F6F\96C5\9ED1";width:20px;height:20px;text-align:center;background-color:#299be4;border:2px solid #fff;border-radius:50%}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .status{margin-top:20px;margin-bottom:5px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .el-select{margin-bottom:10px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .el-select .el-input input{width:175px;height:30px;padding-left:5px;font-size:12px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .el-select .el-input .el-input__suffix,.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .el-select .el-input .el-input__suffix .el-input__suffix-inner,.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret{opacity:0}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width{color:#3f536a;width:80%;font-size:12px;border-top:1px solid #cdcdcd}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width td,.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width th{background-color:#f3f3f3;border-bottom:none;padding:5px 0}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width td .cell,.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width th .cell{padding-left:0}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right ::v-deep .full-width:before{background-color:#cdcdcd}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging{display:flex;align-items:center;height:55px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging span{font-weight:700}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging span span{color:#eb4b4b}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination{display:inline-block;margin-left:60px}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination button{background:#f3f3f3}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination button:hover{color:#eb4b4b}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination .el-pager li{background:#f3f3f3}.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination .el-pager li.active,.userInterface .userInterface-main .userInterface-main-23 .mapBox .el-row .el-col-8-right .paging ::v-deep .el-pagination .el-pager li:hover{color:#eb4b4b}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow{box-sizing:border-box;padding-right:8px;margin-left:0!important}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8{box-sizing:border-box;height:500px}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox{width:100%;height:90%;background-color:#f3f3f3}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle{box-sizing:border-box;height:100px;padding:10px;padding-top:0}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;border-bottom:3px solid #cdcdcd}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-top i{font-size:20px;color:#00e}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-top .EchartsTitle-text{font-size:16px;color:#1f2136;font-weight:700;margin-left:15px}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-bottom{display:flex;align-items:center;justify-content:space-between;height:calc(100% - 50px)}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-bottom span:first-child{font-size:12px;color:#9b9b9b}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .EchartsTitle .EchartsTitle-bottom a{font-size:12px;color:#299be4;text-decoration:underline;cursor:pointer}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8 .EchartsBox .Echarts{width:100%;height:78%}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8:first-child{padding-left:0!important}.userInterface .userInterface-main .userInterface-main-23 .eachrtsRow .el-col-8:last-child{padding-right:0!important}.userInterface .slide-fade-enter-active{transition:all .5s ease}.userInterface .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.userInterface .slide-fade-enter,.userInterface .slide-fade-leave-to{transform:translateX(10px);opacity:0}.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .optionClass{padding-left:5px;font-size:12px}.userInterface-popover{left:7px!important;box-sizing:border-box;padding:10px 5px 5px 5px;border-radius:inherit;border:none;padding-right:0;padding-left:0}.userInterface-popover .el-popover__title{margin-bottom:0}.userInterface-popover .popper__arrow{opacity:0}.userInterface-popover .box-card{border:none;box-shadow:none;overflow:visible}.userInterface-popover .box-card .cardTitle{display:flex;align-items:center;color:#299be4;font-size:12px;height:20px}.userInterface-popover .box-card .cardTitle .icon{font-size:20px;color:#299be4;padding-left:5px;padding-right:5px}.userInterface-popover .box-card .el-card__body{box-sizing:border-box;padding:0;position:relative}.userInterface-popover .box-card .el-card__body .item{height:36px;line-height:36px;color:#299be4;font-size:12px;font-family:montserrat,sans-serif!important;padding-left:40px;transition:.3s;box-sizing:border-box;cursor:pointer}.userInterface-popover .box-card .el-card__body .item:hover{background-color:#f3f3f3;font-weight:700}.userInterface-popover .box-card .el-card__body .customDiv{position:absolute;background-color:#f3f3f3;top:-10px;right:-125px;width:125px;padding:20px;box-sizing:border-box}.userInterface-popover .box-card .el-card__body .customDiv ul li{color:#9b9b9b;font-size:12px;cursor:pointer;font-family:montserrat,sans-serif!important}.userInterface-popover .box-card .el-card__body .customDiv ul li:hover{color:#299be4}.userInterface-popover .box-card .el-card__body .fades-enter-active,.userInterface-popover .box-card .el-card__body .fades-leave-active{transition:opacity .5s}.userInterface-popover .box-card .el-card__body .fades-enter,.userInterface-popover .box-card .el-card__body .fades-leave-to{opacity:0}