/*公共基础样式*/
.text-ellipsis {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.dfr {
  display: flex;
  flex-direction: row;
}

.dfr-X-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.dfr-Y-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dfr-XY-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.dfc {
  display: flex;
  flex-direction: column;
}

.dfc-X-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dfc-Y-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dfc-XY-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btn-default{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 31px;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 12px;
  color: #18191C;
  border: 1px solid #E3E5E7;
  background-color: #FFFFFF;
  margin-left: 8px;
  transform-origin: center;
  transition: .2s;
  cursor: pointer;
  white-space: nowrap;
}

.btn-default:hover{
  background-color: #f2f3f4;
  color: #18191C;
}