/*wap-main*/
.wap-main{width: 100%; height: auto; margin:0 auto 0 auto;}
.wap-main  img{width: 100%; }

.wap-side{width: 100%; margin: 0 auto; }
.qfb_banner{background: url("../image/banner.jpg") no-repeat; background-size:100%; height: 4.22rem;}
.qfb_iframe{height:3.8rem;}
.qfb_container{height: auto; margin: 0.2rem auto; text-align: center;  font-size: 0.28rem; }
  .qfb_container .title-h2{font-size: 0.5rem; line-height: 0.8rem; color: #3f3b3a;}
  .qfb_container .title-h2:after{content: ""; width: 60%; height: 0.06rem; text-align: center; margin: 0 auto;  background:url("../image/line1.png") no-repeat center center; display: block;}
  .qfb_container .title-h4{ font-size: 0.24rem; line-height: 0.5rem; color: #707070; font-weight: 100; margin-bottom: 0.2rem;}
  .qfb_container p{text-align: center; font-size: 0.28rem; padding: 0 0.2rem; line-height: 0.5rem; }
  .qfb_container .qfb-zx{flex-flow: wrap row; display: flex; justify-content: space-around;}
  .qfb_container .qfb-zx .qfb-zxwrap{width:30%; height: 0.75rem; background: linear-gradient(to bottom, rgba(255,144,15,1), rgba(255,176,13,1)); border-radius: 0.4em; font-size: 0.36rem; line-height:0.75rem; color: #fff; font-weight: bold; margin: 0.2rem auto; box-shadow:0 0.12rem 0.6rem 0 rgba(0,0,0,.2);  }
  .qfb_container .qfb_ys{display: flex; flex-flow: row wrap; justify-content: space-around; border-bottom: 0.02rem dashed #e0e0e0; padding:0 0 0.2rem 0; margin: 0 0.2rem; align-items:center;}
    .qfb_container .qfb_ys .qfb_ys_wt{width: 20%; height: 1rem; background: linear-gradient(to right, rgba(40,199,210,1), rgba(0,128,173,1), rgba(40,199,210,1)); color: #fff; line-height: 0.5rem; padding: 0.1rem 0; }

    .qfb_container .qfb_ys ul{width: 80%;}
      .qfb_container .qfb_ys ul li{display: flex; flex-flow: row wrap; justify-content: space-around; margin: 0.2rem 0;}
        .qfb_container .qfb_ys ul li span{width: 15%; display: block; text-align: center;}
        .qfb_container .qfb_ys ul li span img{width: 80%;  margin: 0 auto; margin-top: 0.1rem; }
        .qfb_container .qfb_ys ul li div{width: 75%; text-align: left; line-height: 0.5rem; }
  .qfb_kcsz{background: url("../image/bg1.png") no-repeat center; background-size:cover; padding: 0.2rem 0;}
    .qfb_kcsz .title-h2,.qfb_kcsz .title-h4,.qfb_hj .title-h2,.qfb_hj .title-h4{color: #fff;}
    .qfb_kcsz .title-h2:after,.qfb_hj .title-h2:after{background:url("../image/line2.png") no-repeat center center; }
    .qfb_kcsz .kc-box{margin:0 1%; padding: 0.2rem 0.1rem; background: rgba(255,255,255,0.6); display: flex; flex-flow:row wrap; justify-content: space-around;}
      .qfb_kcsz .kc-box ul{}
        .qfb_kcsz .kc-box ul li{line-height: 0.5rem;}
          .qfb_kcsz .kc-box ul li a span{font-weight: bold;}

    .qfb_container .qfb_swiper{padding: 0 0.2rem 0.4rem 0.2rem; }
    .qfb_container .qfb_kcwap h3{font-size: 0.36rem; line-height: 0.6rem;}
    .qfb_container .qfb_kcwap div p{display: flex; flex-flow: row nowrap; justify-content: space-around;}
      .qfb_container .qfb_kcwap div p .fb-p1-span1{width:20%; background: linear-gradient(to right, rgba(40,199,210,1), rgba(0,128,173,1)); text-indent: 0; text-align: center; margin: 0 auto; color: #fff; border-bottom: 0.02rem solid #e0e0e0; padding: 0.2rem 0; position: relative; }
        .qfb_container .qfb_kcwap div p .fb-p1-span1 b{width:100%; font-weight: 100; position: absolute; transform:translate(-50%,-50%); top:50%; left: 50%; }
      .qfb_container .qfb_kcwap div p .fb-p1-span2{width: 80%; padding: 0.1rem 0.1rem 0.1rem  0.2rem ; text-indent: 0; line-height: 0.5rem; background: #eeeeee; }
      .qfb_container .qfb_kcwap div p .fb-p1-span2bg{background: #fff; text-indent: 0.4rem;}
        .qfb_container .qfb_kcwap div p .fb-p1-span2 a{display: block; background: #f3a801; color: #fff; width: 40%; height: 100%; float: right; text-align: center; line-height: 0.6rem; font-weight: bold;}

   .qfb_hj{background: url("../image/bg2.png") no-repeat center; background-size:cover; padding: 0.2rem 0;}
    .qfb_hj ul{margin: 0.2rem; padding:0.2rem 0.1rem; background: rgba(255,255,255,0.4); display: flex; flex-flow: row wrap; justify-content: space-around; }
    .qfb_hj ul li{width:48%; margin-bottom: 0.2rem; }
.qfb_hj ul li p{ background: #088297; text-align: center; line-height: 0.6rem; color: #fff;}

  .qfb_container .management-box,.qfb_container .management-time,.qfb_container .teaching,.qfb_container .live-management{text-align: left; padding:0 0.2rem 0 0.3rem;}
    .qfb_container .management-box h3,.qfb_container .management-time h3,.qfb_container .teaching h3,.qfb_container .live-management h3{text-align: left; font-size: 0.4rem; padding-left:0.2rem;   background: url("../image/tips.png") no-repeat 0 0.1rem; margin: 0.4rem 0 0.2rem 0;}
    .qfb_container .management-box ul{}
      .qfb_container .management-box ul li{display: flex; flex-flow:row wrap; justify-content: space-around; align-items: center; margin-bottom: 0.2rem;}
        .qfb_container .management-box ul li span{ width: 7%; height: 1.5rem;  background: linear-gradient(to right, rgba(40,199,210,1), rgba(0,128,173,1)); text-align: center; color: #fff; padding: 0.1rem 0;}
        .qfb_container .management-box ul li p{width: 90%; height: 1.5rem; padding: 0.1rem; background: #eeeef0; }

    .qfb_container .management-time p{background: #eeeef0; text-align: center;}

    .qfb_container .teaching div h4{color: #007fac; font-size: 0.32rem; line-height: 0.5rem; margin-top: 0.2rem;}
    .qfb_container .teaching div p{padding: 0;  line-height: 0.52rem; display: block;}

    .qfb_container .live-management h4{color: #007fac; font-size: 0.32rem; line-height: 0.5rem; margin-top: 0.2rem;}
    .qfb_container .live-management p{padding: 0;  line-height: 0.52rem;}


.wap-side .swiper-button-prev,.wap-side .swiper-container-rtl .swiper-button-next{background-image:url("../image/p.png");}
.wap-side .swiper-button-next,.wap-side .swiper-container-rtl .swiper-button-prev{background-image:url("../image/n.png");}

.wap-side .swiper-pagination-bullet-active{background:#606060;}
.wap-side .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.wap-side .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -0.1rem;}
.wap-side .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-0.1rem; }

.wap-order{width: 100%; height:4.4rem;  background:#2f3034; }
.wap-order-form{height:3.81rem; padding: 0 10%;  position: relative;}
.wap-order-form .form-contain{width: 100%; height: auto; transform: translate(-50%,7%); position: absolute; top:5%; left: 50%; text-align: center;}
.wap-order-form .form-common input{ line-height: 0.4rem; border: 1px solid #e0e0e0; width:4.8rem; height: 0.75rem; margin: 0 0 0.2rem 0; background: #fff; padding: 0 0.2rem; border-radius: 0.04rem; font-size: 0.28rem;}
.wap-order-form .form-common  button{display:inline-block; height:0.7rem; width:70%; font-size: 0.3rem; text-align: center; cursor: pointer; background:linear-gradient(to right, rgba(40,199,210,1), rgba(0,128,173,1), rgba(40,199,210,1)); color: #fff; outline: none; border: 0;  -webkit-appearance: none;}

.wap-order-form .form-common .yzmcode{width: 33%;}
.wap-order-form .form-common .codetxt{width: 30%; background: #f0f0f0; color: #000;}
.disabled{background-color:#b3b3b3}