@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.dt-page.data-v-5ebb8b58 {
  min-height: 100vh;
  background-color: #f2f2f2;
}
.dt-page .tab-h.data-v-5ebb8b58 {
  height: 80rpx;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 80rpx;
  background: white;
  font-size: 28rpx;
  white-space: nowrap;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.dt-page .tab-h .tab-item.data-v-5ebb8b58 {
  display: inline-block;
  color: #333333;
  width: 30%;
}
.dt-page .tab-h .tab-item.active.data-v-5ebb8b58 {
  color: #2f7ff5;
  position: relative;
  width: 30%;
  font-weight: 600;
}
.dt-page .tab-h .tab-item.active.data-v-5ebb8b58:after {
  content: "";
  display: block;
  height: 4rpx;
  width: 30%;
  background: #2f7ff5;
  position: absolute;
  bottom: 0;
  left: 34%;
  border-radius: 16rpx;
}
.dt-page .scoll-h.data-v-5ebb8b58 {
  height: 100%;
}
.dt-page .scoll-h .container.data-v-5ebb8b58 {
  font-size: 22rpx;
  color: #999999;
  padding: 0 30rpx;
}
.dt-page .scoll-h .voucher.data-v-5ebb8b58 {
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  border-radius: 10rpx;
  margin: 0 0 30rpx 0;
  position: relative;
}

