page {
  width: 100%;
  margin: 0;
  /* background: #F8F9FD; */
  /* background-image: url('https://s.dev01.dkiboss.com:7000/file/static/img/home-back.png'); */
  /* background: linear-gradient(359.85deg, rgba(255, 255, 255, 0.58) -11.63%, #1650BC 60.68%); */
  /* height: 200rpx; */
  background: #FFFFFF;
}

.head {
  z-index: 1;
  height: 340rpx;
  width: 100%;
  background: #A51006;
  position: fixed;
  top: 0;
}

.head-image {
  width: 100%;
  position: fixed;
  height: 580rpx;
}

.company {
  width: 100%;
  position: fixed;
  left: 40rpx;
  top: 60rpx;
  color: #F8F9FD;
}

.company-change-class {
  margin-right: 10rpx;
  font-size: 16px;
  font-weight: 500;
}

.content {
  /* padding-top: 140rpx; */
  /* height: 80vh; */
  margin-left: 40rpx;
  margin-right: 40rpx;
  width: calc(100% - 80rpx);
  background: #FFFFFF;
}

.content-data {
  width: 80vw;
  height: 280rpx;
  background: linear-gradient(105.85deg, #C1D1ED -56.04%, #507BCC 96.41%);
  border-radius: 20rpx;
  position: absolute;
  z-index: 9
}

.content-data-next {
  width: 80vw;
  margin-left: 8vw;
  height: 220rpx;
  border-radius: 20rpx;
  position: absolute;
  margin-top: 30rpx;
  background: #C2D0EE;
  z-index: 8;
}

.content-data-title {
  color: #FFFFFF;
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin: 30rpx 30rpx;
}

.content-data-items {
  display: flex;
  width: 100%;
}

.content-data-item {
  width: 50%;
  margin: 15rpx 15rpx;
}

.content-data-item-title {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15rpx 15rpx;
}

.content-data-item-con {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20rpx;
}

.com-menu-class {
  position: relative;
  /* margin-top: 310rpx; */
  margin-top: -60rpx;
  background: #fff;
  border-radius: 15rpx;
  box-shadow: 0px 4px 30px 0px #0000001A;
}

.split-class{
  border: 1rpx solid #FFFFFF66;
  margin: 20rpx 0 10rpx 0;
}



.current_month_week {
  width: 100%;
  margin-top: 40rpx;
  font-size: 28rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.current_week_text {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}

.current_month_text {
  width: 30%;
  display: flex;
  justify-content: flex-start;
}

.current_month_week_title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
}

.current_month_week_amount {
  width: 85%;
  margin-top: 20rpx;
  font-size: 28rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index-grid-item-text-class {
  color: #1B365D !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #1B365D;
}

.top-big-text {
  font-style: normal;
  font-weight: 600;
  font-size: 32rpx;
  line-height: 45rpx;
  color: #FFFFFF;
  margin-left: 18rpx;
}

.top-small-text {
  font-style: normal;
  font-weight: 400;
  font-size: 24rpx;
  line-height: 34rpx;
  color: #FFFFFF;
  margin-left: 12rpx;
}

.card-bottom {
  display: flex;
  margin-left: 20rpx;
  margin-top: 10rpx;
}

.card-bottom-button {
  /* width: 100%; */
  /* background: #B7DBFF; */
  height: 54rpx;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 15rpx;
}

.card-bottom-image {
  width: 90rpx;
  height: 128rpx;
  border-radius: 0 0 20rpx 0;
}

.card-bottom-button-font {
  font-size: 2.6vw;
}

.func {
  width: 100%;
  height: 500rpx;
  margin-bottom: 10rpx;
  margin-top: 15rpx;
}

.func-card-blue {
  margin: 15rpx 1.75%;
  width: 31%;
  height: 215rpx;
  border-radius: 19rpx;
}

.func-card-blue:nth-child(3n + 1) {
  margin-left: 0;
}

.func-card-blue:nth-child(3n) {
  margin-right: 0;
}

.func-card-purple {
  width: 47%;
  height: 198rpx;
  background: linear-gradient(209.99deg, #E2E8FF 14.33%, #D5DDFF 73.85%);
  border-radius: 19rpx;
}

.card-title {
  margin-top: 24rpx;
  display: flex;
  height: 54rpx;
  align-items: center;
  width: 100%;
  /* justify-content: center; */
}

.card-name {
  font-style: normal;
  font-weight: 600;
  font-size: 32rpx;
  line-height: 48rpx;
  margin-left: 16rpx
}

.card-name-blue {
  font-weight: 600;
  text-align: left;
  font-size: 4vw;
}

.card-name-purple {
  color: #606EB2;
}

.icon-arrow {
  width: 25rpx;
  height: 25rpx;
  border-radius: 16rpx;
  margin-left: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-title {
  width: 76rpx;
  height: 84rpx;
  margin-top: 20rpx;
  margin-left: 20rpx
}

.icon-title_diamond {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  left: 5rpx;
  top: -20rpx;
}

/* 设置swiper组件的宽高 */
swiper {
  margin-top: 30rpx;
  margin-bottom: 0;
  width: 90vw;
  height: 280rpx;

}

/* 设置swiper组件里面图片的宽高 */
swiper image {
  width: 100%;
  height: 280rpx;
  border-radius: 15rpx;
}

.swiper-item {
  margin: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box
}

image {
  max-width: 100%;
  display: inline-block;
  position: relative;
  z-index: 0;
}

.swiper-box {
  height: 280rpx;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 90rpx;
  top: -88rpx;
  display: block;
}

.swiper-box .item-box {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s ease-in 0s;
  opacity: 1;
  /* box-shadow: 0px 13rpx 12rpx rgba(0, 0, 0, .5); */
  border-radius: 15rpx;
  overflow: hidden;
  width: 92%;
  height: 100%;
  display: block;
  box-sizing: border-box;
}

/* .swiper-box .item-box.none {
  opacity: 0;
} */

.swiper-box .item-box .swiper-item {
  width: 100%;
  height: 100%;
  border-radius: 6rpx;
  overflow: hidden;
}


.swiper-box .item-box {
  transform: scale(calc(0.8 + var(--index) / 10));
  margin-left: calc(var(--left) * 80rpx);
  z-index: var(--index);
}

.permissions-masks-fa {
  position: absolute;
  z-index: 10000;
  left: 40rpx;
  right: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vip-icon-view{
  width: 100%;
  position: relative;
  z-index: 1000;
}

.icon-title_vip {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  left: 15rpx;
  top: 1rpx;
}