@charset "UTF-8";
/* 需要放到文件最上面 */
/* 水平间距 */
/* 水平间距 */
/*
 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
 */
/* 水平间距 */
.index-container {
  background: #fff;
  box-sizing: border-box;
  border-top: 2rpx solid #d9d9d9;
  min-height: 100vh;
  padding-bottom: 40rpx;
}
.index-container .project {
  max-width: 100%;
  display: inline-block;
  padding: 30rpx;
  box-sizing: border-box;
}
.index-container .project .project-box {
  box-sizing: border-box;
  padding: 0 30rpx;
  height: 80rpx;
  background-color: #ffffff;
  border-radius: 80rpx;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
}
.index-container .project .project-box .name {
  margin: 0 12rpx;
  font-weight: 500;
  flex: 1;
}
.index-container .banner-box {
  padding: 0 30rpx;
}
.index-container .index-group {
  padding: 0 20rpx;
}
.index-container .index-group .title {
  font-size: 32rpx;
  font-weight: 700;
  padding: 30rpx 10rpx 20rpx 10rpx;
}
.index-container .index-group .group-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.index-container .index-group .group-item {
  width: 50%;
  height: 400rpx;
  padding: 10rpx;
  box-sizing: border-box;
}
.index-container .index-group .small-box {
  width: 50%;
  height: 400rpx;
  box-sizing: border-box;
}
.index-container .index-group .small-box.small-boxs {
  height: 200rpx;
}
.index-container .index-group .small-box .small {
  height: 200rpx;
  padding: 10rpx;
  box-sizing: border-box;
}
.index-container .index-group .group-veiw {
  width: 100%;
  height: 100%;
  border-radius: 16rpx;
  position: relative;
}
.index-container .index-group .group-veiw .label {
  color: #fff;
  font-weight: 500;
  position: absolute;
  top: 40rpx;
  left: 40rpx;
}
.index-container .index-group .group-veiw .group-icon {
  position: absolute;
  bottom: 40rpx;
  right: 40rpx;
}
.index-container .index-group .bg1 {
  background-color: #88d498;
}
.index-container .index-group .bg2 {
  background-color: #7ad9ff;
}
.index-container .index-group .bg3 {
  background-color: #ffb997;
}
.index-container .index-group .bg4 {
  background-color: #f67e7d;
}
.index-container .index-group .bg5 {
  background-color: #ffaaaa;
}
.index-container .index-group .bg6 {
  background-color: #9ac0cd;
}
.index-container .index-group .bg7 {
  background-color: #d8d8ff;
}
.index-container .index-group .bg8 {
  background-color: #bfbfbf;
}
.index-container .index-group .bg9 {
  background-color: #40e0d0;
}
.index-container .index-group .bg10 {
  background-color: #f8d3da;
}