page{
  width: 100%;
  height: 100%;
}

.box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .top{
  width:100%;
  height:606rpx;
  background-image: url('http://resource.bike.hanyiyun.com/weapp/map. jpg');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top .title{
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(42,42,42,1);
  padding-top: 46rpx;
}
.progress_box{
  position: relative;
  width:110px;
  height: 110px;  
  display: flex;  
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.progress_bg{
  position: absolute;
    width:110px;
  height: 110px; 
}
.progress_canvas{ 
  width:110px;
  height: 110px; 
} 
.progress_text{ 
  position: absolute; 
  display: flex;  
  align-items: center;
  justify-content: center
}
.progress_info{   
  font-size: 50rpx;
  padding-left: 16rpx;
  letter-spacing: 2rpx;
  color: #F95A29;
} 
.box .bottom{
  width:100%;
  height:642rpx;
  background:rgba(255,255,255,1);
  box-shadow:0rpx -8rpx 8rpx 0px rgba(224,224,224,1);
  border-radius:30rpx 30rpx 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 73rpx;
}
.box .bottom .posi{
  position: absolute;
  top: 30rpx;
  right: 30rpx;
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
  padding: 20rpx;
}
.box .bottom .money{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom .money view{
  font-size:60rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(24,213,185,1);
}
.bottom .money .text{
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(153,153,153,1);
  padding-top: 27rpx;
  padding-bottom: 16rpx;
}
.bottom .content{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 68%;
  padding-top: 33rpx;
  border-top: 2rpx solid #DEDEDE;
}
.bottom .content .view{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(42,42,42,1);
  padding-top:21rpx;
}
.bottom .content .view view:nth-of-type(1){
  display: flex;
  align-items: center;
}
.bottom .content .view view:nth-of-type(2){
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:400;
  color:#D8342C;
}
.btn{
  position: fixed;
  width: 76%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  bottom: 6%;
}
.btn view:nth-of-type(1){
  width:256rpx;
  height:86rpx;
  background:rgba(24,213,185,1);
  border-radius:43rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(255,254,254,1);
}
.btn view:nth-of-type(2){
  width:256rpx;
  height:86rpx;
  border:2rpx solid rgba(220,220,222,1);
  border-radius:43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(42,42,42,1);
  opacity:0.9;
}
.box .notice_background{
  z-index: 8887;
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  right: 0rpx;
  bottom: 0rpx;
  width: 100%;
  height: 100%;
  background: #333;
  opacity: .5;
}
.box .notice_model{
    background-color: #fff;
    left: 15%;
    margin-top: -260rpx;
    position: fixed;
    top: 50%;
    width: 260px;
    /* height: 260px; */
    padding-bottom: 30rpx;
    z-index: 8888;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15rpx;
}
.box .notice_model .btn1{
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
  border-radius: 40rpx;
  height: 70rpx;
  color: white;
  width: 80%;
  font-size: 26rpx;
  margin-top: 70rpx;
}
.box .no_dataYes{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(101,103,103,1);
}
.box .notice_model .title1{
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(31,31,31,1);
  width: 90%;
  padding: 30rpx 0rpx;
  display: flex;
  justify-content: center;
}
.box .notice_model .content{
  font-size: 26rpx;
  color: #333;
  width: 90%;
  display: flex;
  flex-direction: column;
}
.box .notice_model .content text{
  padding-top: 30rpx;
}
.parkTip{
  margin-top: 30rpx;
  text-align: center;
  color: red;
  font-size: 24rpx;

}