page{
  background: #F5F5F5;
  line-height: 1;
}
.container{
  width: 750rpx;
  display: flex;
  flex-flow: column;
}
.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{
  
  font-size:36rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
  
}
.top_money{
  margin-top: 20rpx;
  font-size:32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,59,40,1);
}
.text_box{
  box-sizing: border-box;
  padding: 40rpx 40rpx;
  position: relative;
}

.item{
  margin-top: 14rpx;
  display: flex;
  flex-flow: column;
  background: #fff;
  box-sizing: border-box;
  padding: 39rpx 32rpx; 
  position: relative;
}
.item_top{
  font-size:32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
}
.item_bottom{
  margin-top: 30rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.item_map{
  margin-top: 29rpx;
  width:686rpx;
  height:300rpx;
  display: flex;
}
.item_map map{
  width: 100%;
  height: 100%;
}
.item_infor{
  margin-top: 29rpx;
  display: flex;
}
.item_infor_left{
  width:72rpx;
  height:72rpx;
  border-radius:2rpx;
}
.item_infor_left image{
  width: 100%;
  height: 100%;
}
.item_infor_right{
  margin-left: 23rpx;
  display: flex;
  flex-flow: column;
}
.item_infor_right_top{
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
}
.item_infor_right_bottom{
  margin-top: 15rpx;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,102,0,1);
}
.item_top_b{
  font-size:28rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.item_text{
  margin-top: 30rpx;
  line-height: 42rpx;
}
.item_hint{
  margin-top: 14rpx;
  width:750rpx;
  background:rgba(255,243,235,1);
  display:flex;
  flex-flow: column;
  box-sizing: border-box;
  /* margin: 40rpx 34rpx; */
  padding: 40rpx 34rpx;
}
.item_hint_top{
  text-align: center;
  font-size:28rpx;
  font-family:PingFang-SC-Bold;
  font-weight:bold;
  color:rgba(255,154,87,1);
}
.item_hint_bottom{
  margin-top: 15rpx;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,154,87,1);
  line-height:36rpx;
}
.bottom{
  width: 750rpx;
  height: 100rpx;
  display: flex;
}
.bottom_left{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 94rpx;
  width: 390rpx;
  background: #fff;
}
.bottom_left_share{
  display: flex;
  flex-flow: column;
}
.bottom_left_share_pic{
  width:38rpx;
  height:36rpx;
  display: flex;
}
.bottom_left_share_pic image{
  width: 100%;
  height: 100%;
}
.bottom_left_share_text{
  margin-top: 14rpx;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(102,102,102,1);
}
.bottom_left_collect{
  display: flex;
  flex-flow: column;
}
.bottom_left_collect_pic{
  width:42rpx;
  height:40rpx;
  display: flex;
}
.bottom_left_collect_pic image{
  width: 100%;
  height: 100%;
}
.bottom_left_collect_text{
  margin-top: 9rpx;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(102,102,102,1);
}
.bottom_right{
  width:360rpx;
  height:100rpx;
  line-height: 100rpx;
  text-align: center;
  background:rgba(255,102,0,1);

  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
}

.mask{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:rgba(0,0,0,0.4);
}
.mask_share{
  position: fixed;
  bottom: 0;
  width:750rpx;
  /* height:318rpx; */
  background:rgba(255,255,255,1);
  box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.08);
  border-radius:10rpx 10rpx 0rpx 0rpx;

}
.mask_share_item{
  display: flex;
  align-items: center;
  padding: 22rpx 34rpx; 
}
.mask_share_item_left{
  width:60rpx;
  height:60rpx;
  display: flex;
}
.mask_share_item_left image{
  width: 100%;
  height: 100%;

}
.mask_share_item_right{
  margin-left: 24rpx;
  font-size:30rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(0,0,0,1);
}
.underline{
  margin-left: 56rpx;
  width:646rpx;
  height:1px;
  background:rgba(235,235,235,1);
}
.bottom_line{
  width: 750rpx;
  height: 4rpx;
  background: #EBEBEB;
}
.mask_share_bottom{
  /* margin-top: 4rpx; */
  width: 100%;
  height: 105rpx;
  line-height: 105rpx;
  text-align: center;
  font-size:30rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(0,0,0,1);
}
.area_content{
  display: flex;
}
.area_right{
  margin-left: 50rpx;
}
.page-section-gap{
  margin-top:20rpx;
}
.top_browse{
  position: absolute;
  right: 40rpx;
  top: 40rpx;
  z-index: 999;
}
.top_browse_top{
  width: 70rpx;
  height: 70rpx;
  display: flex;
}
.top_browse_top image{
  width: 100%;
  height: 100%;
}
.top_browse_bottom{
  margin-top: 10rpx;
  font-size: 28rpx;
  text-align: center;
}