.adMonitorList {
    color: #65B581;
    color: #FFCE34;
    color: #ff544b;
    color: rgba(236, 128, 141);
}

.adMonitorListTab {
  .ant-tabs-nav {
    margin-bottom: 0;
  }
}



//  monitor
.monitor {
    .charts {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        >div {
            width: 49.5%;
            // min-width: 600px;
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            &>.spin {
                width: 100%;
                height: 100%;
                &>div.ant-spin-container{
                    width: 100%;
                    height: 100%; 
                    &>div{
                        width: 100%;
                        height: 100%; 
                    }
                }
            }
            .selectTime {
                position: absolute;
                top: 0;
                right: 40px;
                z-index: 10;
            }
        }
    }
    .charts100{
        >div{
            width: 100% !important;
        }
    }
}



.overviewData {
    display: flex;
    justify-content: space-between;
    >div {
        min-width: 145px;
        padding: 10px;
        text-align: center;
        border: 1px solid rgb(233, 233, 233);
        border-radius: 4px;

        >div:first-child{
            font-weight: 600;
            margin-bottom: 4px;
        }
    }
}

.imagesConfig {
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    >div{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        &:first-child {
            z-index: 1;
        }
    }
}

.oneText {
    white-space: nowrap;      /*超出的空白区域不换行*/
    overflow: hidden;         /*超出隐藏*/
    text-overflow: ellipsis;  /*文本超出显示省略号*/
    padding: 0 4px;
    font-size: 12px;
}
.twoText {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
}

.padding2 {
    padding: 2px 5px !important;
}