/*@charset "utf-8";
*/
.banner_swiper {
    width: 100%;
    height: 4.2rem;
}
.banner_swiper .swiper-slide{
    width: 100%;
    height: 100%;
}
.banner_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:0;
}
.swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    width: .12rem;
    height: .12rem;
}
.swiper-pagination-bullet-active{
    background: #f02519;
}
.banner{
    position: relative;
}
.in_s{
    width: 7.02rem;
    position: absolute;
    top:.15rem;
    left: .24rem;
    z-index: 1;
}
.in_s .text{
    width: 100%;
    height: .6rem;
    background: #fff;
    border-radius: .5rem;
    display: block;
    padding-left: .77rem;
}
.in_s .img_s{
    position: absolute;
    top:0;
    left: .27rem;
    height: 100%;
}
.in_s .img_s img{
    width: .32rem;
    height: .32rem;
    margin-top: .12rem;
}
.index_plate2{
    padding: .42rem .24rem 0 .24rem;
    background: #fff;
    margin-bottom: .2rem;
}
.index_plate2 .nav{
    padding-bottom: .34rem;
    border-bottom: 1px solid #eee;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin-bottom: .22rem;
}
.index_plate2 .nav li{
    width: 25%;
}
.index_plate2 .nav a img{
    display: inline-block;
    width: 1.04rem;
    height: 1.04rem;
    margin-bottom: .16rem;
}
.index_plate2 .nav a p{
    color: #333;
}
.zx_info{
    display: flex;
    align-items: center;
   padding-bottom: .3rem;
}
.zx_info_tt{
    width: 1.28rem;
}
.zx_info_tt img{
    width: 100%;
    vertical-align: middle;
}
.zx_info_cont{
    padding-left: 18px;
    width: 4.5rem;
    margin-right: .3rem;
    height: .3rem;
    overflow: hidden;
}
.swiper-slide1 a{
    display: block;
    color: #333;
    font-size: .24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.index_line{
    width: 1px;
    height: .2rem;
    background: #ddd;
    margin-right: .3rem;
    margin-top: .06rem;
}
.zx_info_more a{
    background: url(../images/yjt.png)right center no-repeat;
    color: #999;
    font-size: .24rem;
    padding-right: .14rem;
    background-size: 16%;
}
.index_plate3{
    padding: .28rem .24rem;
    background: #fff;
    margin-bottom: .2rem;
    margin-top: .72rem;
}
.index_plate3_tt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .18rem;
}
.swiper-slide_plate3{
    width: 2.76rem;

}

.plate3_img{
    width: 2.76rem;
    height: 1.72rem;
    position: relative;
    margin-bottom: .16rem;
}
.plate3_img img{
    width: 100%;
    height: 1.72rem;
}
.plate3_img em{
    display: block;
    width: .48rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    color: #fff;
    background: #ff9000;
    position: absolute;
    top:0;
    right: 0;
    font-size: .2rem;
}
.swiper-slide_plate3 strong{
    font-size: .36rem;
    color: #f02519;
    margin-right: .1rem;
}
.swiper-slide_plate3 p{
    height: .76rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: .1rem;
}
.swiper-slide_plate3 del{
    font-size: .24rem;
    color: #999;
    font-weight: 300;
}
.index_plate4_nj{
    display: flex;
    margin-bottom: .24rem;
}
.index_plate4_nj .p1{
    width: 6.8rem;
    height: .32rem;
    overflow: hidden;
    margin-top: .06rem;
}
.index_plate4_nj p a{
    display: inline-block;
    font-size: .24rem;
    color: #666;
    margin-right: .3rem;
    margin-bottom: .24rem;
}
.index_plate4_nj .p1 .on{
    color: #f02519;
}
.index_plate4_nj .p2 span{
    color: #f02519;
}
.index_plate4_nj .p2 span img{
    width: .32rem;
    vertical-align: middle;

}
.index_plate4_nj .p2 .span2{
    display: none;
}

