bike-weapp/pages/daily_riding/daily_riding.wxss

page{
  width: 100%;
  height: 100%;
}
map{
  width: 100%;
  position: relative;
}
cover{
  line-height: normal !important;
  overflow: visible !important;
}
.index {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; 
  height: 100%;
  display: flex;
  justify-content: space-between;
}
/* 四个图标 begin */
.circle{
  height: 85rpx;
  width: 85rpx;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-bottom: 30rpx; */
  position: absolute;
  z-index: 10;
}
.circlee1{
  bottom: 220rpx;
  left: 50rpx;
}
.circlee2{
  bottom: 220rpx;
  right: 50rpx;
}
.circlee3{
  bottom: 100rpx;
  left: 50rpx;
}
.circlee4{
  bottom: 100rpx;
  right: 50rpx;
}
.circle1{
  left: 50rpx;
  top: 336rpx;
}
.circle2{
  right: 50rpx;
  top: 336rpx;
}
.circle3{
  left: 50rpx;
  top: 430rpx;
}
.circle4{
  right: 50rpx;
  top: 430rpx;
}
.circle5{
  right: 0rpx;
  top: 120rpx;
  width: 100rpx;
  height: 70rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 40rpx 0rpx 0rpx 40rpx;
}
/* 四个图标 end */
.content{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.content .timeout{
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(42,42,42,1);
  padding-left: 33rpx;
  display: flex;
  align-items: center;
}
.content .timeout image{
  margin: 0 !important;
}
.content .text{
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(42,42,42,1);
  /* padding-top: 37rpx; */
  padding-left: 28rpx;
}
.content .text{
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(42,42,42,1);
  /* padding-top: 37rpx; */
  padding-left: 28rpx;
}
.content image{
  margin: 0 auto;
}
.content .code{
  width: 500rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom:  2rpx solid #DEDEDE;
}
.content .posi{
  position: absolute;
  right: 0rpx;
}
.content .code text:nth-of-type(1){
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:800;
  color:rgba(42,42,42,1);
}
.content .message{
  width: 500rpx;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.content .message view{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content .message view text:nth-of-type(1){
  font-size:36rpx;
  font-family:PingFang-SC-Bold;
  font-weight:bold;
  color:rgba(42,42,42,1);
}
.content .message view text:nth-of-type(2){
  font-size:24rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.btn{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 75%;
}
.btn .btn-left{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width:296rpx;
  height:76rpx;
  border:2rpx solid #2FB9FD;
  border-radius:10rpx;
  font-family:PingFang-SC-Regular;
}
.btn .btn-left view{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.btn .btn-left view:nth-of-type(1){
  background: #42C6FD;
  color: white;
  font-size: 32rpx;
}
.btn .btn-left view:nth-of-type(2){
  color: #36BBFD;
  font-size: 32rpx;
}
.btn .btn-right{
  width:204rpx;
  height:76rpx;
  background: #10D6BB;
  color:white;
  border-radius:10rpx;
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  
  display: flex;
  align-items: center;
  justify-content: center;
}
.container1{
  z-index: 9999;
  position: absolute;
  width: 100%;
  height: 100%;
}
.content1{
  width: 100%;
  height: 100%;
  position: absolute;
}
.content1 .txt .top{
    height: 180rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size:28rpx;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(42,42,42,1);
}
.content1 .txt .bottom{
  display: flex;
  align-items: center;
  height: 60rpx;
  font-size: 17px;
  width: 100%;
  border-top: 1rpx solid #D5D5D6;
  justify-content: space-between;
}
.content1 .txt .bottom .bottom_a{
  width: 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
}