shebao-baidu-MiniProgram/page/home/index/index.css

@import "../public/page/strategy.css";


page {
  background-color: #F5F5F5;
}

lifestyle {
  height: 100rpx;
  width: 100%;
  position: fixed;
  top: 0;
}

.bg-scroll-view {
  width: 100%;
  /* height: 1300rpx; */
  background-color: rgba(0,0,0,0);
}

/* page/home/index.wxss */
.banner {
  margin-top: -1200rpx;
  width: 750rpx;
  height: 300rpx;
  display: block;
}

.tips {
  position: fixed;
  top: 88rpx;
  right: -436rpx;
  width: 436rpx;
  height: 112rpx;
  display: flex;
}

.tips > image {
  width: 436rpx;
  height: 112rpx;
  display: block;
}

/* purchase-bg */
.purchase-bg {
  width: 660rpx;
  margin: -86rpx 45rpx 30rpx;
}

.purchase-bg>view {
  background-color: white;
  border-radius: 16rpx;
  width: 100%;
  height: 600rpx;
  margin-bottom: 24rpx;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20rpx 52rpx 0 rgba(0,0,0,0.04);
}

.purchase-bg>view>view:first-child {
  width: 100%;
  height: 50rpx;
  display: flex;
  margin: 50rpx 0 26rpx;
}

.purchase-bg>view>view:first-child>view:first-child,
.purchase-bg>view>view:first-child>view:last-child {
  height: 0.7px;
  background-color: #ECEEF1;
}

.purchase-bg>view>view:first-child>view:first-child {
  margin: auto 0 auto 50rpx;
}
.purchase-bg>view>view:first-child>view:last-child {
  margin: auto 50rpx auto 0;
}

.purchase-bg>view>view:first-child>image {
  width: 48rpx;
  height: 20rpx;
  margin: auto auto;
}

.purchase-bg>view>view:first-child>text {
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  line-height: 50rpx;
}

.first-title {
  color: #3296FB;
}

.second-title {
  color: #2CC17B;
}

.purchase-item {
  width: 560rpx;
  height: 130rpx;
  background-color: #FAFCFF;
  margin: 0 auto 16rpx;
  display: flex;
}

.purchase-item>image:first-child {
  width: 60rpx;
  height: 60rpx;
  margin: auto 28rpx auto 36rpx;
}

.purchase-item>image:last-child {
  width: 14rpx;
  height: 24rpx;
  margin: auto 34rpx auto auto;
}

.purchase-item>view {
  display: flex;
  flex-direction: column;
}

.purchase-item>view>text:first-child {
  font-family: PingFangSC-Medium;
  font-size: 34rpx;
  color: #666666;
  line-height: 48rpx;
  margin-top: 24rpx;
}

.purchase-item>view>text:last-child {
  font-family: PingFangSC-Regular;
  font-size: 26rpx;
  color: #999999;
  line-height: 36rpx;
  margin-top: 2rpx;
}

/* .purchase-bg>view>view:last-child {
  width: 480rpx;
  height: 100rpx;
  margin: 36rpx auto 0;
  font-family: PingFangSC-Semibold;
  font-size: 34rpx;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 100rpx;
  border-radius: 50rpx;
}

.first-button {
  background-image: linear-gradient(-89deg, #469DFF 0%, #3FC6FF 100%);
}

.second-button {
  background-image: linear-gradient(90deg, #4CD4B3 1%, #2CC09A 99%);
} */

.purchase-bg+image {
  display: block;
  width: 280rpx;
  height: 56rpx;
  margin: 75rpx auto 45rpx;
}