.data_Services_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0rem;
    left: 0rem;
    background: #5b5b5b;
    opacity: 0.8;
    z-index: 2021;
  }
  @media screen and (max-width: 1200px) {
    .data_Services_main{
      width: 3.21rem;
      height: auto;
      background: #fff;
      position: fixed;
      left: 50%;
      top: 50%;
      margin-top: -1.6rem;
      margin-left: -1.605rem;
      border-radius: 0.1rem;
      padding-bottom: 0.2rem;
      z-index: 2022;
    }
    .colseBtns{
      position: absolute;
      width: 0.11rem;
      height: 0.11rem;
      right: 0;
      top: -0.16rem;
      background: url('../../image/data/colse_no.jpg')no-repeat left top;
      background-size: 100% 100%;
      z-index: 2022;
    }
    .data_Services_main_title{
      width: 100%;
      height: 0.39rem;
      line-height: 0.39rem;
      background: #1ca738;
      text-align: center;
      color: #fff;
      font-size: 0.15rem;
      font-weight: bold;
      border-radius: 0.1rem 0.1rem 0 0;
    }
    .data_course_list{
      padding: 0.2rem 0.24rem 0.1rem 0.24rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .data_course_list li:nth-child(2n-1){
      width: 47%;
      text-align: center;
      background: #e9f7eb;
      padding: 0.15rem 0 0.15rem 0rem;
      margin-right: 0.125rem;
      margin-bottom: 0.125rem;
    }
    .data_course_list li:nth-child(2n){
      width: 47%;
      text-align: center;
      background: #e9f7eb;
      padding: 0.15rem 0 0.15rem 0rem;
      margin-bottom: 0.125rem;
    }
    .data_pic{
      width: 0.225rem;
      height: 0.225rem;
      background: url('../../image/data/zipwenjian.jpg')no-repeat left top;
      margin: 0 auto 0.075rem auto;
      background-size: 100% 100%;
    }
    .data_txts{
      font-size: 0.12rem;
      color: #333333;
    }
    .data_txts::before{
      content: '';
      display: inline-block;
      width: 0.14rem;
      height: 0.14rem;
      border: 1px solid #999;
      border-radius: 50%;
      margin-right: 0.04rem;
      vertical-align: middle;
    }
    .data_txts_active::before{
        background:url('../../image/data/true_check.jpg')no-repeat left top;
        background-size: 100% 100%;
        content: '';
        display: inline-block;
        width: 0.14rem;
        height: 0.14rem;
        border: 0;
        border-radius: 50%;
        margin-right: 0.04rem;
        vertical-align: middle;
    }
    
    .data_tels{
      display: block;
      width: 2.75rem;
      height: 0.42rem;
      border: 1px solid #e3e4e4;
      margin: 0 auto;
      padding-left: 0.16rem;
      border-radius: 0.08rem;
      font-size: 0.12rem;
      color: #999999;
      margin-bottom: 0.175rem;
    }
    .data_tijiao{
      display: block;
      width: 2.15rem;
      height: 0.43rem;
      line-height: 0.43rem;
      background: #1ca738;
      border-radius: 0.2rem;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      font-size: 0.15rem;
    }
    .data_tijiao::after{
        content: '';
        display: inline-block;
        width: 0.15rem;
        height: 0.19rem;
        margin-left: 0.03rem;
        vertical-align: middle;
      background: url("../../image/data/pullbtns_data.png")no-repeat left top;
      background-size: 100% 100%;
    }
    .data_Services_end{
      width: 3.21rem;
      height: auto;
      background: #fff;
      position: fixed;
      left: 50%;
      margin-top: -1rem;
      top: 50%;
      margin-left: -1.605rem;
      border-radius: 0.1rem;
      padding-bottom: 0.2rem;
      z-index: 2022;
    }
    .data_Services_end_list{
      text-align: center;
    }
    .data_Services_end_txt{
      text-align: center;
      font-size: 0l.12rem;
      color:#333;
      margin-bottom:0.06rem
    }
    .data_Services_end_list img{
        width: 1.365rem;
        margin: 0.33rem auto 0.1rem auto;
    }
  }
  @media screen and (min-width: 1201px) {
    .data_Services_end{
      width: 405px;
      height: 294px;
      background: #fff;
      position: fixed;
      border-radius: 10px;
      text-align: center;
      left: 50%;
      top: 50%;
      margin-top: -147px;
      margin-left: -202.5px;
      z-index: 2022;
    }
    .data_Services_end_txt{
      margin-bottom: 5px;
      color: #333;
      font-size: 14px;
    }
    .data_Services_end_list img{
      width: 177px;
      margin-top: 32px;
      margin-bottom: 30px;
    }
    .colseBtns{
      position: absolute;
      width: 16px;
      height: 16px;
      right: 0;
      top: -21px;
      background: url('../../image/data/colse_no.jpg')no-repeat left top;
      background-size: 100% 100%;
    }
    .data_Services_main{
      width: 405px;
      background: #fff;
      position: fixed;
      border-radius: 10px;
      text-align: center;
      left: 50%;
      top: 50%;
      margin-left: -202.5px;
      margin-top: -193.5px;
      padding-bottom: 20px;
      z-index: 2022;
    }
    .data_Services_main_title{
      width: 100%;
      height: 51px;
      line-height: 51px;
      background: #1ca738;
      text-align: center;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      border-radius: 10px 10px 0 0;
    }
  
    .data_course_list{
      padding: 20px 30px 0 20px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .data_course_list li:nth-child(2n-1){
      width: 47%;
      text-align: center;
      background: #e9f7eb;
      padding: 20px 30px 0 20px;
      margin-right: 16px;
      margin-bottom: 15px;
    }
    .data_course_list li:nth-child(2n){
      width: 47%;
      text-align: center;
      background: #e9f7eb;
      padding: 17px 0;
      margin-bottom: 15px;
    }
    .data_pic{
      width: 25px;
      height: 25px;
      background: url('../../image/data/zipwenjian.jpg')no-repeat left top;
      margin: 0 auto 8px auto;
      background-size: 100% 100%;
    }
    .data_txts{
      font-size: 14px;
      color: #333333;
      cursor: pointer;
    }
    .data_txts::before{
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 1px solid #999;
      border-radius: 50%;
      margin-right: 6px;
      vertical-align: middle;
    }
    .data_txts_active::before{
        background:url('../../image/data/true_check.jpg')no-repeat left top;
        background-size: 100% 100%;
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #999;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: middle;
      }
    .data_tels{
      display: block;
      width: 334px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #e3e4e4;
      margin: 0 auto;
      padding-left: 18px;
      border-radius: 5px;
      font-size: 14px;
      color: #999999;
      margin-bottom: 17px;
    }
    .data_tijiao{
      display: block;
      width: 260px;
      height: 37px;
      line-height: 37px;
      background: #1ca738;
      border-radius: 30px;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      cursor: pointer;
      font-size: 14px;
    }
    .data_tijiao::after{
        content: '';
        display: inline-block;
        width: 15px;
        margin-left: 7px;
        vertical-align: middle;
        height: 18px;
      background: url("../../image/data/pullbtns_data.png")no-repeat left top;
      background-size: 100% 100%;
    }
  }