page{
  line-height: 1;
  background: #F5F5F5;
}

.container{
  width: 750rpx;
  display: flex;
  flex-flow: column;
  /* align-items: center; */
}

.top{
  display: flex;
  flex-flow: column;
  background: #fff;
}
.top_pic{
  width:750rpx;
  height:360rpx;
  display: flex;
}
.top_pic image{
  width: 100%;
  height: 100%;
}
.top_text{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 20rpx 32rpx;
}
.top_text_left{
  font-size:36rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
}
.top_text_right{
  width:72rpx;
  height:72rpx;
  border-radius:2rpx;
}
.top_text_right image{
  width: 100%;
  height: 100%;
  border-radius:2rpx;
}
.addr{
  margin-top: 14rpx;
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
  padding: 40rpx 32rpx;
}
.addr_left{
  width: 418rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(26,26,26,1);
  line-height:42rpx;
}
.addr_right{
  display: flex;
  /* align-items: center; */
}
.addr_right_icon{
  width:20rpx;
  height:24rpx;
  display: flex;
}
.addr_right_icon image{
  width: 100%;
  height: 100%;
}
.addr_right_distance{
  margin-left: 15rpx;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(153,153,153,1);

}
.items{
  margin-top: 14rpx;
  display: flex;
  flex-flow: column;
  background: #fff;
}
.related{
  font-size:30rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
  box-sizing: border-box;
  padding: 40rpx 54rpx 25rpx 54rpx;
  position: relative;
  border-bottom: 1px solid #EBEBEB;
}
.related::before{
  content: '';
  position: absolute;
  top: 42rpx;
  left: 32rpx;
  width:6rpx;
  height:24rpx;
  background:rgba(255,102,0,1);
}
.item{
  margin-top: 1px;
  display: flex;
  flex-flow: column;
  background: #fff;
  padding: 40rpx 30rpx;
  border-bottom: 1px solid #EBEBEB;
}

.item_top{
  display: flex;
  justify-content: space-between;
}
.item_top_left{
  display: flex;
}
.item_top_left_pic{
  width:72rpx;
  height:72rpx;
  border-radius:2rpx;
  display: flex;
}
.item_top_left_pic image{
  width: 100%;
  height: 100%;
}
.item_top_left_text{
  margin-left: 23rpx;
  display: flex;
  flex-flow: column;
}
.text_top{
  font-size:32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
}
.text_bottom{
  margin-top: 17rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,59,40,1);
}
.item_top_right{
  width:140rpx;
  height:66rpx;
  line-height: 66rpx;
  text-align: center;
  border:1px solid rgba(255,102,0,1);
  border-radius:33rpx;

  
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,102,0,1);
}
.item_bottom{
  margin-top: 20rpx;
  margin-left: 80rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(153,153,153,1);
}
.item_bottom_left{
  display: flex;
  align-items: center;
  
}
.item_bottom_left_pic{
  width:22rpx;
  height:22rpx;
  display: flex;
  margin-right: 13rpx;
}
.item_bottom_left_pic image{
  width: 100%;
  height: 100%;
}
.item_bottom_right{
  display: flex;
  align-items: center;
}
.item_bottom_left_pic{
  margin-left: 14rpx;
  width:20rpx;
  height:24rpx;
  display: flex;
}
.item_bottom_left_pic image{
  width: 100%;
  height: 100%;
}
.bottom{
  padding: 24rpx 0;
  text-align: center;
  font-size:24rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  background: #fff;

}