.preschoolWrap {

    /* margin-top: 1rem; */
    position: relative;
    background: #eeeef0;
    padding: 20px 0 0 0;

}
.preschoolWrap > .banner-title {

    padding: 20 0px;

}



.preschoolImg {

    text-align: center;

}



.preschoolImg > img {

    display: inline-block;

    width: 5.8rem;

    height: 4.2rem;

    margin: 0 auto;

}



.fontBrief {

    text-align: center;

    position: relative;

}



.fontBrief .grayWord {

    margin-top: 0.47rem;

    line-height: 0.7rem;

    font-size: 0.7rem;

    color: #f0f0f0;

}



.fontBrief .grayWordEn {

    font-family: sans-serif;

    font-weight: bolder;

    font-size: 0.5rem;

    line-height: 0.5rem;

    color: #333;

    position: absolute;

    top: 0.29rem;

    left: 0;

    right: 0;

}



.fontBrief .grayBorder {

    margin-top: 0.6rem;

    display: inline-block;

    border: 0.03rem solid #999;

    width: 0.56rem;

    margin-bottom: 0.5rem;

}



.productInt {

    font-size: 16px;

    padding-left: 0.37rem;

    padding-right: 0.37rem;

    line-height: 30px;

    color: #666;

}





.knowBtn {

    text-align: center;

    margin-top: 0.6rem;

    margin-bottom: 1.3rem;

}



.knowBtn a {

    display: inline-block;

    border-radius: 27px;

    border: 0.1px solid #ebebeb;

    height: 0.56rem;

    padding: 0 0.3rem;

    text-align: center;

    background-color: #ebebeb;

}



.knowBtn a span {

    color: #3f7eff;

    line-height: 0.56rem;

    font-size: 0.3rem;

}



.courseImgWrap {

    /* margin-bottom: 1rem; */

    text-align: center;

}
.courseImgWrap >a:nth-child(1){

background: #f99b9c;

}
.courseImgWrap >a:nth-child(2){
    background: #d1bcff;


}
.courseImgWrap >a:nth-child(3){
    background: #f2bd91;

}
.img-container img{
    z-index: 3;
    position: relative;
}
.courseImgWrap > a > div{
    z-index: 4;
}
.img-container{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.img-container::after,.img-container::before{
    content: "";
    height: 0.5rem;
    width: 0.5rem;
    position: absolute;
    background: #fff;
    transform: translate(0,-50%);
    border-radius: 200px;
    top: 50%;;
    z-index: 1;
   
}
.img-container::after{
    right: -0.2rem;
}
.img-container::before{
    left: -0.2rem;
}




.courseImg {

    text-align: center;

    display: block;

    position: relative;
    padding: 0.3rem 0;

    /* margin-bottom: 0.39rem; */

}



.courseImg img {

    width: 100%;
    /* width: 6.7rem;

    height: 3.42rem; */

}



.courseImgWord {

   position: absolute;

   top: 50%;

   left: 50%;

   -webkit-transform: translate(-50%, -50%);

   -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

   -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.courseImgWord p {

    color: #fff;

    line-height: 0.34rem;

    margin-bottom: 0.26rem;

}



.courseImgWord span {

    display: inline-block;

    width: 0.58rem;

    border: 0.04rem solid white;

}