.search-enter-active,
.search-leave-active {
  width: 242px;
  transition: width 0.5s;
}
.search-enter,
.search-leave-to {
  width: 60px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease-in;
}
.fade-enter, 
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.fade-position-enter-active,
.fade-position-leave-active {
  transition: all 0.3s ease-in;
}
.fade-position-enter, 
.fade-position-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateX(50px);
}

.el-message {
  z-index: 3000 !important;
}

/* 规范容器样式 */

.default-layout-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

.default-layout-container-inner {
  width: 100%;
  height: 100%;
  padding: 16px 24px;
  box-sizing: border-box;
}

.head-enter-active,
.head-leave-active {
  transition: all 0.5s ease;
}
.head-enter,
.head-leave-to {
  opacity: 0;
  transform: translateY(50px);
}
