.el-form-item {
  margin-bottom: 3px;
}
#mar-r el-form-item{
  margin-right: 7px !important;
}
.n1{
  display: flex;
  flex-direction:column;
  width: 100%;
  .n1_on{
    
    display: flex;
    flex-direction:row;
    width: 100%;
     
  }.n1_tw{
    display: flex;
    flex-direction:row;
    width: 100%;
    height: 239px;
  }.n1_th{
    display: flex;
    flex-direction:row;
    width: 100%;
    height: 200px;
  }
  .n1_fo{
    display: flex;
    flex-direction:row;
    width: 100%;
  }
}
.n2{
  display: flex;
  flex-direction:column;
  width: 100%;
  .n2_on{
    display: flex;
    flex-direction:row;
    width: 100%;
  }
  .n2_tw{
    display: flex;
    flex-direction:row;
    width: 100%;
    .n2_tw_z{
      display: flex;
    flex-direction:row;
    width: 50%;
    height: 200px;
    }
    .n2_tw_y{
    display: flex;
    flex-direction:column;
    width: 50%;
    height: 200px;
    .n2_tw_y_s{
      display: flex;
    flex-direction:row;
    }
    .n2_tw_y_x{
      display: flex;
    flex-direction:row;
    }
    }
  }
  .n2_th{
    display: flex;
    flex-direction:row;
    width: 100%;
    .n2_th_z{
      display: flex;
    flex-direction:row;
    height: 200px;
    width: 50%;
    }
    .n2_th_y{
      width: 50%;
      display: flex;
    flex-direction:column;
    height: 200px;
    .n2_th_y_s{
      display: flex;
      flex-direction:row;
    }
    .n2_th_y_x{
      display: flex;
      flex-direction:row;

    }
    }
  }
  .n2_fo{
    display: flex;
    flex-direction:row;
    width: 100%;
    .n2_fo_l{
      display: flex;
    flex-direction:row;
    width: 28%;
    }
    .n2_fo_m{
      display: flex;
    flex-direction:column;
    width: 22%;
    .n2_fo_m_s{
      display: flex;
      flex-direction:row;
      height: 85px;
    }.n2_fo_m_x{
      display: flex;
      flex-direction:row;
      height: 190px
    }
    }
    .n2_fo_r{
      display: flex;
    flex-direction:row;
    width: 50%;
    }
  }
}
