.container {
    height: 194px;
    border-radius: 20px;
    // background: linear-gradient(to right, rgba(19, 84, 255, 0.1), rgba(23, 255, 149, 0));
    background-color: rgba(19, 84, 255, 0.1);
    display: flex;

    .cqi {
        height: 100%;
        width: 20%;


        .tag {
            background-color: rgba(62, 146, 199, 0.401);
            width: 163px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 17px 0px 25.5px 0px;
            color: rgb(255, 255, 255);
            font-size: 30px;
            font-family: DingTalk JinBuTi;

        }

        .warp {
            display: flex;
            padding-left: 19px;
            padding-top: 20px;

            .textWarp {
                font-family: DingTalk JinBuTi;
                width: 60px;
                font-size: 24px;
                color: rgb(189, 206, 233);

            }

            .cqiWarp {
                margin-left: 21px;

                .count {
                    color: rgb(87, 239, 88);
                    font-size: 50px;
                    font-family: DingTalk JinBuTi;
                }

                .status {
                    font-family: D-DIN;
                    color: rgb(255, 255, 255);
                    font-size: 18px;
                }
            }
        }
    }

    .lineChartsWarp {
        margin-left: 20px;
        padding-top: 20px;
    }

    .progress {
        margin-left: 50px;
        padding-top: 20px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .warningWarp{
        display: flex;
        align-items: center;
        font-family: DingTalk JinBuTi;
        width: 20%;
        justify-content: space-between;
        .warnItem{
           .count{
           
            color: rgb(227, 80, 80);
            font-size: 22px;
           }
           .label{
            margin-top: 9px;
           color:rgb(202, 223, 252);
           }
        }
    }
}