/*flex甯冨眬*/

.flex {
  display: -webkit-box;
  display: box;
  display: flex;
}

/*涓昏酱[姘村钩|鍨傜洿]锛岄粯璁ゆ槸姘村钩*/
.direction-v {
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column;
}

/*涓ょ瀵归綈*/
.justify {
  -webkit-box-pack: justify;
  box-pack: justify;
  justify-content: space-between;
}

/*姘村钩灞呬腑瀵归綈*/
.h-center {
  -webkit-box-pack: center;
  box-pack: center;
  justify-content: center;
}

/*鍨傜洿灞呬腑*/
.v-center {
  -webkit-box-align: center;
  box-align: center;
  align-items: center;
}
/*搴曢儴瀵归綈*/
.v-bottom {
  -webkit-box-align: end;
  box-align: end;
  align-items: flex-end;
}
/*鍨傜洿瀹瑰櫒鍏冪礌閾烘弧瀹瑰櫒楂樺害  榛樿鍊  濡傛灉椤圭洰鏈缃珮搴︽垨涓篴uto锛屽垯灏嗗崰婊℃暣涓鍣ㄩ珮搴?/
.v-full {
  -webkit-box-align: stretch;
  box-align: stretch;
  align-items: stretch;
}

/*鎹㈣  榛樿涓嶆崲琛?/
.wrap {
  -webkit-box-lines: multiple;
  box-lines: multiple;
  flex-wrap: wrap;
}

/*澶氳鎯呭喌鐢盋SS鎺у埗锛屼笉闇€瑕乤lign-content灞炴€ф潵鎺у埗*/