.container {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
    font-family: DingTalk JinBuTi;

    .infoWarp {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .warnCount {
            display: flex;
            align-items: center;

            .icon {
                width: 27px;
                height: 26px;
            }

            .text {
                margin-left: 5px;
                font-size: 19px;
                color: rgb(202, 223, 252);
                width: 128px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                span{
                    font-size: 20px;
                    color: rgb(227, 80, 80);
                    margin-left: 5px;
                }
            }
        }
    }
    .notWarn{
        width: 100%;
        display: flex;
        justify-content: center;
        .content{
            width: 178px;
            height: 40px;
            border-radius: 20px;
            background-color: rgb(32, 83, 106);
            display: flex;
            align-items: center;
            padding: 0 30px;
            .icon{
                width: 27px;
                height: 26px;
            }
            .text{
                color: rgb(202, 252, 233);
                font-size: 18px;
            }
        }
    }
}
.warnCountv{
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}