@media only screen and (min-width: 750px){
    body {
        background: #e2e1e1;
    }
    .content{
        width: 7.5rem;
        margin: 0 auto;
        background-color: white;
    }
}

/*loading*/
.loading{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999;
    top: 0;
}
.loadbox{
    animation: loading-rotate 2s linear infinite;
    width: 1.1rem;
    height: 1.1rem;
}
.bgs{
    background: rgba(0,0,0,0.5);
    width: 3rem;
    height: 3rem;
    border-radius: 5px;
    position: absolute;
    top: 40%;
    margin-left: -1.5rem;
    left: 50%;
    margin-top: -1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bgs p{
    color: #ffffff;
    font-size: 0.29rem;
    margin-top: 0.26rem;
}
.loadbox .path{
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2.5;
    stroke: #ffffff;
    stroke-linecap: round;
}
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}
@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}
/*/loading*/
.content{
    background: #3B44FF;
    position: relative;
}
.top_banner{
    width: 100%;
    position: relative;
}
.top_banner img{
    width: 100%;
}
.top_banner .p{
    padding: 0 0.40rem;
    font-weight: 700;
    color: #eaf3ef;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 1.70rem;
    text-align: center;
    font-size: 0.68rem;
    letter-spacing: -1px
}
.top_banner .school_name{
    width: 100%;
    font-size: 0.28rem;
    font-weight: 700;
    text-align: center;
    color: #eaf3ef;
    letter-spacing: -1px;
    position: absolute;
    top: 5.2rem;
}
.top_banner .school_name span{
    line-height: 0.56rem;
    background: #00005b;
    border-radius: 28px;
    display: inline-block;
    padding: 0 0.6rem;
}

.act_item{
    margin:0 0.32rem 0.32rem;
    position: relative;
}
.item_header{
    margin-top: -3rem;
}
.item_header img{
    width: 100%;
}
.white_space{
    height: 0.3rem;
    background: #fff;
    margin-top: -0.2rem;
}
.item_body{
    background: #ffffff;
    padding:0 0.24rem;
    padding-bottom: 14px;
}
.item_body:last-child{
 border-radius: 0 0 5px 5px;
}
.item_title{
    display: flex;
    justify-content: space-between;
    line-height: 0.84rem;
}
.item_title .title_l{
    font-size: 0.32rem;
    text-align: left;
    color: #4f5055;
    font-weight: 700;
    letter-spacing: 0.02rem;
}
.item_title .title_r{
    font-size: 0.28rem;
    color: #999999;
}
.item_tishi{
    padding: 0.16rem 0.3rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    text-align: left;
    color: #cab099;
    line-height: 0.40rem;
    background: #ffeee7;
    margin-bottom: 0.2rem;
}
.item_tishi span{
    color: #5961FF;
}
.tishi_blue{
    background: #f0f4ff;
    border-radius: 4px;
    margin: 0.16rem 0.32rem 0;
    font-size: 0.24rem;
    color: rgba(62,106,247,0.60);
    text-align: center;
    box-sizing: border-box;
    padding: 0.20rem 0.16rem;
    line-height: 0.36rem;
}
.tishi_blue span{
    color: #3E6AF7;
}


.book_list{
    overflow: hidden;
    position: relative;
    padding-bottom: 0.48rem;
    border-bottom:1px solid #ebebeb;
}
.book_list>.s_content{
}
.book_list .book_li{
    width: 1.62rem;
    margin-right: 0.75rem;
    float: left;
    margin-bottom: 0.52rem;
    position: relative;
}
.book_list .book_li:nth-child(3n){
    margin-right: 0;
}
.book_li img{
    width: 100%;
    display: block;
    margin-bottom: 0.16rem;
    height: 2.16rem;
}
.book_li img.play_img{
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    top: 0.85rem;
}
.book_li p{
    font-size: 0.28rem;
    color: #404542;
    line-height: 0.40rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 0.8rem;
}
.mypage{
    bottom: 0.4rem!important
}
.mypage .swiper-pagination-bullet-active{
    --swiper-pagination-color:#3b44ff
}
.book_list .live_li{
    width: 2.88rem;
    margin-right: 0.6rem;
}
.book_list .live_li:nth-child(3n){
    width: 2.88rem;
    margin-right: 0.6rem;
}
.book_list .live_li:nth-child(2n){
    margin-right: 0;
}
.live_li p{
    font-size: 0.28rem;
    color: #404542;
    line-height: 0.4rem;
}
.live_li img{
    height: 1.6rem;
}

