@media screen and (max-width: 1423px) {
  .addnewips {
    right: 5% !important;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1699px) and (min-width: 1424px) {
  .addnewips {
    right: -3% !important;
  }
}
.arco-menu .arco-menu-item {
  padding: 0 4px 0 10px;
}
.arco-menu .arco-menu-item .arco-menu-inline-header {
  height: 60px !important;
}
.arco-menu .arco-menu-item .arco-menu-indent-list {
  display: none;
}
.arco-menu .arco-menu-selected {
  background: transparent;
  color: #000;
}
.arco-menu .arco-menu-inner {
  padding: 0 !important;
}
.drawer-enter-active,
.drawer-leave-active {
  transition: 0.3s;
}
.drawer-enter-active .drawer-mask,
.drawer-leave-active .drawer-mask {
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-leave-active .drawer-mask {
  transition-delay: 0.15s;
}
.drawer-enter-from .drawer-mask,
.drawer-leave-to .drawer-mask {
  opacity: 0;
}
.drawer-enter-active .drawer-body,
.drawer-leave-active .drawer-body {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-enter-from .drawer-body,
.drawer-leave-to .drawer-body {
  opacity: 0;
  transform: translate3d(-32px, 0, 0);
}
.arco-menu-inline-header:hover,
.arco-menu-item:hover {
  color: #007aff !important;
}
.bg-full-size {
  background-size: 100% 100%;
}
.gradient-text {
  background: linear-gradient(90deg, #e13ab9, #2872ef);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
  font-weight: 700;
}
.hoverClass:hover .hoverBg {
  background: #fff;
}

#app-footer .serve div ul {
  text-align: left;
  width: 180px;
}
#app-footer .serve div ul li {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}
#app-footer .serve div ul li:first-child {
  color: #55687d;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 16px;
}
#app-footer .serve div ul:nth-child(4) li {
  text-align: left;
}
#app-footer .hover_active:hover {
  color: #fff !important;
  cursor: pointer;
}

.transparent-text {
  color: #ffffffb3 !important;
}
.demo-basic {
  background-color: var(--color-bg-popup);
  border-radius: 4px;
  box-shadow: 0 2px 8px #00000026;
  padding: 10px;
  width: 200px;
}
.TWBottomBanner {
  background-image: url(./btm_banner_zh.CnKWnmoC.png);
}
.TWBottomBanner,
.enBottomBanner {
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.enBottomBanner {
  background-image: url(./btm_banner_en.3qz0qK_J.png);
}