.body-bg{
    background-image: url('../images/bg-body.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color:#F7FAFF;
}
.school-body-bg{
    background-color:#F7FAFF;
    justify-content: center;
}
.big-title{
    padding: 114px 0px;
}
.effect-content{
    padding: 0px 120px;
}
.effect-content img{
    max-width: 100%;
}
.effect-content .main-content{
    width: calc(50% - 34px);
}
.effect-content img.effect-icon{
    width: 68px;
}
.effect-content .compose-img{
    display: flex;
}

.effect-content .center-line{
    background-image: url("../images/border-line.svg");
    background-repeat:no-repeat;
    background-position: 33px 0px;
}
.effect-content .center-line.border-line-top{
    background-position: 33px 20px;
}
.compose-img{

}
.compose-img .work-line{
    margin-left: -48px;
    padding-top: 237px;
}
.compose-img .work-wrong{
    margin-left: -92px;
}
.bottom-content .right-content{
    padding-bottom: 180px;
}
.commit-box{
    text-align: center;
}
.commit-box .center-line{
    text-align: center;
    background-position: center;
}

.border-center{
    background-image: url("../fonts/border-line.svg");
    background-repeat:no-repeat;
    background-position: center;
    margin-top: -58px;
}
.commit-box{
    width: 1164px;
    margin: 0 auto;
    padding-bottom: 200px;
}
.commit-box .absolute-img img{
    width: 100%;
}
.commit-box .commit-work{
    top: 139px;
    right: 874px;
    width: 567px;
}
.commit-box .commit-class{
    top: 348px;
    left: 903px;
    width: 560px;
}
.commit-box .commit-question-btn{
    top: 532px;
    left: 809px;
    width: 106px;
}
.commit-box .commit-question{
    top: 575px;
    right: 298px;
    width: 964px;
}
.commit-box .absolute-border{
    bottom:28px;
    height: 240px;
    width: 2px;
    left: 581px;
    background-image: url("../fonts/border-line.svg");
    background-repeat:no-repeat;
    background-position: center;
}
.effect-content .wrong-img{
    width: calc(50% + 100px);
    padding-bottom: 150px;
}
.effect-content .wrong-img img{
    width: 820px;
}
.effect-content .wrong-content{
    width: calc(50% - 100px);
}
.effect-content .wrong-content img{
    width: 409px;
}
.school-body-bg .effect-content{
    padding-top: 150px;
}
.school-body-bg .effect-content.school-book{
    padding-top: 100px;
}
.school-book .school-content{
    display: flex;
    justify-content: end;
}
/*.school-content img{*/
/*    width: 425px;*/
/*}*/
/*.school-content .school-down{*/
/*    padding-top: 50px;*/
/*}*/
/*.school-img img{*/
/*    width: 878px;*/
/*}*/

.school-content-box{
    text-align: right;
}
.school-img-box{
    text-align: left;
}
.school-body-content{
}
.school-body-content img{
    max-width: 100%;
    height: auto;
}

/*.school-work .school-content img{*/
/*    width: 393px;*/
/*}*/
/*.school-work .school-img img{*/
/*    width: 892px;*/
/*}*/
/*.school-exam .school-content img{*/
/*    width: 378px;*/
/*}*/
/*.school-exam .school-img img{*/
/*    width: 935px;*/
/*}*/
/*.school-commit .school-content img{*/
/*    width: 360px;*/
/*}*/
/*.school-commit .school-img img{*/
/*    width: 995px;*/
/*}*/
/*.school-wrong .school-content img{*/
/*    width: 341px;*/
/*}*/
/*.school-wrong .school-img img{*/
/*    width: 900px;*/
/*}*/
/*.school-content .school-down img{*/
/*    width: 120px;*/
/*}*/
.school-foot{
    padding-top: 100px;
}
@media (min-width: 1025px) and (max-width: 1440px)  {
    .effect-content{
        padding:0px 50px;
    }
    .compose-img .work-line{
        margin-left: -43px;
        padding-top: 160px;
    }
    .compose-img .work-line img{
        width: 190px !important;
    }
    .compose-img .work-wrong{
        margin-left: -70px;
    }
    .home-read .left-content img{
        width: 300px !important;
    }
    .commit-box{
        width: 800px !important;
    }
    .commit-box .commit-work {
        top: 90px;
        right: 599px;
        width: 417px;
    }
    .commit-box .commit-class{
        top: 229px;
        left: 623px;
        width: 400px;
    }
    .commit-box .commit-question-btn{
        top: 305px;
        left: 562px;
        width: 86px;
    }
    .commit-box .commit-question{
        top: 341px;
        right: 195px;
        width: 794px;
    }
    .commit-box .absolute-border{
        bottom: 9px;
        height: 240px;
        width: 2px;
        left: 400px;
    }
    .effect-content .wrong-img{
        width: calc(50% + 60px);
    }
    .effect-content .wrong-img img{
        width: 602px;
    }
    .effect-content .wrong-content{
        width: calc(50% - 60px);
    }
    .effect-content .wrong-content img{
        width: 320px;
    }



    /* .school-content img{*/
    /*    width: 325px;*/
    /*}*/
    /* .school-img img{*/
    /*    width: 818px;*/
    /*}*/
    /*.school-work .school-content img{*/
    /*    width: 323px;*/
    /*}*/
    /*.school-work .school-img img{*/
    /*    width: 822px;*/
    /*}*/
    /*.school-exam .school-content img{*/
    /*    width: 328px;*/
    /*}*/
    /*.school-exam .school-img img{*/
    /*    width: 855px;*/
    /*}*/
    /*.school-commit .school-content img{*/
    /*    width: 300px;*/
    /*}*/
    /*.school-commit .school-img img{*/
    /*    width: 925px;*/
    /*}*/
    /*.school-wrong .school-content img{*/
    /*    width: 281px;*/
    /*}*/
    /*.school-wrong .school-img img{*/
    /*    width: 810px;*/
    /*}*/
    /*.school-content .school-down img{*/
    /*    width: 80px;*/
    /*}*/
}
@media (min-width: 1440px) and (max-width: 1680px)  {
    .effect-content{
        padding:0px 70px;
    }
    .compose-img .work-line{
        margin-left: -43px;
        padding-top: 191px;
    }
    .compose-img .work-line img{
        width: 190px !important;
    }
    .compose-img .work-wrong{
        margin-left: -80px;
    }
    .home-read .left-content img{
        width: 320px !important;
    }
    .commit-box{
        width: 950px !important;
    }
    .commit-box .commit-work {
        top: 120px;
        right: 711px;
        width: 457px;
    }
    .commit-box .commit-class{
        top: 273px;
        left: 737px;
        width: 443px;
    }
    .commit-box .commit-question-btn{
        top: 365px;
        left: 670px;
        width: 90px;
    }
    .commit-box .commit-question{
        top: 405px;
        right: 236px;
        width: 914px;
    }
    .commit-box .absolute-border{
        bottom: 9px;
        height: 240px;
        width: 2px;
        left: 475px;
    }
    .effect-content .wrong-img{
        width: calc(50%);
        text-align: right;
        padding-right:40px;
    }
    .effect-content .wrong-img img{
        width: 602px;
    }
    .effect-content .wrong-content{
        width: calc(50%);
        padding-left:40px;
    }
    .effect-content .wrong-content img{
        width: 320px;
    }


    /*.school-content img{*/
    /*    width: 345px;*/
    /*}*/
    /*.school-img img{*/
    /*    width: 858px;*/
    /*}*/
    /*.school-work .school-content img{*/
    /*    width: 313px;*/
    /*}*/
    /*.school-work .school-img img{*/
    /*    width: 852px;*/
    /*}*/
    /*.school-exam .school-content img{*/
    /*    width: 348px;*/
    /*}*/
    /*.school-exam .school-img img{*/
    /*    width: 855px;*/
    /*}*/
    /*.school-commit .school-content img{*/
    /*    width: 320px;*/
    /*}*/
    /*.school-commit .school-img img{*/
    /*    width: 955px;*/
    /*}*/
    /*.school-wrong .school-content img{*/
    /*    width: 301px;*/
    /*}*/
    /*.school-wrong .school-img img{*/
    /*    width: 860px;*/
    /*}*/
    /*.school-content .school-down img{*/
    /*    width: 90px;*/
    /*}*/
}