.bg-n, .bg {
  width: 710rpx;
  margin: 0 20rpx;
  background-color: white;
  box-shadow: 0 4rpx 8rpx 0 rgba(0,0,0,0.03);
}

.bg-n {
  display: flex;
  height: 276rpx;
}

.bg {
  display: flex;
  flex-direction: column;
}

.bg-n>image {
  width: 24rpx;
  height: 24rpx;
  margin: auto 14rpx auto auto;
}

.bg-n>text {
  font-size: 30rpx;
  color: #3296FB;
  line-height: 276rpx;
  margin: 0 auto 0 0;
}

/* bg */
.bg>text:nth-child(1) {
  font-family: PingFangSC-Semibold;
  font-size: 32rpx;
  color: #333333;
  line-height: 44rpx;
  margin: 40rpx 48rpx 18rpx;
}

.bg>text:nth-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #666666;
  line-height: 40rpx;
  margin: 0 48rpx 18rpx;
}

.bg>view:nth-child(3) {
  height: 0.7px;
  background-color: #eeeeee;
  margin: 30rpx 0 0 48rpx;
}

.bg>view:nth-child(4) {
  width: 100%;
  height:90rpx;
  display: flex;
}

.bg>view:nth-child(4)>view {
  width: 90rpx;
  height: 90rpx;
  display: flex;
}

.bg>view:nth-child(4)>view:first-child {
  margin-left: auto;
  margin-right: 14rpx;
}

.bg>view:nth-child(4)>view:last-child {
  margin-right: 12rpx;
}

.bg>view:nth-child(4)>view>image:first-child {
  margin: auto auto;
  width: 28rpx;
  height: 28rpx;
}

.bg>view:nth-child(4)>view>image:last-child {
  margin: auto auto;
  width: 32rpx;
  height: 30rpx;
}