html body {
    padding: 0rem;
    margin: 0rem;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;

}

html::-webkit-scrollbar {
    width: 0 !important
}
body::-webkit-scrollbar {
    width: 0 !important
}
@-ms-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/*去除轮播图两边阴影*/
.carousel-control {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%) !important;
}

.container {
    width: 100%;
    margin: 0 auto;
    height: 1200px;
    background-color: rgba(255, 0, 0, 0.103);
    font-size: 0.18rem;
}

/*去除表单的蓝光*/
/* .form-control{
    border-radius: 0px;
    border: 0.02rem solid #FFE002;
    box-shadow:none;
}*/
/*改变表单的蓝光*/
.form-control:focus {
    border-color: #FFE002;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*去除栅格布局的中间间距*/
.row .rowcen {
    padding: 0rem;
}

.row {
    padding: 0rem !important;
    margin: 0rem !important;
}

.Product {
    font-family: Source Han Sans SC;
    font-weight: bold;
}

.Product_bg {
    font-size: 0.75rem;
    color: #EAEAEA;
    padding-top: 0.9rem;

}

.Product_introduce {
    font-size: 0.5rem;
    color: #000000;
    top: -0.55rem;
}

.Product_content {
    font-size: 0.22rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    line-height: 0.5rem;
    margin-top: -0.3rem;
}


.Product_img {
    /* margin-top: 0.42rem; */
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 1.2rem;
}

.Product_img .Product_imgshow {
    max-width: 100%;
    margin-top: 0.57rem;
}







.DoWeDo_bg {
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #EAEAEA;
    opacity: 0.4;
}

.DoWeDo .DoWeDo_introduce {
    color: #FFE002 !important;
}


.headlogo {
    max-width: 100%;
    height: auto;
    position: absolute;
}

.nav>li>a {
    padding: 0.36rem 0.15rem;
    font-size: 0.18rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #000000 !important;
}

.Product_img {
    margin-top: 0.42;
}

.AppletImgshow {
    max-width: 100%;
    height: auto;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    margin-top: 0.42rem;
}

/*小程序图片展示*/
.AppletsImg {
    position: relative;
    left: -3rem;
}

.Applets_img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 0.5rem;
}

.Applets_imgs {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 10.5em;
    left: 0.5rem;
}

.appletsjieli_hen {
    width: 4.8rem;
    height: 0.11rem;
    display: inline-block;
    position: absolute;
    left: 4rem;
    top: 4rem;
    background: #FFE002;
    border-radius: 0.06rem;
}

.appletsjieli_hen div {
    width: 0.24rem;
    height: 0.24rem;
    background-color: #FFE002;
    border-radius: 50%;
    margin-top: -0.05rem;
}

.appletsjieli {
    display: inline-block;
    width: 4.18rem;
    height: 0.8rem;
    background: #FFE002;
    border-radius: 0.1rem;
    position: absolute;
    left: 8.5rem;
    top: 3.6rem;
    font-size: 0.3rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    line-height: 0.8rem;
    text-align: center;
}

.appletsshuxue_hen {
    width: 4.2rem;
    height: 0.11rem;
    display: inline-block;
    position: absolute;
    left: 7rem;
    top: 5rem;
    background: #FFE002;
    border-radius: 0.06rem;
}

.appletsshuxue_hen div {
    width: 0.24rem;
    height: 0.24rem;
    background-color: #FFE002;
    border-radius: 50%;
    margin-top: -0.05rem;
}

.appletsshuxue {
    display: inline-block;
    width: 4.18rem;
    height: 0.8rem;
    background: #FFE002;
    border-radius: 0.1rem;
    position: absolute;
    left: 9rem;
    top: 4.6rem;
    font-size: 0.3rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    line-height: 0.8rem;
    text-align: center;
}

.appletscon {
    /* text-align: right;  */
    /* position: absolute; */
    /* left: 80%; */
    font-size: 0.3rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    line-height: 0.49rem;
    text-align: right;
    padding-right: 3rem;
}

.DoWeDoList_wenzi {
    display: inline-block;
}

.DoWeDoList_wenzi img {
    max-width: 100%;
    height: auto;
    padding-left: 0.2rem;
    padding-right: 0.3rem;
}

.DoWeDoList_wenzihuanh {
    display: inline-flex;
    width: 4rem;
}

.DoWeDoList_is {
    display: inline;
    width: 2rem;
}

/* 
.DoWeDoList_img {
    max-width: 100%;
    height: auto;
} */




