@charset "UTF-8";
/**
 * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 
 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.line-orange {
  width: 8rpx;
  height: 32rpx;
  background: #ff7a31;
  border-radius: 4rpx;
}
.se-bgc-ffd {
  background-color: #FFDFDB;
}
/* fix uview */
uni-modal {
  z-index: 9999;
}
uni-modal .uni-modal {
  max-width: 600rpx;
  width: 600rpx;
  border-radius: 15.38rpx;
  padding: 20rpx 20rpx 50rpx 20rpx;
}
uni-modal .uni-modal .uni-modal__hd {
  font-weight: 500;
  padding: 20rpx 10rpx 30rpx 10rpx;
  color: #666666;
}
uni-modal .uni-modal .uni-modal__hd .uni-modal__title {
  font-size: 32rpx;
}
uni-modal .uni-modal .uni-modal__bd {
  padding: 0rpx 10rpx 60rpx 10rpx;
  color: #000000;
  line-height: 38rpx;
  font-size: 24rpx;
}
uni-modal .uni-modal .uni-modal__ft {
  height: 70rpx;
  line-height: 65rpx;
  padding: 0rpx 20rpx 0rpx 20rpx;
}
uni-modal .uni-modal .uni-modal__ft .uni-modal__btn {
  font-size: 24rpx;
  border: 2rpx solid #1678ff;
  color: #1678ff;
  border-radius: 12rpx;
}
uni-modal .uni-modal .uni-modal__ft .uni-modal__btn::after {
  border-left: 0px solid #ffffff;
}
uni-modal .uni-modal .uni-modal__ft .uni-modal__btn_default {
  color: #1678ff !important;
}
uni-modal .uni-modal .uni-modal__ft .uni-modal__btn_primary {
  color: #ffffff !important;
  background-color: #1678ff;
}
uni-modal .uni-modal .uni-modal__ft .uni-modal__btn + .uni-modal__btn {
  margin-left: 30rpx;
}
uni-modal .uni-modal .uni-modal__ft:after {
  border-top: 0rpx solid #fff;
}
uni-modal .uni-modal .uni-modal__textarea {
  margin: 20rpx;
  font-size: 14px;
  height: 140px;
  border-radius: 10px;
  background: #f5f5f5;
}
.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: -webkit-transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.area-box > view.change {
  -webkit-transform: translateX(-33.33333%);
          transform: translateX(-33.33333%);
}
.area-box .area-item {
  width: 33.3333333%;
  height: 800rpx;
}