@charset "UTF-8";
/**
 * Author: lw
 */
/* 以行布局 */
.rflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

/* 以列布局 */
.cflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

/* 行布局自动换行 */
.rflex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

/* 布局参数 */
.flex_1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-tap-highlight-color: transparent;
}

.flex_2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  -webkit-tap-highlight-color: transparent;
}

.flex_3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -webkit-tap-highlight-color: transparent;
}

.flex_4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  -webkit-tap-highlight-color: transparent;
}

.flex_5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
  -webkit-tap-highlight-color: transparent;
}

.flex_6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
  -webkit-tap-highlight-color: transparent;
}

.flex_7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
  -webkit-tap-highlight-color: transparent;
}

.flex_8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  -webkit-tap-highlight-color: transparent;
}

.flex_9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9;
  -webkit-tap-highlight-color: transparent;
}

.flex_10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10;
  -webkit-tap-highlight-color: transparent;
}

.flex_11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11;
  -webkit-tap-highlight-color: transparent;
}

.flex_12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12;
  -webkit-tap-highlight-color: transparent;
}

.flex_13 {
  -webkit-box-flex: 13;
  -ms-flex: 13;
  flex: 13;
  -webkit-tap-highlight-color: transparent;
}

.flex_14 {
  -webkit-box-flex: 14;
  -ms-flex: 14;
  flex: 14;
  -webkit-tap-highlight-color: transparent;
}

.flex_15 {
  -webkit-box-flex: 15;
  -ms-flex: 15;
  flex: 15;
  -webkit-tap-highlight-color: transparent;
}

.flex_16 {
  -webkit-box-flex: 16;
  -ms-flex: 16;
  flex: 16;
  -webkit-tap-highlight-color: transparent;
}

.flex_17 {
  -webkit-box-flex: 17;
  -ms-flex: 17;
  flex: 17;
  -webkit-tap-highlight-color: transparent;
}

.flex_18 {
  -webkit-box-flex: 18;
  -ms-flex: 18;
  flex: 18;
  -webkit-tap-highlight-color: transparent;
}

.flex_19 {
  -webkit-box-flex: 19;
  -ms-flex: 19;
  flex: 19;
  -webkit-tap-highlight-color: transparent;
}

.flex_20 {
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20;
  -webkit-tap-highlight-color: transparent;
}

/* 设置外边距 */
.flex_m {
  margin: 10px 12px !important;
}