.CourseLists {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem 3rem 0.9em 3rem;
    /* text-align: center; */
}

.Course_List {
    display: inline-block;
    /* flex: a%; */
    margin: 0.3rem;
    /* padding: 0.3rem; */
    text-align: left;
    background: #EEEDED;
    width: 3.5rem;
    height: 4.1rem;
    /* overflow:hidden */
}

.Course .Course_List .Course_price {
    font-size: 0.5rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFE002;
    /* line-height: 1.1rem; */
    padding-top: 0.2rem;
}

.Course .Course_List .Course_title {
    font-size: 0.29rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    /* line-height: 0.37rem; */
}

.Course .Course_List .Course_content {
    font-size: 0.18rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    /* line-height: 0.28rem; */
    padding-top: 0.2rem;
    height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.Course .Course_List .Course_stu {
    font-size: 0.18rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    /* line-height: 0.28rem; */
    padding-top: 0.2rem;

}

.Course .Course_List .Course_stu span:nth-child(1) {
    font-weight: bold;
}

.Course .Course_List .Course_stu span:nth-child(2) {
    font-weight: 500;
}



.Course .Course_List .Course_price span:nth-child(2) {
    font-size: 0.31rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #D1D0D0;
    line-height: 0.68rem;
}

.Course .Course_List .Course_btn {
    font-size: 0.28rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFE002;
    padding-top: 0.2rem;
}

.Course .Course_List .Course_btn button {
    width: 100%;
    background: #EEEDED;
    border: 0.01rem solid #FFE002;
    padding: 0.15rem 0.9rem;
}

.Course_List .Course_coad {
    text-align: center;
    background: #FFE002;
    cursor: pointer;
}

.Course_List .Course_coad .Course_imgbox {
    width: 100%;
    height: 60%;
    padding-top: 0.2rem;
    height: 3.1rem;
}

.Course_List .Course_coad .Course_text {

    font-size: 0.26rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    line-height: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
}

.means {
    text-align: center;

    /* position: absolute; */
    padding: 0rem 0rem 0.5rem 0rem;
}

.means img {
    text-align: center;
    max-width: 100%;
    height: auto;
    /* position: absolute; */
    /* padding: 0rem 0rem 0.5rem 0rem; */
}

.meansList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 3rem 0.9em 3rem;
    /* text-align: center; */
}

.bookbox {
    padding-left: 0.8rem;
}

.bookbotton {
    /* width: 3.1rem; */
    height: 1.2rem;
    background: #EEEDED;
    box-shadow: 0px 13px 7px 0px rgba(0, 0, 0, 0.35);
}

.bookimgs {
    position: relative;
    z-index: 6666;
}

.bookb {
    padding-top: 0.1rem;
}

.bookbotton {
    position: relative;
    font-size: 0.22rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    text-align: left;
    padding-left: 0.3rem;
    position: relative;
    top: -0.4rem;
}

.bookbotton .booktitle {
    color: #000000;
    padding-top: 0.4rem;
}

.bookbotton .bookpric {
    color: #FFE002;
}

.bookbotton .bookhui {
    font-size: 0.14rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #D1D0D0;
}


.bookbotton .bookbtn {
    background: #EEEDED;
    font-size: 0.17rem;
    font-weight: 400;
    color: #FFE002;
    padding-left: 0.5rem;
    padding-right: 0.2rem;
}

.bookbotton .bookbtns {
    background: #EEEDED;
    border: 2px solid #FFE002;
}

.bookbotton .bookpric {
    color: #FFE002;
}

.bookbotton .bookhui2 {
    padding-left: 0.2rem;
}

/* .meanstt{
    margin-top: 0.9rem;
} */
.meansttbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem 1rem 0.9em 1rem;
}

.meansttbox div {
    display: inline-block;
}

.meanstList {
    font-size: 0.22rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    line-height: 0.46rem;
    padding-left: 0.96rem;
}

.meansList ul li {
    text-align: left;

}

.bottomList {
    background: #000000;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;

}