.live_li .live_price{
    font-size: 0.32rem;
    font-weight: 700;
    color: #3b44ff;
    letter-spacing: 1px;
    margin-top: 0.16rem;
}
.swiper_live{
}
.swiper_live .swiper-slide {
    width: 80%;
}
.swiper_live .live_li{
    width: 100%;
    margin-right: 0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.5s;
}
.swiper_live .live_li img{
    height: 2.7rem;
}
.swiper_live .swiper-slide-active .live_li{
    box-shadow: 0px 6px 16px 0px #a9aac0;
}
.swiper_live .live_li p{
    padding: 0 0.24rem;
}
.swiper_live .live_li p.live_price{
    padding-bottom: 0.2rem;
}
.live_btn{
    background: #3b44ff;
    border-radius: 0.12rem;
    font-size: 0.24rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0.1rem 0.25rem;
    display: inline-block;
    margin-bottom: 0.2rem;
}
.live_btn.tuijian{
    background: #ffae3a;
}
.item_header2 img{
    width: 100%;
}
.achieve{
    overflow: hidden;
    padding-top: 0.4rem;
    padding-bottom: 0.7rem;
}
.achieve_item{
    width: 3rem;
    float: left;
    text-align: center;
}
.achieve_item:nth-child(odd){
    margin-right: 0.38rem;
}
.achieve_item .ach_img{
    width: 3rem;
    height: 0.56rem;
    margin: 0 auto;
    margin-bottom: 0.24rem;
    overflow: hidden;
    position: relative;
}
.ach_img img{
    width: 100%;
}
.ach_img p{
    font-size: 0.28rem;
    color: #393c81;
    line-height: 0.56rem;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
}
.act_jieshao p {
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.36rem;
    margin-bottom: 0.24rem;
}

