.container {
    display: flex;
    align-items: center;
    min-width: 150px;
    cursor: pointer;

    .leftWrap {
        .icon {
            width: 52px;
            height: 52px;
        }

        .warnWarp {
            margin-top: -5px;
            width: 50px;
            height: 21px;
            border-radius: 10px;
            background-color: rgba(255, 70, 70, 0.502);
            display: flex;
            align-items: center;
            padding: 0 5px;

            .wic {
                width: 14.5px;
                height: 14.5px;
            }

            .count {
                color: rgb(255, 255, 255);
                font-size: 14px;
                font-family: DingTalk JinBuTi;

            }


        }
    }


    .descWarp {
        margin-left: 8px;
        width: 56%;

        .count {
            color: rgb(66, 203, 255);
            font-size: 26px;
            font-family: DingTalk JinBuTi;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            // width: 100%;
            // white-space: nowrap;
            // overflow: hidden;
            // text-overflow: ellipsis;
        }

        .count1 {
            color: rgb(43, 136, 172);
            font-size: 16px;
        }

        .name {
            width: 100%;
            color: rgb(202, 223, 252);
            font-size: 18px;
            font-weight: 800;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}