@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.dt-tab-scroll-wrap {
  width: 100vw;
  background-color: #fff;
}
.dt-tab-scroll-wrap .tab-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-max-content;
  width: max-content;
  white-space: nowrap;
  height: 90rpx;
  line-height: 90rpx;
  font-size: 28rpx;
}
.dt-tab-scroll-wrap .tab-wrap .tab-item {
  position: relative;
  width: 20vw;
  text-align: center;
}
.dt-tab-scroll-wrap .tab-wrap .tab-item.active {
  color: #2f7ff5;
}
.dt-tab-scroll-wrap .tab-wrap .tab-item.active-line:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80rpx;
  height: 4rpx;
  border-radius: 2rpx;
  background-color: #2f7ff5;
  content: '';
}

