/**
 * Author: lw
 */
/* 以行布局 */
.rflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
}

/* 以列布局 */
.cflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
}

/* 行布局自动换行 */
.rflex_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex_20 {
  -webkit-box-flex: 20;
  -webkit-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 {
  justify-content: center;
}

.flex_x_start {
  justify-content: flex-start
}

.flex_x_end {
  justify-content: flex-end
}

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

.flex_y_start {
  align-items: flex-start
}

.flex_y_end {
  align-items: flex-end
}

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

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

.flex_one_start {
  align-self: flex-start
}

.flex_one_end {
  align-self: flex-end
}

/* 多内容布局 */
.flex_wrap_center {
  align-content: center
}

.flex_wrap_start {
  align-content: flex-start
}

.flex_wrap_end {
  align-content: flex-end
}

.flex_wrap_space_a {
  align-content: space-around
}

.flex_wrap_space_b {
  align-content: space-between
}

/* 平均分布 */
.flex_space_a {
  justify-content: space-around
}

/* 两边对齐 */
.flex_space_b {
  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;
}