.plate4_list li{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .24rem;
}
.plate4_list li:last-child{
    margin-bottom: 0;
}
.plate4_list_img{
    position: relative;
}
.plate4_list_img img{
    width: 2.76rem;
    height: 1.72rem;
}
.plate4_list_tt{
    width: 4.03rem;
    position: relative;
}
.plate4_list_tt .an_st{
    position: absolute;
    bottom:0;
    right: 0;
    background: url(../images/an.png)left center no-repeat;
    padding-left: .5rem;
    font-size: .24rem;
    color: #ff9000;
    background-size: 36%;
}
.plate4_list_tt p{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 1.2rem;
}
.plate4_list_tt strong{
    font-size: .36rem;
    color: #f02519;
    margin-right:.1rem;
}
.plate4_list_tt del{
    font-size: .24rem;
    color: #999;
}
.foot{
    padding: .1rem 0;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
} 
.ft_nav{
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.ft_nav a{
    display: block;
    width: 25%;
    text-align: center;
}
.ft_nav a img{
    width: .45rem;
    height: .45rem;
    margin: 0 auto;
    margin-bottom: .02rem;
}
.ft_nav a p{
    font-size: .22rem;
    color: #808080;
}
.ft_nav .on p{
    color: #f02519;
}
.all_kc{
    display: flex;
    min-height: 10.08rem;
}
.all_kc_nav{
    width: 1.8rem;
    padding-top: .35rem;
}
.all_kc_cont{
    width: 5.7rem;
    padding: .36rem .24rem;
    background: #fff;
}
.all_kc_nav .all_kc_nav1{
    width: 1.44rem;
    height: .6rem;
    color: #666;
    text-align: center;
    line-height: .6rem;
    margin: 0 auto;
    margin-bottom: .4rem;
    font-size: .24rem;
}
.all_kc_nav .on{
    color: #fff;
    background: #f02519;
    border-radius: .1rem;
}
.cont1_plate1_nj{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cont1_plate1_nj span{
    display: block;
    width: 1.58rem;
    height: .52rem;
    margin: .14rem .08rem;
    border: 1px solid #ccc;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
}
.cont1_plate1_nj .active{
    color: #f02519;
    border-color: #f02519;
    background: #fff3f2;
}
.all_kc_cont1{
    display: none;
}
.all_kc_cont1:first-child{
    display: block;
}
.all_kc_cont1_plate1{
    margin-bottom: .3rem;
}
.all_kc_cont1_plate1 p{
    font-size: .24rem;
    color: #999;
    margin-bottom: .28rem;
    margin-left: .08rem;
}
.all_kc_cont1_bnt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.all_kc_cont1_bnt span{
    display: block;
    width: 1.3rem;
    height: .44rem;
    text-align: center;
    line-height: .44rem;
    font-size: .24rem;
    border-radius: .25rem;
}
.all_kc_cont1_bnt .cx{
    margin-right: .22rem;
    border: 1px solid #999;
    color: #999;
}
.all_kc_cont1_bnt .qr{
    color: #fff;
    background: #f02519;
}
.all_kc_cont1_top{
    min-height: 9rem;
}
.tb_kc_tt{
    margin-bottom: .2rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
.tb_kc_top{
    padding:.24rem;
    padding-right: 1.2rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.tb_kc_tt1{
    width: 2.16rem;
    font-size: .24rem;
    text-align: right;
    padding-right: .3rem;
    background: url(../images/xjt.png) right center no-repeat;
    background-size: 10%;
}
.tb_kc_tt_nj_on{
    background: url(../images/sjt.png) right center no-repeat;
    background-size: 10%;
}
.tb_kc_bt1_none{
    display: none;
}
.tb_kc_bt1{
    padding: .24rem .24rem .6rem .24rem;
    border-top:1px solid #f2f2f2;
    position: fixed;
    top:1.8rem;
    background: #fff;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 3.22rem;
    z-index: 1;
}
.tb_kc_bt1 span{
    display: block;
    width: 1.58rem;
    height: .52rem;
    margin: .14rem .08rem;
    border: 1px solid #ccc;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
}
.tb_kc_bt1 .active{
    color: #f02519;
    border-color: #f02519;
    background: #fff3f2;
}
.h_bj{
    width: 100%;
    height: 100%;
    position: fixed;
    top:1.8rem;
    left: 0;
    background: rgba(0,0,0,.5);
    display: none;
}
.zx_course_top{
    width: 100%;
    background: #fff;
    margin-bottom: .2rem;
    height: 1.05rem;
    
}
.course_search{
    position: relative;
    top:.24rem;
}
.course_search .text{
    background: #f8f8f8;
}
.plate4_list_img em{
    display: block;
    width: .48rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    color: #fff;
    background: #ff9000;
    position: absolute;
    top:0;
    right: 0;
    font-size: .2rem;
}
.my_order{
    background: #fff;
    margin-bottom: .2rem;
}
.my_order_top{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .24rem;
    border-bottom: 1px solid #e9e9e9;
    font-size: .24rem
}
.my_order_top_left{
    color: #666;
}
.my_order_top_left span{
    color: #333;
}
.my_order_top_right .span1{
    color: #f02519;
}
.my_order_cont{
    padding: .24rem;
}
.my_order_spxx{
    padding-bottom: .26rem;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    margin-bottom: .2rem;
}
.my_order_spxx .sp_img{
    margin-right: .24rem;
}
.my_order_spxx .sp_img img{
    width: 2rem;
    height: 1.23rem;
}
.my_order_spxx .sp_tt{
    width: 4.83rem;
}
.my_order_spxx .sp_tt p{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: .1rem;
} 
.my_course_spxx .sp_tt .kcqx{
    color: #999;
    font-size: .24rem;
}
.my_course_spxx .sp_tt .kcqx span{
    color: #666;
}
.my_order_spxx .sp_tt strong{
    color: #f02519;
}
.my_order_cont .zf_xx{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: .24rem;
    margin-bottom: .16rem;
}
.my_order_cont .zf_xx .span1{
    color: #999;
}
.my_order_bnt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.my_order_bnt span{
    display: block;
    width: 1.44rem;
    height: .54rem;
    text-align: center;
    line-height: .54rem;
    font-size: .24rem;
    border-radius: .1rem;
}
.my_order_bnt .sc{
    border: 1px solid #ccc;
    color: #353535;
    margin-right: .2rem;
}
.my_order_bnt .pj{
    background: #f02519;
    color: #fff;
}
.my_order_top_left .sc_time,.my_collec_top_left{
    color: #999;
}
.my_collec_top_right{
    padding-left: .44rem;
    background: url(../images/del.png) left center no-repeat;
    background-size: contain;
    color: #999;
}
.my_collec_spxx{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
}
.my_course_tt{
    display: flex;
    height: .78rem;
    font-size: .24rem;
    text-align: center;
    line-height: .78rem;
    background: #fff;
    margin-bottom: .2rem;
}
.my_course_tt1{
    width: 50%;
}
.my_course_tt1_active{
    border-bottom: 2px solid #f02519;
    color: #f02519;
}
.my_course_cont{
    /* display: none; */
    padding:0 .24rem;
}
.my_course_cont:first-child{
    display: block;
}
.my_course_cont1{
    border-bottom: 1px solid #f2f2f2;
    padding:.24rem 0;
}
.my_course_cont1:last-child{
    border-bottom: none;
}
.help_center{
    background: #fff;
}
.help_center a{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .38rem .24rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: .3rem;
    color: #333;
}
.help_center_tt {
    border-bottom: 1px solid #f2f2f2;
    padding: .38rem .24rem;
}
.help_center_tt .click_tt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: .3rem;
    color: #333;
    cursor: pointer;
}
.help_center_tt .click_tt p{
    width: 6.3rem;
}
.help_center_tt .click_tt span{
    background: url(../images/yjt_1.png) right center no-repeat;
    display: block;
    width: .2rem;
    height: .37rem;
    background-size: 100%;
}
.help_center_tt .click_tt .span_active{
    background: url(../images/xjt_1.png) right center no-repeat;
    background-size: 100%;
    width: .37rem;
    height: .2rem;
}
.help_center_tt .none_tt{
    margin-top: .24rem;
    font-size: .24rem;
    color: #666;
    display: none;
}
.common_tt{
    height: 1rem;
    position: relative;
   
}
.common_tt h5{
    text-align: center;
    line-height: 1rem;
    font-size: .36rem;
}
.common_tt span{
    width: .22rem;
    height: .4rem;
    position: absolute;
    left: .24rem;
    top:50%;
    margin-top: -.2rem;
}
.common_tt span img{
    width: 100%;
}
.news_cont{
    background: #fff;
    padding: .38rem .24rem;
    font-size: .28rem;
    margin-bottom: .2rem;
}
.news_cont p{
    margin-bottom: .14rem;
}
.news_cont span{
  color: #999;
}
.news_cont_top{
    margin-bottom: .24rem;
}
.news_cont_bt p{
    font-size: .24rem;
    margin-bottom: .24rem;
}
.news_cont_bt img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: .24rem;
}
.confir_order{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0;
}
.confir_order .sp_tt p{
    -webkit-line-clamp:1;
    line-clamp:1;
    margin-bottom: .1rem;
}
.confir_order_tt{
    color: #666;
    font-size: .24rem;
    margin-bottom: .08rem;
}
.confir_order_cont{
    margin-bottom: .2rem;
}
.zf_fs{
    background: #fff;
}
.zf_fs_tit{
    padding-left: .24rem;
    height: .98rem;
    line-height: .98rem;
    font-size: .24rem;
    border-bottom: 1px solid #eee;
}
.zf_fs_plate{
    padding: 0 .24rem;
}
.zf_fs_plate1{
    height: .98rem;
    line-height: .58rem;
    font-size: .24rem;
    border-bottom: 1px solid #eee;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}
.zf_fs_plate2{
    line-height: normal;
}
.zf_fs_plate1_left{
    padding-left: .86rem;
}
.zf_fs_plate1_left_wx{
    background: url(../images/wx.png)left center no-repeat;
    background-size:contain;
}
.zf_fs_plate1_left_zfb{
    background: url(../images/zfb.png)left center no-repeat;
    background-size: contain;
}
.zf_fs_plate1_left_xxk{
    background: url(../images/xxk.png)left center no-repeat;
    background-size: 16%;
}
.zf_fs_plate1_left_xxk1{
    background-size: 11%;
}
.zf_fs_plate1 .zf_fs_plate1_right{
    background: url(../images/zf.png)no-repeat;
    width: .44rem;
    height: .44rem;
    background-size: 100%;
}
.zf_fs_plate1_on .zf_fs_plate1_right{
    background: url(../images/zf_on.png)no-repeat;
    background-size: 100%;
}
.zf_fs_plate1_left p{
    color: #666;
    font-size: .22rem;
    margin-top: .06rem;
}
.zf_fs_plate1_right_xxk{
    background: url(../images/yjt.png) right center no-repeat;
    padding-right: .24rem;
    color: #f02519;
    font-size: .24rem;
}
.zf_price{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0px;
    left: 0;
}
.zf_price_left{
    padding-left: .24rem;
    background: #fff;
    line-height: .98rem;
    width: 4.58rem;
}
.zf_price_left strong{
    font-size:.3rem;
    color: #f02519;
}
.zf_price_right{
    line-height: .98rem;
    width: 2.92rem;
    text-align: center;
    background: #f02519;
    font-size: .32rem;
    color: #fff;
}
.zf_success{
    padding: .4rem 0 .86rem 0;
    background: #fff;
    text-align: center;
    margin-bottom: 1rem;
}
.zf_success strong{
    font-size: .42rem;
    margin-bottom: .1rem;
    display: block;
}
.zf_success p{
    color: #b8b5b8;
}
.zf_success_bnt{
    width: 2.72rem;
    height: .88rem;
    background: #f02519;
    font-size: .32rem;
    color: #fff;
    line-height: .88rem;
    text-align: center;
    margin: 0 auto;
}
.zjss{
    padding: 0 .24rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    background: #fff;
}
.zjss_tt{
    background: url(../images/zjss.png) left center no-repeat;
    padding-left: .5rem;
    background-size: contain;
    color: #999;
    margin-bottom: .2rem;
}
.zjss_cont{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zjss_cont span{
    padding: .06rem .12rem;
    border: 1px solid #eee;
    margin-right: .2rem;
    margin-bottom: .2rem;
    font-size: .24rem;
    
}

/*网页适配*/
/*@media screen and (min-width:601px){
    html{font-size: 260%;}
}
@media screen and (min-width:601px) and (max-width:1000px){
    html{font-size: 200%;}
}

@media screen and (min-width:481px) and (max-width:600px){
    html{font-size: 160%;}
}

@media screen and (min-width:401px) and (max-width:480px){
    html{font-size: 110%;}
}

@media screen and (min-width:340px) and (max-width:400px){
    html{font-size: 100%;}
}

@media screen and (max-width:340px){
    html{font-size: 90%;}
}
*/