page {
  color: $wb-main-c;
  font-size: 28rpx;
}

// #region 去除webkit的默认样式
.wb-fix-ios-appearance {
  -webkit-appearance: none;
}
// #endregion

/* start--各种hover点击反馈相关的类名-start */
.wb-hover-class {
  opacity: 0.6;
}
/* end--各种hover点击反馈相关的类名--end */

// #region Retina 屏幕下的 1px 边框
.wb-b,
.wb-b-b,
.wb-b-l,
.wb-b-r,
.wb-b-t,
.wb-b-tb,
.wb-b-no {
  position: relative;
}

.wb-b-no {
  border: none !important;
}

.wb-b-b:after,
.wb-b-l:after,
.wb-b-r:after,
.wb-b-tb:after,
.wb-b-t:after,
.wb-b:after,
.wb-b-no:after {
  /* #ifndef APP-NVUE */
  content: ' ';
  /* #endif */
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
  transform-origin: 0 0;
  // 多加0.1%，能解决有时候边框缺失的问题
  width: 199.8%;
  height: 199.7%;
  transform: scale(0.5, 0.5);
  border: 0 solid $wb-bc-base;
  z-index: 2;
}

.wb-b-t:after {
  border-top-width: 1px;
}

.wb-b-l:after {
  border-left-width: 1px;
}

.wb-b-r:after {
  border-right-width: 1px;
}

.wb-b-b:after {
  border-bottom-width: 1px;
}

.wb-b-tb:after {
  border-width: 1px 0;
}

.wb-b:after {
  border-width: 1px;
}

.wb-b-no:after {
  border: none !important;
}
// #endregion

// #region 阴影
.wb-shadow-box {
  box-shadow: 0px 0px 16rpx $wb-bc-base;
}
.wb-shadow {
  position: relative;
}
.wb-shadow::before {
  content: '';
  display: block;
  background: inherit;
  filter: blur(6rpx);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 8rpx;
  left: 8rpx;
  z-index: 1;
  opacity: 0.38;
  transform-origin: 0 0;
  border-radius: inherit;
  transform: scale(1, 1);
}
// #endregion