.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  width: 100vw;
  will-change: transform;
  transition: all 500ms;
  position: absolute;
}

.slide-right-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.slide-right-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.direction-enter,
.direction-leave-to {
  transform: translate3d(100%, 0, 0);
}

.direction-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 100;
  overflow: hidden;
  transition: transform 0.3s;
}



@font-face {
  font-family: 'PingFang SC';
  src: url('../font//PingFang_SC_mianfeiziti.com.c6eef29e.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url('../font/DINPro.d7abf218.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.DINPro {
  font-family: 'DINPro', serif;
}

.PingFang {
  font-family: 'PingFang SC', sans-serif;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 4480663 */
  src: url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.woff2?t=1711356150713') format('woff2'),
    url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.woff?t=1711356150713') format('woff'),
    url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.ttf?t=1711356150713') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}