.smart-plan{
    margin-top: 64px;
    margin-bottom: 348px;
}
.smart-plan-text{
    flex-wrap: wrap;
}
.smart-plan-text img{
    width: 532px;
    height: 80px;
}
.smart-plan-text p{
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 31px;
    color: #999999;
}
.imgs-wrap{
    margin-top: 312px;
}
.smart-plan-imgs{
    position: relative;
}
.bg,.span-text{
    position: absolute;
}
.pic1{
    top: 180px;
    left: -200px;
    width: 339.75px;
    height: 212.21px;
}
.text1{
    top:-140px;
    left: -150px;

}
.pic2{
    top: 290px;
    left: -30px;
    width: 345.03px;
    height: 214.86px;
}
.text2{
    top: -35px;
    left: 20px;

}
.pic3{
    top: 270px;
    left: 320px;
    width: 356.07px;
    height: 241.08px;
}
.text3{
    top: -50px;
    left: 350px;

}
.pic4{
    top:105px;
    left: 570px;
    width: 360.54px;
    height: 212.08px;
}
.text4{
    top:-215px;
    left: 600px;
}
.pic5{
    top:-50px;
    left: 480px;
    width: 338.92px;
    height: 216.42px;
}
.text5{
    top: -400px;
    left: 530px;
}
.pic6{
    top:-170px;
    left:300px;
    width: 313.06px;
    height: 233.31px;
}
.text6{
    top: -480px;
    left: 320px;
}
.pic7{
    top: -160px;
    left: -20px;
    width: 309.57px;
    height: 238.31px;
}
.text7{
    top:-460px;
    left: 0px;
}
.pic8{
    top:-5px;
    left: -250px;
    width: 329.35px;
    height: 228.08px;
}
.text8{
    top: -335px;
    left: -220px;
}
.span-text{
    width: 294px;
    height: 322px;
    border-radius: 3.2px;
    box-shadow: 0px 11.9837px 55.9239px rgba(17, 69, 133, 0.1);
    transition: all 0.1s;
    display: none;
    opacity: 0;
    z-index: 1;
}
.text-wrap{
    width: 100%;
    height: 100%;
    position: relative;
} 
.span-text .img1{
    width: 294px;
    height: 178px;
}
.span-text .img2{
    width: 294px;
    height: 332px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.text-content{
    padding: 0 19.17px;
}
.text-content h4{
    margin-top: 23.3px;
    font-size: 18px;
    line-height: 25px;
    color: #000000D9;
}
.text-content p{
    font-size: 14px;
    line-height: 20px;
    color: #00000073;
}
.smart-mask{
    position: absolute;
    width: 100%;
    height: 800px;
    background: red;
    top: 0;
    left: 0;
}
.layer-location{
    position: absolute;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);

}
.smart-top{
    top: -600px;
}
.smart-bottom{
    top: -400px;
}