.flex {
  display: flex;
}

.flex_1 {
  flex: 1;
}

.flex_nowrap{
  flex-wrap: nowrap;
}

.flex_wrap{
  flex-wrap: wrap;
}

.flex_shrink{
  flex-shrink:0;
}

.flex_center {
  align-items: center;
  justify-content: center;
}

.flex_row_spacebetween{
  justify-content: space-between;
}

.flex_ver_center {
  align-items: center;
}

.flex_column {
  flex-direction: column;
}

.font10 {
  font-size: 10px;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.overflow_hidden {
  overflow: hidden;
}

.shadow{
  position: relative;
  box-shadow:1px 1px 1px lightgray;
}

.under_line{
  text-decoration: underline;
}

.through_line{
  text-decoration: line-through;
}


.bottom_border{
  border-bottom:1px solid #f6f6f6;
}

.white_bg{
  background-color:white;
}

.name2line{
  display: -webkit-box;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height:40px;
  line-height:20px;
}


.placeholder_text{
  color:lightgray;
}

.fw700{
  font-weight: 700;
}

.fw500{
  font-weight:500;
}

.fw600{
  font-weight:600
}

.gray_text{
  color:gray;
}

.white_text{
  color:white;
}

.block{
  display:block;
}