.bottom_logo {
    border-right: 1px solid white;
    /* display: flex; */
    padding-right: 0.45rem;
    padding-left: 0.45rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom_logos {
    max-width: 100%;
    height: auto;

}

.bottom_wenzi {
    font-size: 0.18rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #EAEAEA;
    line-height: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 3rem;

}

.bottom_card {
    text-align: center;
    font-size: 0.16rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #EAEAEA;
    line-height: 0.5rem;
    padding-bottom: 0.2rem;

}

.bottom .bottom_wenzi .contus {
    font-size: 0.14rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #EAEAEA;
    line-height: 0.5rem;
}

.bottom .bottom_wenzi .contuswenzi {
    padding-left: 0.14rem;
}

.bottoms {
    border-top: 1px solid #949494;

    /* background: #949494; */
    background: #000000;
}

.bottoms .bottomswenzi {
    text-align: center;
    font-size: 0.16rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #EAEAEA;
    line-height: 0.5rem;

}

.nav-tabs {
    border: 0rem;
}

.box {}

.row {
    text-align: center;

}

.Product {
    text-align: center;
    /* margin-top: 0.9rem; */
}

.Applets {
    /* text-align: center; */
}

/* .Applets div:nth-child(1) {
    text-align: center;
}

.Applets div:nth-child(2) {
    text-align: center;
} */

/* .Applets .Applets_content div{
    text-align: left;
    line-height: 0.4rem;
} */
.Product_introduce {
    position: relative;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.Product_introduce .Product_imgshow {
    max-width: 100%;
    margin-top: 0.57rem;
}

.DoWeDo {
    padding-top: 1.59rem;
}

.DoWeDoList {
    background: #FFE002;
    padding-top: 0.44rem;
    padding-bottom: 0.53rem;
}

.DoWeDoList_wenzi div {
    /* display: inline-block; */
    /* margin-top: 0.57rem; */
}

.DoWeDoList_wenzi div:nth-child(2) {
    margin-top: 0.57rem;
}

.DoWeDoList_wenzi:nth-child(2) div {
    margin-top: 0.57rem;
}

.DoWeDoList_title {
    writing-mode: vertical-lr;
    vertical-align: middle;
}

.DoWeDo_content {
    color: #FFFFFE;
}

.DoWeDoList_wenzi {
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
}

.DoWeDoList_wenzi div {
    width: 6rem;
    text-align: left;
}

.DoWeDoList_title {
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    font-size: 0.3rem;
    line-height: 0.36rem;
}

.DoWeDoList_wenzis {
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #000000;
    font-size: 0.22rem;
    /* line-height: 0.46rem; */
    /* padding-left: 0.28rem; */
    /* display: inline-flex;
    width: 4rem;
     */
}

/* .flexd{
    position: relative;
    top: 0rem;
    width: 3rem;
    left: 0.1rem;
} */
.DoWeDoList_wenzi img:nth-child(1) {
    max-width: 100%;
    height: auto;

}

.Course {
    text-align: center;
}

.Course_Listimg {
    display: inline-block;
    padding: 0rem;

}

/*媒体查询：注意and后面空格的添加*/
/*超大屏幕 w>1200 && w<1600*/
@media only screen and (max-width:1800px) {

    .CourseLists {
        padding: 1rem 0.5rem 0.9em 0.5rem;
    }

    /*小程序图片展示*/
    .AppletsImg {
        position: relative;
        left: -2.5rem;
    }

    .Applets_img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 0.5rem;
    }

    .Applets_imgs {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 10.5em;
        left: 0.5rem;
    }

    .appletsjieli_hen {
        width: 4.8rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 3.5rem;
        top: 4rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsjieli_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsjieli {
        display: inline-block;
        width: 4.18rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 8rem;
        top: 3.6rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletsshuxue_hen {
        width: 4.2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 7rem;
        top: 5rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsshuxue_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsshuxue {
        display: inline-block;
        width: 4.18rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 9rem;
        top: 4.6rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletscon {
        /* text-align: right;  */
        /* position: absolute; */
        /* left: 80%; */
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.49rem;
        text-align: right;
        padding-right: 3rem;
    }


}

@media only screen and (max-width:1600px) {

    /*小程序图片展示*/
    .AppletsImg {
        position: relative;
        left: -2.5rem;
    }

    .Applets_img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 0.5rem;
    }

    .Applets_imgs {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 10.5em;
        left: 0.5rem;
    }

    .appletsjieli_hen {
        width: 4.8rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 4rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsjieli_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsjieli {
        display: inline-block;
        width: 4.18rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 6.5rem;
        top: 3.6rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletsshuxue_hen {
        width: 4.2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 5rem;
        top: 5rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsshuxue_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsshuxue {
        display: inline-block;
        width: 4.18rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 7rem;
        top: 4.6rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletscon {
        /* text-align: right;  */
        /* position: absolute; */
        /* left: 80%; */
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.49rem;
        text-align: right;
        padding-right: 1rem;
    }


    /*书籍列表*/
    .meansList {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 1rem 0.5rem 0.9em 0.5rem;
        /* text-align: center; */
    }

    .DoWeDo .DoWeDo_introduce {
        color: #FFE002 !important;
    }

    .bookbox {
        padding-left: 0.8rem;
    }

    .bookbotton {
        /* width: 2.8rem; */
        height: 1.2rem;
        background: #EEEDED;
        box-shadow: 0px 13px 7px 0px rgba(0, 0, 0, 0.35);
    }

    .bookimgs {
        position: relative;
        z-index: 6666;
    }

    .bookb {
        padding-top: 0.1rem;
    }

    .bookbotton {
        position: relative;
        font-size: 0.2rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        text-align: left;
        padding-left: 0.rem;
        position: relative;
        top: -0.4rem;
    }

    .bookbotton .booktitle {
        color: #000000;
        padding-top: 0.4rem;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui {
        font-size: 0.14rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #D1D0D0;
    }


    .bookbotton .bookbtn {
        background: #EEEDED;
        font-size: 0.17rem;
        font-weight: 400;
        color: #FFE002;
        padding-left: 0.5rem;
        padding-right: 0.2rem;
    }

    .bookbotton .bookbtns {
        background: #EEEDED;
        border: 2px solid #FFE002;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui2 {
        padding-left: 0.2rem;
    }


}

/*中等屏幕   w >= 992  && w<1200*/
@media screen and (max-width: 1200px) and (min-width: 992px) {
    .container-fluid {
        /* width: 970px; */
        /* background-color: #ec9fec; */
        font-size: 0.16rem;
    }

    .DoWeDo .DoWeDo_introduce {
        color: #FFE002 !important;
    }

    .Product_bg {
        font-size: 0.55rem;
    }

    .Product_introduce {
        font-size: 0.4rem;
        top: -0.4rem;
    }


    /*小程序图片展示*/
    .AppletsImg {
        position: relative;
        left: -1.5rem;
    }

    .Applets_img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 0.5rem;
    }

    .Applets_imgs {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 10.5em;
        left: 0rem;
    }

    .appletsjieli_hen {
        width: 4rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 3.5rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsjieli_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsjieli {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 4.5rem;
        top: 3.2rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletsshuxue_hen {
        width: 4rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 5rem;
        top: 5rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsshuxue_hen div {
        width: 0.24rem;
        height: 0.24rem;
        background-color: #FFE002;
        border-radius: 50%;
        margin-top: -0.05rem;
    }

    .appletsshuxue {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 6.3rem;
        top: 4.6rem;
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletscon {
        /* text-align: right;  */
        /* position: absolute; */
        /* left: 80%; */
        font-size: 0.3rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.49rem;
        text-align: right;
        padding-right: 0rem;
    }



    .headlogo {
        max-width: 28%;
        height: auto;
        position: absolute;
    }

    .nav>li>a {
        padding: 0.24rem 0.15rem;
        font-size: 0.16rem;
        font-family: PingFang SC;
        font-weight: 800;
        color: #000000 !important;
    }

    .AppletImgshow {
        max-width: 20%;
        height: auto;
    }

    .meansList {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 1rem 1rem 0.9em 1rem;
        /* text-align: center; */
    }

    /*最下面*/
    .meansttbox {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 1rem 0rem 0rem 0rem;
    }

    .meanstt img {
        max-width: 80%;
        height: auto;
    }

    .meanstList {
        padding-left: 0.2rem;
    }

    .bottom_wenzi {
        padding-right: 1.5rem;
    }


}

/*pad: w >= 768  && w< 992*/
@media screen and (max-width: 992px) and (min-width: 768px) {
    .container-fluid {
        /* background-color: skyblue; */
        font-size: 0.14rem;
    }

    .Product_bg {
        font-size: 0.55rem;
        color: #EAEAEA;
        padding-top: 0.9rem;

    }

    .Product_introduce {
        font-size: 0.4rem;
        color: #000000;
        top: -0.55rem;
    }

    .Product_content {
        font-size: 0.22rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #999999;
        line-height: 0.5rem;
        margin-top: -0.3rem;
    }

    .Product_img {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .Product_img .Product_imgshow {
        max-width: 100%;
        margin-top: 0.57rem;
    }

    .AppletImgshow {
        max-width: 100%;
        height: auto;
        margin-left: 0.15rem;
        margin-right: 0.15rem;
        margin-top: 0.42rem;
    }

    /*学习小程序*/
    .AppletsImg {
        position: relative;
        left: -1.5rem;
    }

    .Applets_img {
        max-width: 50%;
        height: auto;
        display: block;
        position: relative;
        top: 0.5rem;
        left: 1.8rem;

    }

    .Applets_imgs {
        max-width: 50%;
        height: auto;
        display: block;
        position: relative;
        top: 0.5rem;
        left: 1.8rem;
    }

    .appletsjieli_hen {
        width: 2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 7rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsjieli {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 3.5rem;
        top: 6.7rem;
        font-size: 0.25rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletsshuxue_hen {
        width: 2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 12rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsshuxue {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 3.5rem;
        top: 11.6rem;
        font-size: 0.25rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletscon {
        text-align: right;
        /* position: relative;
        left: 30%; */
        font-size: 0.2rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.49rem;
    }

    .DoWeDo .DoWeDo_introduce {
        color: #FFE002 !important;
    }




    .means img {
        text-align: center;
        max-width: 80%;
        height: auto;
        /* position: absolute; */
        /* padding: 0rem 0rem 0.5rem 0rem; */
    }

    .meansList {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 1rem 0rem 0.9em 0rem;
        /* text-align: center; */
    }

    .bookbox {
        padding-left: 0.8rem;
    }

    .bookbotton {
        /* width: 2.6rem; */
        height: 1.2rem;
        background: #EEEDED;
        box-shadow: 0px 13px 7px 0px rgba(0, 0, 0, 0.35);
    }

    .bookimgs {
        position: relative;
        z-index: 6666;
    }

    .bookb {
        padding-top: 0.1rem;
    }

    .bookbotton {
        position: relative;
        font-size: 0.18rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        text-align: left;
        padding-left: 0.3rem;
        position: relative;
        top: -0.4rem;
    }

    .bookbotton .booktitle {
        color: #000000;
        padding-top: 0.4rem;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui {
        font-size: 0.14rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #D1D0D0;
    }


    .bookbotton .bookbtn {
        background: #EEEDED;
        font-size: 0.15rem;
        font-weight: 400;
        color: #FFE002;
        padding-left: 0.1rem;
        padding-right: 0.2rem;
    }

    .bookbotton .bookbtns {
        background: #EEEDED;
        border: 2px solid #FFE002;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui2 {
        padding-left: 0.2rem;
    }


    /*最下面*/
    .meansttbox {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 1rem 0rem 0rem 0rem;
    }

    .meanstt img {
        max-width: 100%;
        height: auto;
    }

    .meanstList {
        /* padding-left: 0.2rem; */
        padding-top: 0.5rem;

    }

    .Product_content {
        font-size: 0.18rem;
    }

    .bottom_wenzi {
        font-size: 0.22rem;
        padding-right: 1.5rem;
    }

    /*課程*/
    .CourseLists {
        padding: 1rem 0rem 0.9em 0rem;
    }

    .Course_List {
        margin: 0.3rem;
        text-align: left;
        width: 3rem;
        height: 4.1rem;
    }

    .Course .Course_List .Course_title {
        font-size: 0.25rem;
    }

    .Course .Course_List .Course_content {
        font-size: 0.15rem;
    }

    .Course .Course_List .Course_price {
        font-size: 0.5rem;
        padding-top: 0.15rem;
    }

    .Course .Course_List .Course_btn {
        font-size: 0.2rem;
        padding-top: 0.1rem;
    }


    .Course_Listimg img {
        width: 3rem;
        height: 4.1rem;
    }

    .headlogo {
        max-width: 40%;
        height: auto;
        position: absolute;
    }

    .nav>li>a {
        padding: 0.1rem 0.15rem;
        font-size: 0.10rem;
        font-family: PingFang SC;
        font-weight: 800;
        color: #000000 !important;
        line-height: 0.37rem;
    }




}

/*iphone: w < 768px*/
@media screen and (max-width: 768px) {
    .container-fluid {
        font-size: 0.12rem;
    }

    .Product_bg {
        font-size: 0.55rem;
        color: #EAEAEA;
        padding-top: 0.9rem;

    }

    .Product_introduce {
        font-size: 0.4rem;
        color: #000000;
        top: -0.55rem;
    }

    .Product_content {
        font-size: 0.22rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #999999;
        line-height: 0.5rem;
        margin-top: -0.3rem;
    }

    .Product_img {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .Product_img .Product_imgshow {
        max-width: 40%;
        margin-top: 0.57rem;
    }

    /*学习小程序*/
    .AppletsImg {
        position: relative;
        left: -1.5rem;
    }

    .Applets_img {
        max-width: 50%;
        height: auto;
        display: block;
        position: relative;
        top: 0.5rem;
        left: 1.8rem;

    }

    .Applets_imgs {
        max-width: 50%;
        height: auto;
        display: block;
        position: relative;
        top: 0.5rem;
        left: 1.8rem;
    }

    .appletsjieli_hen {
        width: 2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 7rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsjieli {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 3.5rem;
        top: 6.7rem;
        font-size: 0.25rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletsshuxue_hen {
        width: 2rem;
        height: 0.11rem;
        display: inline-block;
        position: absolute;
        left: 2rem;
        top: 12rem;
        background: #FFE002;
        border-radius: 0.06rem;
    }

    .appletsshuxue {
        display: inline-block;
        width: 3rem;
        height: 0.8rem;
        background: #FFE002;
        border-radius: 0.1rem;
        position: absolute;
        left: 3.5rem;
        top: 11.6rem;
        font-size: 0.25rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.8rem;
        text-align: center;
    }

    .appletscon {
        text-align: right;
        font-size: 0.2rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000000;
        line-height: 0.49rem;
    }


    .DoWeDo .DoWeDo_introduce {
        color: #FFE002 !important;
    }



    .DoWeDoList_wenzi div:nth-child(2) {
        margin-top: 0.57rem;
    }

    .DoWeDoList_img {
        max-width: 100%;
        height: auto;
        display: inline-block;
    }

    .headlogo {
        max-width: 100%;
        height: auto;
        position: relative;
    }

    .row .heads {
        display: none;
    }

    .nav>li>a {
        padding: 0.24rem 0.2rem;
        font-size: 0.18rem;
        font-family: PingFang SC;
        font-weight: 800;
        color: #000000 !important;
        line-height: 0.37rem;
    }

    .AppletImgshow {
        max-width: 50%;
        height: auto;
    }

    /* .DoWeDoList_wenzi img {
        max-width: 50%;
        height: auto;
        padding-left: 0.18rem;
    } */






    /*最下面*/
    .meansttbox {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 1rem 0rem 0rem 0rem;
    }

    .meanstt img {
        max-width: 100%;
        height: auto;
    }

    .meanstList {
        /* padding-left: 0.2rem; */
        padding-top: 0.5rem;

    }

    .Product_content {
        font-size: 0.18rem;
    }

    .bottom_wenzi {
        font-size: 0.22rem;
        padding-right: 1.5rem;
    }

    /*书本列表*/
    .means {
        text-align: center;

        /* position: absolute; */
        padding: 0rem 0rem 0.5rem 0rem;
    }

    .means img {
        text-align: center;
        max-width: 100%;
        height: auto;
        /* position: absolute; */
        /* padding: 0rem 0rem 0.5rem 0rem; */
    }

    .meansList {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        /* padding: 1rem 3rem 0.9em 3rem; */
        /* text-align: center; */
    }

    .bookbox {
        padding-left: 0.8rem;
    }

    .bookbotton {
        /* width: 4rem; */
        height: auto;
        background: #EEEDED;
        box-shadow: 0px 13px 7px 0px rgba(0, 0, 0, 0.35);
        padding-bottom: 0.2rem;
    }

    .bookimgs {
        position: relative;
        z-index: 6666;
    }

    .bookb {
        padding-top: 0.1rem;

    }

    .bookbotton {
        position: relative;
        font-size: 0.22rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        text-align: left;
        padding-left: 0.2rem;
        position: relative;
        top: -0.4rem;
    }

    .bookbotton .booktitle {
        color: #000000;
        padding-top: 0.4rem;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui {
        font-size: 0.14rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #D1D0D0;
    }


    .bookbotton .bookbtn {
        background: #EEEDED;
        font-size: 0.17rem;
        font-weight: 400;
        color: #FFE002;
        padding-left: 0.5rem;
        padding-right: 0.2rem;
    }

    .bookbotton .bookbtns {
        background: #EEEDED;
        border: 2px solid #FFE002;
    }

    .bookbotton .bookpric {
        color: #FFE002;
    }

    .bookbotton .bookhui2 {
        padding-left: 0.2rem;
    }



    .DoWeDoList_wenzihuanh {
        display: inline-flex;
        width: 3rem;
    }

    .Course_Listimg img {
        width: 3.5rem;
        height: 4.1rem;
    }
}