page{
  background-color: #AAA8A5;
}

.container {
  background-color: #AAA8A5;
}

.panel1 {
  width: 100%;
  background-color: #fff;
}

.panel11 {
  font-weight: 400;
  font-size: 36rpx;
  color: #2E2E2E;
  margin-top: 248rpx;
}

.panel12 {
  font-size: 48rpx;
  color: #2E2E2E;
  margin-bottom: 86rpx;
}

.panel2 {
  width: 100%;
  height: 283rpx;
  background-color: #D0CFCD;
}

.panel21 {
  font-family: Teko-Bold;
  font-size: 96rpx;
  color: #4D4D4D;
}

.panel22 {
  width: 380rpx;
  height: 140rpx;
  background: #FFFFFF;
  box-shadow: 0 6rpx 0 0 rgba(0, 0, 0, 0.10);
  border-radius: 20rpx;
  font-family: PingFangSC-Semibold;
  font-size: 24rpx;
  color: #2E2E2E;
  align-items: flex-start;
}

.panel23 {
  width:220rpx;
  margin-left: 30rpx;
}

.sysIcon_b06 {
  width: 20rpx;
  height: 20rpx;
  margin: 0 0 26rpx 34rpx;
}
.panel221{
  margin: 0 0 0 30rpx;
}

.panel3 {
  width: 100%;
  height: 90rpx;
  background-image: linear-gradient(180deg, #63615F 0%, #989692 100%);
}

.panel4 {
  width: 100%;
  position: relative;
}

.panel41 {
  width: 260rpx;
  height: 260rpx;
  margin-top: 120rpx;
  background-color: #fff;
  border-radius: 50%;
}
.panel42 {
  width: 100rpx;
  height: 108rpx;
  border-radius: 50%;
  position: absolute;
  top:120rpx;
  right:195rpx;
}