.am-vtabs {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
}
.am-vtabs-bar {
  width: 120px;
  overflow: hidden;
}
.am-vtabs-bar-line {
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  overflow: hidden;
  font-size: 0;
  border-radius: 50vh;
}
.am-vtabs-bar-line-radius {
  position: absolute;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50vh;
  overflow: hidden;
  font-size: 0;
}
.am-vtabs-bar-line-radius__top {
  top: -8px;
}
.am-vtabs-bar-line-radius__bottom {
  bottom: -8px;
}
.am-vtabs-bar-placehold {
  flex: 1 1 0%;
}
.am-vtabs-bar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 120px;
}
.am-vtabs-bar-content::-webkit-scrollbar {
  display: none;
}
.am-vtabs-bar-tab {
  position: relative;
  box-sizing: border-box;
  width: 120px;
  padding: 12px 24px;
  text-align: center;
}
.am-vtabs-bar-tab__hover {
  opacity: 0.6;
}
.am-vtabs-bar-tab__active {
  font-size: 15px;
  font-size: var(--am-vtabs-fontSize-active, 15px);
}
.am-vtabs-bar-tab__same {
  font-size: 13px;
  font-size: var(--am-vtabs-fontSize-same, 13px);
}
.am-vtabs-bar-title {
  position: relative;
  display: inline-block;
}
.am-badge-text-left {
  right: -2px !important;
}
.am-badge-text {
  top: -2px !important;
  background-color: #ff3b30 !important;
}

.am-vtabs-content-wrap {
  overflow: hidden;
  flex: 1;
  height: 100%;
  background-color: #fff;
  background-color: var(--am-vtabs-content-bgc, #fff);
}
.am-vtabs-slides {
  height: 100%;
}
.am-vtabs-slides.animate {
  transition-duration: 0.3s;
}
