technologyMarket/pages/openVip/openVip.wxss

.top {
  width: 100%;
  height: 275rpx;
}

.box {
  width: 660rpx;
  height: 300rpx;
  margin-top: 30rpx;
  margin-left: 45rpx;
  display: flex;
}

.one {
  width: 200rpx;
  height: 300rpx;
  border: 1px solid #fae2a5;
  background-color: #fffdf1;
  border-radius: 25rpx;
  text-align: center;
}
.tj {
  color: #fff;
  width: 100rpx;
  height: 45rpx;
  border-radius: 20rpx 0;
  text-align: center;
  font-size: 28rpx;
  line-height: 45rpx;
  background: linear-gradient(0deg, #ff8229 0%, #ff4d2f 100%);
}
.lxbn{
  font-size: 30rpx;
  font-weight: 900;
  color: #3f290a;
  margin-top: 20rpx;
}
.js{
  width: 150rpx;
  font-size: 25rpx;
  background-color: #ff4f2e;
  height: 40rpx;
  /* line-height: 20rpx; */
  color: #fff;
  border-radius: 15rpx;
  margin-left: 25rpx;
  margin-top: 20rpx;
  font-weight: 900;
}
.two {
  width: 200rpx;
  height: 300rpx;
  margin-left: 25rpx;
  background-color: #f5f5f5;
  border-radius: 25rpx;
  text-align: center;
}
.month{
  font-size: 30rpx;
  font-weight: 900;
  color: #3f290a;
  margin-top: 65rpx;
}
.dyzd{
  width: 130rpx;
  font-size: 25rpx;
  height: 40rpx;
  color: #e8b677;
  line-height: 40rpx;
  border-radius: 20rpx;
  margin-left: 35rpx;
  margin-top: 20rpx;
  font-weight: 900;
  border: 1px solid #e8b677;
}
.three {
  width: 200rpx;
  height: 300rpx;
  margin-left: 25rpx;
  background-color: #f5f5f5;
  border-radius: 25rpx;
  text-align: center;
}
.submit_btn{
  border-radius: 40rpx;
  height: 85rpx;
  font-size: 30rpx;
  line-height: 55rpx;
  font-weight: 600;
  color: #fff;
  background: -webkit-linear-gradient(left, #f3eccc, #f3dca0);
  text-align: center;
  margin-top: 70rpx;
  color: #3f290a;
  position: fixed;
  bottom: 0;
  /* position: fixed; */
  /* bottom: 0; */
}
.qy{
  width: 600rpx;
  height: 198rpx;
  margin-top: 60rpx;
  margin-left: 75rpx;
}