.defect3{

    left: 0;
    /*top:130px;*/
    /*width: 1440px;*/
    height: 720px;
    opacity: 1;
    position: relative;
    /*background: rgba(250, 250, 250, 1);*/
    background-blend-mode: multiply;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
    /*background-image: url("../assert/image/蒙版分组 2.png");*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 30px 0;
}

.context3{
    display: flex;
    width: 92%;
    align-items: center;
    justify-content: space-between;
    justify-items: center;
    flex-wrap: wrap;      /* 允许换行 */
    gap: 10px;
    opacity: 1;
    z-index: 3;
}
.context3 >div {
    flex: 0 0 calc(45% - 5px); /* 计算宽度，考虑间距 */
    box-sizing: border-box;    /* 包含边框和padding */
    min-height: 100px;
    background: #eee;
    left: 120px;
    top: 2804px;
    width: 580px;
    height: 80px;
    opacity: 1;
    border-radius: 4px;
    background: linear-gradient(50.4deg, rgba(255, 255, 255, 1) 50%, rgba(224, 254, 255, 1) 70%);
    box-shadow: 0px 2px 14px  rgba(216, 222, 230, 0.63);
}
.context3 >div> span{
    position: relative;
    left: 20px;
    width: 70%;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 21.6px;
    color: rgba(50, 54, 59, 1);
    text-align: left;
    height:auto;
    display: flex;
}

.icon-3-1{
    left: 3px;
    top: 0px;
    width: 37px;
    height: 36px;
    opacity: 1;
}
.icon-3-2{
    left: 3px;
    top: 0px;
    width: 31px;
    height: 30px;
    opacity: 1;
}
.icon-3-3{
    left: 3px;
    top: 0px;
    width: 41px;
    height: 40px;
    opacity: 1;
}
.icon-3-4{
    left: 3px;
    top: 0px;
    width: 34px;
    height: 33px;
    opacity: 1;
}
.contant3-1{
    height: 425px;
    width: 50%;
    opacity: 1;
    z-index: 3;
}
.context3-1{
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.image3{
    margin-top: 30px;
}

@media (max-width: 991px) {
    .defect3{

        height: auto;
    }
    .contant3-1 >hr{
        left: 0; border: rgba(35, 184, 188, 1) 3px  solid ;margin:0 30px 0;position: relative;

    }
    .contant3-1{
        height: 185px;
        width: 95%;
        display: block;
        align-items: center;
    }
    .context3{
        display: flex;
        width: 90%;
        align-items: center;
        justify-content: space-between;
        justify-items: center; /* 允许换行 */
        gap: 10px;
        opacity: 1;
        z-index: 3;
        margin-top: 10px;
    }
    .context3-1{
        height: auto;
    }
    .context3 >div {
        flex: 0 0 calc(100% - 5px); /* 计算宽度，考虑间距 */
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .contant3-1{
        height:220px;
    }

    .context3 >div> span{
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 21.6px;
    }
}
@media (max-width: 400px) {
    .contant3-1{
        height:250px;
    }
}
@media (max-width: 320px) {
    .contant3-1{
        height:300px;
    }
}
