/**
 * 下方引入的为uvUI的集成样式文件，为scss预处理器，其中包含了一些"uv-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * uvUI自定义的css类名和scss变量，均以"uv-"开头，不会造成冲突，请放心使用 
 * @import '@/uni_modules/uv-ui-tools/theme.scss';
 */
.se-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10rpx;
}
.area-box {
  width: 100%;
  overflow: hidden;
  height: 800rpx;
}
.area-box .u-flex {
  display: flex;
}
.area-box .u-padding-10 {
  padding: 10rpx;
}
.area-box > view {
  width: 150%;
  transition: transform 0.3s ease-in-out 0s;
  transform: translateX(0);
}
.area-box > view.change {
  transform: translateX(-33.3333333%);
}
.area-box .area-item {
  width: 33.3333333%;
  height: 800rpx;
}