page {
  width: 100%;
  height: auto;
  overflow-y: auto;
  background: #f7f7f7;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}
.header .navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255, 0.9);
  font-size: 32rpx;
  position: relative;
  z-index: 100;
}
.home {
  width: 100%;
}
.header-back{
  height: 33rpx;
  width: 18rpx;
  position: fixed;
  margin-left: 30rpx;
  z-index: 101;
}
.nothing-to-show{
  width: 100%;
  height: 100vh;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nothing-img{
  width: 500rpx;
  height:245rpx;
  object-fit: cover;

}
.tab{
  width: 100%;
  height: 100rpx;
  background: #fff;
  overflow-x: scroll;
  display: inline-block;
  white-space: nowrap;
  margin:0 auto;
  -webkit-overflow-scrolling: touch;
}
.tab-item{
  height: 100%;
  min-width: 50%;
  margin:0 auto;
  display: inline-block;
  box-sizing: border-box;
}
.tab-name{
  text-align: center;
  margin:0 auto;
  height: 80%;
  font-size: 25rpx;
  line-height: 100rpx;
  padding: 0 20rpx;
  color: #999;
}
.tab-name.active{
  text-align: center;
  margin:0 auto;
  height: 80%;
  font-size: 30rpx;
  line-height: 100rpx;
  padding: 0 20rpx;
  color: #BB0300;
}
.tab-line.active{
  border-top: 4rpx solid #BB0300;
  width: 30%;
  margin: 0 auto;
  margin-top: 10rpx;
}
.propertyInfo{
  margin-top: 10rpx;
  width: 100%;
}
.info-item{
  width: 94%;
  margin-left: 20rpx;
  border-bottom: 0.5px solid #E7EEEE;
  display: inline-flex;
  line-height: 100rpx;
}
.info-img{
  height: 45rpx;
  width: 45rpx;
  padding-top: 25rpx;
  display: inline-block;
}
.info-detail{
  font-size: 30rpx;
  height: 100%;
  display: inline-block;
  line-height: 99rpx;
  padding-left: 10rpx;
  word-break: break-all;
}
.info-group{
  width: 94%;
  margin-left: 20rpx;
  display: flex;
  line-height: 100rpx;
  padding-top: 20rpx;
}
.group-pic{
  width: 120rpx;
  height: 120rpx;
  border-radius: 60px;
  padding: 20rpx;
}
.group-detail{
  width: 50%;
  display: inline-block;
  padding-left: 40rpx;
  height: 120rpx;
}
.group-name{
  font-size: 30rpx;
  font-weight: bold;
  height: 75rpx;
  word-break: break-all;
  line-height: 50rpx;
}
.group-number{
  font-size: 25rpx;
  color: #999;
  height: 30rpx;
}
.group-join{
  display: inline-block;
  margin:0 auto;
}
.join-button{
  height: 55rpx;
  width: 110rpx;
  border-radius: 60rpx;
  background: #F82424;
  color: white;
  font-size: 30rpx;
  text-align: center;
  line-height: 50rpx;
  margin-top: 50rpx;
}
.join-text{
  font-size: 30rpx;
  position: relative;
  color: #fff;
  margin-top: -120rpx;
  margin-left: 20rpx;
}
.recommend{
  width: 100%;
}
.recommend-item{
  width: 94%;
  margin:0 auto;
  border-bottom: 0.5px solid #E7EEEE;
}
.recommend-head{
  display: flex;
  width: 100%;
  padding:10rpx 0;
}
.recommend-head .avatar{
  height: 50rpx;
  width: 50rpx;
  padding-top: 10rpx;
}
.recommend-head .info{
  padding-left: 10rpx;
  width: 50%;
}
.recommend-head .info .nickname{
  color:#666;
  font-size: 25rpx;
}
.recommend-head .info .date{
  color:#666;
  font-size: 25rpx;
}
.status{

}
.status-img{
  /* height: 50rpx;
  width: 100rpx;
  padding-left: 195rpx;
  margin-top: 8rpx; */
  height: 50rpx;
  width: 100rpx;
  border-radius: 60rpx;
  color: white;
  font-size: 25rpx;
  text-align: center;
  line-height: 50rpx;
  margin-top: 8rpx;
  margin-left: 195rpx;
}
.status-text{
  position: relative;
  margin-top: -49rpx;
  margin-left: 210rpx;
  font-size: 25rpx;
  color: #fff;
}
.recommend-content{
  width: 100%;
}
.recommend-content .title{

}
.recommend-content .image{
  width: 100%;
  height: 60rpx;
  display: inline-flex;
  margin-left: -20rpx;
}
.recommend-footer{
  width: 100%;
}
.recommend-footer .number{
  width: 100%;
  display: inline-flex;
  padding :20rpx 0;
}
.recommend-footer .number .left{
  width: 40%;
  font-size: 25rpx;
}
.recommend-footer .number .right{
  width: 100%;
  font-size: 25rpx;
  color: #AAA;
  text-align: right;
}
.progress {
  height: 36rpx;
  width: 80%;
  background: #f7f7f7;
  border-radius: 17rpx;
  margin-bottom: 10rpx;
  display: flex;
  align-items: center;
}
.progress-content {
  color: #b0b0b0;
  font-size: 22rpx;
  line-height: 36rpx;
  padding: 20rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report{
  position: fixed;
  height: 150rpx;
  width: 150rpx;
  right: 0;
  bottom: 0;
}
.scoreBtn{
  height: 55rpx;
  width: 110rpx;
  border-radius: 60rpx;
  border: 1rpx solid #333;
  background: #fff;
  color: #333;
  font-size: 30rpx;
  text-align: center;
  line-height: 50rpx;
  margin-top: 20rpx;
  margin-left: 112rpx;
}
.scoreInput{
  height: 100%;
  width: 200rpx;
}