bike-alipay/pages/ride_zige/ride_zige.acss

/* required by usingComponents */
/* pages/ride_zige/ride_zige.wxss */
page{
  background: #ffffff;
}
.zige-tips {
  text-align: center;
  padding: 20rpx;
  background-color: #fef5cc;
}

.title {
  font-size: 30rpx;
  font-weight: bold;
  color: #715321;
}

.text {
  font-size: 24rpx;
  color: #4f4218;
  margin: 10rpx 0;

}

.card-list {
  position: relative;
  margin: 70rpx 30rpx;
}

.jingxuan {
  position: absolute;
  top: -80rpx;
  left: -15rpx;
  padding: 10rpx 20rpx;
  color: #fff;
  font-size: 24rpx;
  border-radius: 20rpx 0;
  background: linear-gradient(to right, #fe6061, #fc9918);
}

.card-item,
.active {
  padding: 40rpx 20rpx;
  border-radius: 15rpx;
  border: solid 1rpx #ededed;

  display: flex;
  margin-bottom: 30rpx;
}

.active {
  background-color: var(--fillColor);
  border: solid 1rpx var(--globleColor);
}

.item-left {
  flex: 0 0 70%;
}

.item-right {
  flex: 1;
}

.card-title {
  font-size: 38rpx;
  font-weight: bold;
}

.card-text {
  margin-top: 10rpx;
  font-size: 26rpx;
  color: #989898;
  /* text-decoration:line-through; 文字中间加横线*/
}

.mine-ad {
  height: 70rpx;
  background-color: #feebe5;
  line-height: 70rpx;
  color: #ed3736;
  font-size: 24rpx;
  border-radius: 12rpx;
  padding: 0 30rpx;
  margin-top: 40rpx;
  margin-bottom: 20rpx;
}

.tip {
  display: inline-block;
  vertical-align: top;
  border-radius: 10rpx;
  font-size: 20rpx;
  color: #fff;
  background-color: #ff4003;
  padding: 8rpx;
  margin-left: 10rpx;
}

.list-title {
  margin-bottom: 30rpx;
  font-size: 32rpx;
  font-weight: 500;
}

.button {
  position: fixed;
  width: 80%;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  background-color: var(--globleColor);
  left: 10%;
  bottom: 70rpx;
  border-radius: 50rpx;
  font-size: 34rpx;
  font-weight: bold;
   color: var(--fontColor);
}

.zige-frame {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.frame-content {
  width: 45%;
  padding: 0 30px;
  background: #fff;
  margin: 0 auto;
  margin-top: 40%;
  border-radius: 15rpx;
  padding-bottom: 30rpx;
}

.frame-title {
  text-align: center;
  font-size: 36rpx;
  padding: 20rpx 0;
  border-bottom: solid 1rpx var(--globleColor);

}

.frame-text {
  font-size: 28rpx;
  margin-top: 20rpx;
  color: #333333;
  line-height: 42rpx;
}

.frame-buttom {
  text-align: center;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 40rpx;
  background-color: var(--globleColor);
  margin-top: 30rpx;
  font-size: 28rpx;
   color: var(--fontColor);
}

.frame-title .iconfont {
  color: var(--globleColor);
  display: inline-block;
  margin-right: 10rpx;
}

.frame-cha {
  width:60rpx;
  height: 60rpx;
  margin: 0 auto;
  line-height: 60rpx;
  margin-top: 80rpx;
  border: solid 5rpx #fff;
  text-align: center;
  border-radius: 50%;

}
.frame-cha .iconfont{
  text-align: center;
  color: #fff;
  font-size: 30rpx;
}