img{max-width: 100%;}
    
.Search {

    width: 100%;

}



.big-img {

    width: 100%;

    height: 13rem;

}



.big-img img {

    width: 100%;

    height: 100%;

}



.Search-ten {

    background-color: rgb(239 239 239);

    display: flex;

    justify-content: center;

    font-size: 0.6rem;

    padding: 1rem;

}



.Search-ten span {

    padding: 0 2rem;

}



.Search-center {

    width: 90%;

    margin: 0 auto;

}



.teacher-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.top-left {

    display: flex;

    align-items: center;

    padding: 2rem 0;



}



.top-left :first-child {

    display: block;

}



.top-left :nth-child(2) {

    color: #2A2B2F;

    font-size: 1rem;

    font-weight: 800;

    margin-left: 0.4rem;



}



.top-left :nth-child(3) {

    color: #2A2B2F;

    font-size: 0.7rem;

    font-weight: 600;

    margin-left: 0.4rem;

}



.atop {

    display: block;

    width: 1.5rem;

    height: 0.1rem;

    background-color: #F8B501;

    margin-top: 0.5rem;

}



.Search-Arts {

    display: flex;

    flex-wrap: wrap;

}



.Arts-works {

    width: 31.5%;

    margin-bottom: 0.9rem;

    margin-left:0.8rem;



}



.Art-img {

    width: 100%;
/* 
    height: 25rem; */

}



.Art-img img {

    width: 100%;

    height: 100%;

}



.Art-art {

    width: 90%;

    margin: 0 auto;

}



.Arts-works h4 {

  

    font-size: 0.6rem;

    padding: 0.6rem 0;

}



.Arts-works p {



    font-size: 0.5rem;

    line-height: 0.8rem;

    font-weight: 200;

}



.Arts-works span {

    font-weight: 600;

    font-size: 0.5rem;



}





.swiper-pagination-bullet {

    width: 20px;

    height: 20px;

    text-align: center;

    padding: 0.5rem 0.8rem;

    line-height: 20px;

    font-size: 18px;

    color: #000;

    opacity: 1;

    background: #fff;

}



.swiper-pagination-bullet-active {

    color: #fff;

    background: #FFD131;

}





/* 手机端 */

@media screen and (min-width:300px) and (max-width:500px) {
    .sc-m-title{
        display: none;
    }



    .big-img {

        height: 30rem ;

    }






    .t-dent {



        font-size: 3rem;
        margin-left: 5%;

    }

    .Search-ten{
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: end;
        padding: 3rem 0;
    }

    .Search-ten {

        padding: 3rem 0;

    }



    .Search-ten span {



        padding: 0 5rem;

    }



    .atop {

        width: 5rem;

        height: 0.7rem;

    }



    .top-left :nth-child(2) {

        font-size: 4rem;

    }



    .top-left :nth-child(3) {

        font-size: 3.5rem;

    }



    .Arts-works {

        width: 48%;

        margin-top: 2rem;

    }



    .Art-img {

        /* height: 240px; */

    }



    .Art-art h4 {

        font-size: 2.5rem !important;

        font-style: normal;

        line-height: 4rem;

    }



    .Art-art p {

        line-height: 3rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

        overflow: hidden;
        font-size:15px !important;

    }



}