.dataPanal{
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    display: flex;
    .item{
        text-align: center;
        // width: 29.9%;
        position: relative;
        flex: 1;
        .num{
         
            font-size: 26px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            line-height: 26px;
            margin-top: 12px;
        }
        .percent{
            margin-top: 6px;
            font-size: 12px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            line-height: 17px;
            height: 20px;
            margin-bottom: 18px;
        }
        .subTitle{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            line-height: 20px;
            margin-bottom: 12px;
        }
        .type{
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #333333;
            line-height: 20px;
            span{
                color: rgba(153, 153, 153, 1);
            }
            .icon{
                color: rgba(204, 204, 204, 1);
                font-size: 16px;
                margin-right: 4px;
                position: relative;
                top: 1px;
            }
        }

        &:after{
            content: '';
            width: 0px;
            height: 40px;
            position: absolute;
            width: 1px;
            background-color: rgba(232, 232, 232, 1);
            top: 40px;
            right: 0px;
        }

        &:last-child{
            &:after{
               display: none;
            }
        }

    }
    .exstatus{
        width: 4px;
        height: 4px;
        background: rgb(35, 143, 255);
        display: inline-block;
        border-radius: 50%;
        position: relative;
        top: -4px;
    }
}