bike-weapp/pages/daily_rent/daily_rent.wxss

page{
  padding-bottom: 88rpx;
  position: relative;
}
.text1{
  position: absolute;
  bottom: 648rpx;
  left: 225rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(152,152,152,1);
}
.text2{
  position: absolute;
  bottom: 560rpx;
  left: 225rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(152,152,152,1);
}
.text3{
  position: absolute;
  bottom: 480rpx;
  left: 225rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(152,152,152,1);
}
.btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88rpx;
  background: #10D6BB;
  font-size:36rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(255,255,255,1);
  position: fixed;
  bottom: 0rpx;
  left: 0rpx;
}
.back{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  right: 0rpx;
  bottom: 0rpx;
  z-index: 9999;
  background: #666666;
  opacity: 0.5;
}
.model{
  display: flex;
  justify-content: center;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 8%;
  left: 0%;
}
.over{
  position: fixed;
  bottom: 10%;
  z-index: 99999;
}
.content{
  width: 582rpx;
  height: 624rpx;
  background: white;
  z-index: 99999;
  margin-top: 240rpx;
  position: relative;
}
.content .view1{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}
.content .view2{
  display: flex;
  align-items: center;
  padding-left: 73rpx;
  padding-top: 14rpx;
}
.content .view2 view:nth-of-type(1){
  width:10rpx;
  height:10rpx;
  background:rgba(24,213,185,1);
  opacity:0.85;
  border-radius:50%;
}
.content .view2 view:nth-of-type(2){
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(24,213,185,1);
  padding-left: 10rpx;
}
.content .text{
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(152,152,152,1);
  padding-left: 93rpx;
  padding-top: 10rpx;
}
.content .view1 view{
  width: 218rpx;
  height: 228rpx;
  /* background: #EFEFEF; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15rpx;
}
.content .bottom{
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0rpx;
  left: 0rpx;
  height: 88rpx;
  justify-content: space-between;
  align-items: flex-end;
}
.content .bottom view:nth-of-type(1){
  width: 260rpx;
  height: 97%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10D6BB;
  box-shadow:0px 0px 3rpx 0px rgba(92,178,160,1);
}
.content .bottom view:nth-of-type(2){
  width: 322rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10D6BB;
  color: white;
}