.dash-board{height:calc(100vh - 100px);min-width:1080px}.dash-board .dash-board-title{margin:20px;height:180px;background-color:#fff;-webkit-box-shadow:0 0 8px #ebeef5;box-shadow:0 0 8px #ebeef5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dash-board .dash-board-title .cards{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.dash-board .dash-board-title .cards .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dash-board .dash-board-title .cards .header .header-img{width:64px;height:64px}.dash-board .dash-board-title .cards .header .header-img img{width:100%;height:100%}.dash-board .dash-board-title .cards .header .infos{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;padding-left:24px;color:#303133}.dash-board .dash-board-title .cards .header .infos .header-title{font-size:14px;font-weight:700;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-board .dash-board-title .cards .header .infos .header-info{padding-top:6px;font-size:12px;font-weight:700}.dash-board .dash-board-title .cards .slider{padding-top:10px}.dash-board .dash-board-title .cards .slider .el-slider__button{width:6px;height:6px}.dash-board .dash-board-title .cards .slider-info{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4px;font-size:bold}.dash-board .dash-board-title .cards .slider-info .DisUse,.dash-board .dash-board-title .cards .slider-info .Use{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:center;-ms-flex-align:center;align-items:center}.dash-board .dash-board-title .cards .slider-info .DisUse{color:#b2b2b2}.dash-board .dash-board-title .cards .border-line{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:102px;border:1px solid #dcdfe6}.dash-board .dash-board-title .cards:last-of-type .border-line{display:none}.dash-board .dash-board-title .cards .Portal .slider-info .Use{color:#027aff}.dash-board .dash-board-title .cards .Portal .el-slider__bar{background-color:#027aff}.dash-board .dash-board-title .cards .Portal .el-slider__button{border:2px solid #027aff}.dash-board .dash-board-title .cards .MenuGroup .slider-info .Use{color:#f5a623}.dash-board .dash-board-title .cards .MenuGroup .el-slider__bar{background-color:#f5a623}.dash-board .dash-board-title .cards .MenuGroup .el-slider__button{border:2px solid #f5a623}.dash-board .dash-board-title .cards .Page .slider-info .Use{color:#7ed321}.dash-board .dash-board-title .cards .Page .el-slider__bar{background-color:#7ed321}.dash-board .dash-board-title .cards .Page .el-slider__button{border:2px solid #7ed321}.dash-board .dash-board-title .cards .Asset .slider-info .Use{color:#f56c6c}.dash-board .dash-board-title .cards .Asset .el-slider__bar{background-color:#f56c6c}.dash-board .dash-board-title .cards .Asset .el-slider__button{border:2px solid #f56c6c}.dash-board .dash-board-content{-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dash-board .dash-board-content,.dash-board .dash-board-content .cards{height:400px;margin:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.dash-board .dash-board-content .cards{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-box-shadow:0 0 8px #ebeef5;box-shadow:0 0 8px #ebeef5;border-radius:2px}@media screen and (max-width:1300px){.dash-board{overflow-y:auto}.dash-board .dash-board-title{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:25px}.dash-board .dash-board-title .cards{width:260px}.dash-board .border-line{display:none}.dash-board-content{-ms-flex-wrap:wrap;flex-wrap:wrap}.dash-board-content .cards{width:300px;height:300px}}