bike-weapp/pages/riding/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;
  /* padding-top: ; */
}
.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 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;
  /* margin-top: 10rpx; */
}
.content .code text{
  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;
  padding: 0rpx 50rpx;
  justify-content: space-between;
}
.btn .btn-left{
  display: flex;
  align-items: center;
  justify-content: center;
  width:310rpx;
  height:76rpx;
  border:2rpx solid rgba(24,213,185,1);
  border-radius:10rpx;
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(255,254,254,1);
  background:rgba(24,213,185,1);
}
.btn .btn-right{
  width:310rpx;
  height:76rpx;
  border:2rpx solid rgba(24,213,185,1);
  color:rgba(24,213,185,1);
  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 .background{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8888;
  background: rgba(0, 0, 0, 0.3);
}
.content1 .txt{
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  width:500rpx;
  height:250rpx;
  background:rgba(255,255,255,1);
  border-radius:20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
} */
.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;
}

@keyframes remindMessage {
  0% {
    -webkit-transform: translateX(90%);
  }

  100% {
    -webkit-transform: translateX(-90%);
  }
}
.tongzhitext {
  margin-right:80rpx;
  margin-left: 10rpx;
  overflow: hidden;
  height: 60rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tongzhi-text {
  position: fixed;
  top: 0;
  font-size: 28rpx;
  animation: remindMessage 10s linear infinite;
  width: 100%;
  color: #fc5039ec;
  display: block;
}

.notice-wrap {
  position: fixed;
  top: 2rpx;
  margin-top: 60upx;
  background: #fff;
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  color: #d09868;
  font-size: 28rpx;
}