.flex_m_tb {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.flex_m_lr {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/*设置内边距*/
.flex_p {
  padding: 10px 12px 10px 12px !important;
}

.flex_p_tb {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.flex_p_lr {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/*取消边距*/
.flex_no {
  margin: 0 0 !important;
  padding: 0 0 !important;
}

/*取消内边距*/
.flex_no_p {
  padding: 0 0 !important;
}

.flex_no_p_lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.flex_no_p_tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.flex_no_pt {
  padding-top: 0 !important;
}

.flex_no_pb {
  padding-bottom: 0 !important;
}

.flex_no_pl {
  padding-left: 0 !important;
}

.flex_no_pr {
  padding-right: 0 !important;
}

/*取消外边距*/
.flex_no_m {
  margin: 0 0 !important;
}

.flex_no_m_tb {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flex_no_m_lr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.flex_no_mt {
  margin-top: 0 !important;
}

.flex_no_mb {
  margin-bottom: 0 !important;
}

.flex_no_ml {
  margin-left: 0 !important;
}

.flex_no_mr {
  margin-right: 0 !important;
}

/* 内容 X 轴布局 */
.flex_x_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex_x_start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex_x_end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* 内容 Y 轴布局 */
.flex_y_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex_y_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex_y_end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* 内容 X + Y 轴布局 */
.flex_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 单个内容布局 */
.flex_one_center {
  -ms-flex-item-align: center;
      align-self: center;
}

.flex_one_start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.flex_one_end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/* 多内容布局 */
.flex_wrap_center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.flex_wrap_start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.flex_wrap_end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.flex_wrap_space_a {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.flex_wrap_space_b {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

/* 平均分布 */
.flex_space_a {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* 两边对齐 */
.flex_space_b {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*基础样式设置*/
/*圆角设置*/
.flex_r_1 {
  border-radius: 1px !important;
}

.flex_r_2 {
  border-radius: 2px !important;
}

.flex_r_3 {
  border-radius: 3px !important;
}

.flex_r_4 {
  border-radius: 4px !important;
}

.flex_r_5 {
  border-radius: 5px !important;
}

.flex_r_6 {
  border-radius: 6px !important;
}

.flex_r_7 {
  border-radius: 7px !important;
}

.flex_r_8 {
  border-radius: 8px !important;
}

.flex_r_9 {
  border-radius: 9px !important;
}

.flex_r_10 {
  border-radius: 10px !important;
}

.flex_r_15 {
  border-radius: 15px !important;
}

.flex_r_20 {
  border-radius: 20px !important;
}

.flex_r_25 {
  border-radius: 25px !important;
}

.flex_r_30 {
  border-radius: 30px !important;
}

/*高度设置*/
.flex_h_1 {
  height: 1px !important;
}

.flex_h_2 {
  height: 2px !important;
}

.flex_h_3 {
  height: 3px !important;
}

.flex_h_4 {
  height: 4px !important;
}

.flex_h_5 {
  height: 5px !important;
}

.flex_h_6 {
  height: 6px !important;
}

.flex_h_7 {
  height: 7px !important;
}

.flex_h_8 {
  height: 8px !important;
}

.flex_h_9 {
  height: 9px !important;
}

.flex_h_10 {
  height: 10px !important;
}

.flex_h_15 {
  height: 15px !important;
}

.flex_h_20 {
  height: 20px !important;
}

.flex_h_25 {
  height: 25px !important;
}

.flex_h_30 {
  height: 30px !important;
}

.flex_h_50 {
  height: 50px !important;
}

.flex_h_100 {
  height: 100px !important;
}

.flex_h_150 {
  height: 150px !important;
}

.flex_h_200 {
  height: 200px !important;
}

/*宽度设置*/
.flex_w_1 {
  width: 1px !important;
}

.flex_w_2 {
  width: 2px !important;
}

.flex_w_3 {
  width: 3px !important;
}

.flex_w_4 {
  width: 4px !important;
}

.flex_w_5 {
  width: 5px !important;
}

.flex_w_6 {
  width: 6px !important;
}

.flex_w_7 {
  width: 7px !important;
}

.flex_w_8 {
  width: 8px !important;
}

.flex_w_9 {
  width: 9px !important;
}

.flex_w_10 {
  width: 10px !important;
}

.flex_w_15 {
  width: 15px !important;
}

.flex_w_20 {
  width: 20px !important;
}

.flex_w_25 {
  width: 25px !important;
}

.flex_w_30 {
  width: 30px !important;
}

.flex_w_50 {
  width: 50px !important;
}

.flex_w_100 {
  width: 100px !important;
}

.flex_w_150 {
  width: 150px !important;
}

.flex_w_200 {
  width: 200px !important;
}

/*外边距设置*/
.flex_m_1 {
  margin: 1px !important;
}

.flex_m_2 {
  margin: 2px !important;
}

.flex_m_3 {
  margin: 3px !important;
}

.flex_m_4 {
  margin: 4px !important;
}

.flex_m_5 {
  margin: 5px !important;
}

.flex_m_6 {
  margin: 6px !important;
}

.flex_m_7 {
  margin: 7px !important;
}

.flex_m_8 {
  margin: 8px !important;
}

.flex_m_9 {
  margin: 9px !important;
}

.flex_m_10 {
  margin: 10px !important;
}

.flex_m_15 {
  margin: 15px !important;
}

.flex_m_20 {
  margin: 20px !important;
}

.flex_m_25 {
  margin: 25px !important;
}

.flex_m_30 {
  margin: 30px !important;
}

/*内边距设置*/
.flex_p_1 {
  padding: 1px !important;
}

.flex_p_2 {
  padding: 2px !important;
}

.flex_p_3 {
  padding: 3px !important;
}

.flex_p_4 {
  padding: 4px !important;
}

.flex_p_5 {
  padding: 5px !important;
}

.flex_p_6 {
  padding: 6px !important;
}

.flex_p_7 {
  padding: 7px !important;
}

.flex_p_8 {
  padding: 8px !important;
}

.flex_p_9 {
  padding: 9px !important;
}

.flex_p_10 {
  padding: 10px !important;
}

.flex_p_15 {
  padding: 15px !important;
}

.flex_p_20 {
  padding: 20px !important;
}

.flex_p_25 {
  padding: 25px !important;
}

.flex_p_30 {
  padding: 30px !important;
}

/*内容对齐方式*/
.flex_text_center {
  text-align: center !important;
}

.flex_text_left {
  text-align: left !important;
}

.flex_text_right {
  text-align: right !important;
}