.bottom_logo{
    padding: 0.7rem 0;
    width: 1.84rem;
    display: block;
    margin: 0 auto;
}
.postimg1{
    width: 0.79rem;
    position: absolute;
    bottom: 1.6rem;
}
.postimg2{
    width: 1.63rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
/*教学成果展*/
.school_fc{
    padding:0.42rem 0.32rem;
}
.school_fc .fc_title{
    font-size: 0.32rem;
    font-weight: 700;
    color: #4f5055;
    margin-bottom: 0.24rem;
}
.fc_content{
    height: 2.88rem;
    background: #2a4dfd;
    border-radius: 4px;
}
.fc_body{
    padding:0 0.32rem;
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
}
.fc_body .video_content{
    width: 6.86rem;
    background: #ffffff;
    border-radius: 0.08rem;
    box-shadow: 0px -4px 1px 0px rgba(197,228,255,0.75) inset;
    margin: 4.7rem auto 0;
    position: relative;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0.58rem;
}
.video_content .school_name_top {
    width: 4rem;
    position: absolute;
    top: -0.52rem;
    left: 50%;
    margin-left: -2rem;
}
.school_name_top p{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 0.63rem;
}
.school_name_top img{
    width: 4rem;
}

.video_content .video_box{
    margin: 0.32rem 0.4rem;
    height: 3rem;
    background: #1f212c;
}
.video_box video{
    display: block;
    height: 100%;
    margin: 0 auto;
}
.video_content .img-box{
    margin: 0.32rem 0.4rem;
}
.video_content .img-box img{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.fc_body .book_li{
    margin-right: 0.76rem;
}
.fc_body .t_resbox{
    padding-bottom: 0.6rem;
    overflow: hidden;
}
.teach_res .top_banner img{
    width: 100%;
}
.res_content{
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px -4px 1px 0px rgba(197,228,255,0.75) inset;
    padding:0 0.24rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
}
.res_content .h_title{
    font-size: 0.32rem;
    font-weight: 700;
    color: #1461ff;
    text-align: center;
    margin: 0.32rem 0 0.4rem;
}
.h_title .icon_2quan{
    display: inline-block;
    margin:0 0.24rem ;
    vertical-align: middle;
}
.h_title .icon_2quan img{
    width: 0.14rem;
    display: block;
}
.h_title .icon_2quan p{
    display: inline-block;
    vertical-align: middle;
}
.h_title .icon_2quan .c1{
    width: 0.08rem;
    height: 0.08rem;
    background: #80cc4d;
    border-radius: 10px;
    margin-top: 0.01rem;
}
.h_title .icon_2quan .c2{
    width: 0.1rem;
    height: 0.1rem;
    background: #1461ff;
    border-radius: 10px;
    margin-left: -0.02rem;

}
/*个性化推荐*/
.personality{
    position: relative;
    overflow: hidden;
}
.person_title{
    font-size: 0.48rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
    margin: 0.64rem 0 0.4rem;
}
.personality .per_img{
    position: relative;
    width: 100%;
}

.personality .per_group1{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin:0 0.56rem;
    width: 6.38rem;
}
.person_book_list{
    margin: 0.32rem;
    background: #ffffff;
}
.person_book_list .book_type_p{
    font-size: 0.32rem;
    color: #4f5055;
    position: relative;
    padding-left: 0.3rem;
    overflow: hidden;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
}
.book_type_p:before{
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.3rem;
    position: absolute;
    background: #3B44FF;
    left: -0.1rem;
    top: 50%;
    margin-top: -0.1rem;
}

.flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.good_list{
    justify-content: space-between;
    padding-bottom: 0.3rem;
}

.good_list .gdlist_l{
    width: 1.62rem;
    margin-right: 0.36rem;
}

.good_list .gdlist_l img{
    width: 1.62rem;
}
.good_list .gdlist_r{
    width: 4.6rem;
}
.gdlist_r .gdp1{
    font-size: 0.28rem;
    color: #404542;
    margin-bottom: 0.16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.1rem;
}

.gdlist_r .gdp2{
    font-size: 0.24rem;
    color: #999999;
    margin-bottom: 0.16rem;
}
.gdlist_r .gdp2.c_blue {
    color: #3b44ff;
}
.gdlist_r .p_group{
    margin-top: 0.24rem;
}
.gdlist_r .p_group span{
    border: 1px solid #4a4eff;
    border-radius: 18px;
    display: inline-block;
    margin-right: 0.24rem;
    color: #4a4eff;
    font-size: 0.20rem;
    padding: 0.06rem 0.2rem;
    margin-bottom: 0.16rem;
}

.gdlist_r .p_group span.c_red{
    border-color:#ef5959;
    color: #ef5959;
}
.c_blue {
    color: #3b44ff;
}
.item_header2{
    position: relative;
}
.item_header2 .look_more1 {
    position: absolute;
    right: 0.2rem;
    font-size: 0.28rem;
    color: #2523de;
    letter-spacing: 1px;
    bottom: 0.35rem;
}

/*act_end*/
.endactive{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow-y: auto;
    background: #F97466;
}
.endactive >img{
    width: 7.5rem;
    position: absolute;
    z-index: -1;
}
.endactive .endtitle{
    text-align: center;
    width: 7.5rem;
    margin-top: 0.3rem;
    color: #ffffff;
    font-size: 0.32rem;
    letter-spacing: 1px;
}

.endactive .endtitle img{
    width: 4rem;
    margin-top: 0.6rem;
}
.endactive .endbnner{
    padding: 0.26rem;
}
.endactive .endbnner img{
    width: 100%;
}

.endfoter{
    margin: 0.26rem;
    min-height: 4rem;
    background: #ffeed5;
    border-radius: 8px;
    overflow: hidden;
}
.endfoter .edtit{
    text-align: center;
    position: relative;
    margin-top: 0.4rem;
}
.endfoter .edtit img{
    width: 3.1rem;
}
.endfoter .edtit p{
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 0.64rem;
    font-size: 0.36rem;
    color: #fff;
}
#end{
    display: none;
}
.tishi{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}
.tishi img{
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    width: 6rem;
}

/**
morebook ---------------------------------2021-5-10
 */

.mb_zw{
    height: 0.8rem;
}
.mb_topnav{
    width: 7.5rem;
    overflow-x: auto;
    background: #fff;
    display: flex;
    height: 0.8rem;
    align-items: center;
    position: fixed;
    z-index: 11;
}
.mb_topnav .mb_nav_item{
    font-size: 0.28rem;
    font-weight: 500;
    color: rgba(0,0,0,0.60);
    line-height: 0.44rem;
    padding: 0 0.32rem;
    flex-shrink: 0
}
.mb_topnav .mb_nav_item.act{
    color: #3e6af7;
    font-weight: 700;
}
.mb_topnav .move_p{
    position: absolute;
    width: 0.16rem;
    height: 0.08rem;
    background: #3e6af7;
    border-radius: 4px;
    bottom: 0.04rem;
    left: 0.52rem;
    transition: all 0.3s;
}

.mb_press{
    margin-top: 0.16rem;
    padding: 0.32rem;
    background: #ffffff;
    box-sizing: border-box;
}
.mb_press .mb_press_item{
    width: 50%;
    font-size: 0.28rem;
    color: rgba(0,0,0,0.60);
    line-height: 0.44rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    padding-right: 0.24rem;
    margin-bottom: 0.4rem;
}
.mb_press .mb_press_item span{
    display: inline-block;
    width: 0.08rem;
    height: 0.12rem;
    background: linear-gradient(180deg,#ffecb5, #ffdf9b);
    border-radius: 4px;
    margin-right: 0.16rem;
    vertical-align: middle;
}
.mb_title{
    font-size: 0.32rem;
    font-weight: 700;
    color: rgba(0,0,0,0.80);
    line-height: 0.44rem;
    margin-bottom: 0.32rem;
}

.profession_item{
    font-size: .28rem;
    color: rgba(0,0,0,0.60);
    line-height: .44rem;
    background: rgba(0,0,0,0.05);
    border-radius: 28px;
    padding: 0.08rem 0.48rem;
    display: inline-block;
    margin-right: 0.3rem;
    margin-bottom: 0.24rem;
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 9px solid rgba(0,0,0,0.40);
    border-bottom: 6px solid transparent;
    display: inline-block;
}
.mb_book_item{
    width: 2.14rem;
    height: 3.20rem;
    position: relative;
    margin-bottom: 0.08rem;
    margin-right: 0.18rem;
}
.mb_book_item:nth-child(3n){
    margin-right: 0;
}
.mb_book_item p{
    font-size: 0.24rem;
    color: rgba(0,0,0,0.80);
    line-height: 0.40rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    text-align: center;
}
.mb_book_item .imglogo{
    width: 1.44rem;
    height: 1.92rem;
    display: block;
    margin: 0.16rem auto ;
}
.mb_book_item .play_img{
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    top: 0.85rem;
}

.more_book_list{
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 0.32rem;
}
/**
专业弹框
 */

.zy_shadow {
    position: fixed;
    background: rgba(0,0,0,0.60);
    top: 0;
    z-index: -100;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
}

.zy_shadow_box{
    width: 100%;
    height: 7.20rem;
    background: #ffffff;
    border-radius: 32px 32px 0px 0px;
    position: absolute;
    bottom: -8rem;
    overflow: hidden;
    transition: all 0.5s;
}
.zy_shadow.show_tc{
    z-index: 100;
    opacity: 1;
    background: rgba(0,0,0,0.5);
}
.show_tc .zy_shadow_box{
    bottom: 0;
}

.zy_title{
    text-align: center;
    font-size: 0.36rem;
    color: rgba(0,0,0,0.80);
    padding: 0.28rem;
    position: relative;
    z-index: 1;
    background: #fff;
}
.zy_title .zy_close{
    position: absolute;
    width: 0.48rem;
    top: 0.2rem;
    right: 0.48rem;
}
.zy_scroll_box{
    height: 100%;
    box-sizing: border-box;
    padding-top: 1rem;
    margin-top: -0.9rem;
    overflow-y: scroll;
}
.zy_scroll_box .zy_item{
    line-height: 0.96rem;
    padding:0 0.32rem;
    font-size: 0.32rem;
    color: rgba(0,0,0,0.80);
}