@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/*每个页面公共css */
.center_in {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.space_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.up_and_down {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.same_row_in {
  display: flex;
  align-items: center;
}
.font_green {
  color: #4CAF50;
}
.frame {
  position: relative;
}
.frame::after {
  position: absolute;
  content: '';
  border-bottom: 4rpx solid #e4e7ed;
  width: 200%;
  height: 200%;
  top: 0;
  left: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  pointer-events: none;
  /* 使伪元素不会阻止鼠标事件 */
}
.bottomFit {
  padding-bottom: 0 !important;
  padding-bottom: constant(safe-area-inset-bottom) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
page {
  background-color: #F3F4F6;
}