/* pages/cityWide/monthDetail/monthDetail.wxss */
@import '../../../style/base.wxss';

.detail_head{
  border-bottom: solid 16rpx #FCF8F7;
}
.detail_img{
  width: 750rpx;
  height: 360rpx;
}
.detail_witer{
  padding: 32rpx;
  box-sizing: border-box;
}
.detail_title{
  color: #000000;
  font-size: 32rpx;
  font-weight: bold;
}
.detail_free{
  padding: 18rpx 0;
  color: #333333;
  font-size: 34rpx;
}
.detail_date{
  color: #333333;
  font-size: 34rpx;
  display:flex;
  align-items: center;
}
.date_img{
  width: 33rpx;
  height: 33rpx;
  margin-right: 20rpx;
}
.detail_flex{
  display: flex;
  justify-content: flex-start;
}
.detail_left{
  padding-left: 100rpx;
}
.interest_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22rpx 38rpx 28rpx;
  border-bottom: solid 16rpx #FCF8F7;
}
.interest_img{
  width: 52rpx;
  height: 52rpx;
}
.interest_txt{
  padding-left: 40rpx;
  color: #252729;
  font-size: 30rpx;
}
.interest_pic{
  margin-right: 16rpx;
}
.interest_pic image{
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
}
.interest_left, .interest_right{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.interest_menu{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 198rpx;
  overflow: hidden;
}
.interest_wid{
  width: auto;
}
.interest_arrow{
  width: 40rpx;
  height: 40rpx;
  margin-left: 10rpx;
}
.nav_head{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 80rpx;
  padding-left: 32rpx;
  margin-bottom: 24rpx;
  border-bottom: solid 1rpx #EBEBEB;
}
.nav_item{
  display: flex;
  align-items: center;
  margin-right: 62rpx;
  color: #8D8D8D;
  font-size: 26rpx;
}
.iconfont{
  font-size: 38rpx;
  margin-right: 8rpx;
}
.active{
  color: #FD8779;
}
.test_img{
  display: block;
  width: 686rpx;
  height: 750rpx;
  margin: 0 auto;
  overflow: scroll;
}
.nav_none{
  padding-left: 32rpx;
  color: #8D8D8D;
  font-size: 26rpx;
}
.foot_page{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100rpx;
  background: #fff;
}
.foot_info{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0;
}
.foot_list{
  margin-left: 32rpx;
  text-align: center;
  
   /* height:100rpx; */
   padding: 0;
   display:flex;
   align-items: center;
   flex-direction: column;
   position: relative;

}
.sharebtn{
 background: transparent;
 position: absolute;
 width:64rpx;
 height:100rpx;
 top:0;
 left:0;
 padding: 0
}
.collect{
  width: 64rpx;
  height:52rpx;
 
}
.sharetext{
  
}
.foot_text{
  color: #252729;
  font-size: 24rpx;
}
.foot_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 528rpx;
  height: 100rpx;
  color: #fff;
  font-size: 32rpx;
  background: #FD8779;
  position: relative
}
.month_txt{
  padding-top: 48rpx;
  padding-bottom: 52rpx;
  color: #282829;
  font-size: 26rpx;
  text-align: center;
}
.month_box{
  display: flex;
  justify-content: flex-start;
  padding: 22rpx;
}
.month_img{
  width: 80rpx;
  height: 80rpx;
}
.month_img image{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.month_menu{
  padding-left: 20rpx;
}
.month_name{
  color: #000000;
  font-size: 30rpx;
}
.month_date{
  padding: 12rpx 0;
  color: #999999;
  font-size: 24rpx;
}
.month_con{
  width: 585rpx;
  color: #292525;
  font-size: 28rpx;
  line-height: 50rpx;
}
.month_info{
  padding-bottom: 153rpx;
}
.month_pic{
  width: 345rpx;
  height: 186rpx;
  margin: 60rpx auto 0;
}
.month_pic image{
  width: 100%;
  height: 100%;
}
.month_tab{
  padding-bottom: 28rpx;
}
.month_foot{
  padding-bottom: 30rpx;
}
.month_addres{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100rpx;
  padding: 0 32rpx 0 38rpx;
  box-sizing: border-box;
}
.addres_img{
  width: 52rpx;
  height: 52rpx;
  margin-right: 38rpx;
}
.addres_img image{
  width: 100%;
  height: 100%;
}
.addres_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 600rpx;
  height: 100rpx;
  border-bottom: solid 1rpx #EBEBEB;
}
.addres_txt{
  color: #252729;
  font-size: 30rpx;
}
.coll_img{
  width: 45rpx;
  height: 45rpx;
  margin-bottom: 8rpx;
  margin-left: 6rpx;
  margin-top: 5rpx;
}
.detail_name{
  margin-left: 86rpx;
  color: #333333;
  font-size: 34rpx;
}
.wxParse-p{
  width:686rpx;

  text-align: center;
  display:flex;
  
}
.wxParse-p image{
  display:block;
  margin: 0 auto;
}
.comm_box{
  width: 588rpx;
  margin-top: 34rpx;
  padding: 29rpx 32rpx;
  color: #292525;
  font-size: 28rpx;
  border-radius: 10rpx;
  background: #F5F6FA;
  box-sizing: border-box;
}
.meshare{
  display:flex;
  flex-direction: column;
 
  /* height:100rpx; */
  padding: 0

}
button::after {
  border: none;
  outline: none;
  background: transparent;
}
.intreimg{
  display:flex;
  align-items: center
}
.intro{
  font-size:26rpx;
}
.register{
    width: 100%;
    height: 100%;
    background-color:#fff;
    position:fixed;
    left:0;
    right:0;
    z-index: 5;
}
.registerwrap{
    width:750rpx;
    height:100%;
    
   
    position: absolute;
    z-index: 6;
    /*left:0.4rem;*/
    /*top: 3rem;*/
    left:0;
    top:0;
   
   
   
}
.registerwrap image{
  width:100%;
  height:100%
}
.WxEmojiView{
  display:flex;
  justify-content: flex-start
}
.month_info{
  margin:0 20rpx;
  overflow-x: hidden;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center

}
.WxEmojiView{
 /* width:700rpx; */
}
.wxParse-img{
  display: block;
  margin: 0 auto;
  width:100%;
  height:100%;
}
.wxParse-strong{
  display:flex;
  justify-content: center;
  align-items: center
}
.want{
  background: transparent;
  opacity: 0;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;

}
button::after{
  outline:none;
  border:none;
 opacity: 0
}