fohow_xcx/packageUser/pages/user/invite/total/total.wxss

.bg {
 width: 100%;
 min-height: 100%;
 background: #ffe3dc;
 box-sizing: border-box;
 padding: 30rpx 20rpx 30rpx 20rpx;
}
.inperson {
 /* height: 1160rpx; */
 background: #fff;
 width: 710rpx;
 border-radius: 10rpx;
 overflow: hidden;
}
.inperson-top {
 /* height: 256rpx; */
 background: #fff7f5;
 width: 710rpx;
 box-sizing: border-box;
 padding-top: 25rpx;
 padding-left: 25rpx;
 padding-right: 25rpx;
}
.inperson-head {
 width: 50rpx;
 height: 50rpx;
 background: skyblue;
 border-radius: 40rpx;
 float: left;
 margin-right: 20rpx;
}
.inperson-name {
 font-size: 30rpx;
 color: #4c4c4c;
 float: left;
 width: 332rpx;
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 padding-top: 5rpx;
}
.inperson-man {
 font-size: 30rpx;
 float: right;
 color: #eab86a;
 padding-top: 5rpx;
}
.top-part {
 /* border-bottom: 1rpx solid #f3e3df; */
 padding-bottom: 20rpx;
 /* margin-bottom: 20rpx; */
}
.inperson-count {
 font-size: 26rpx;
 color: #4c4c4c;
 float: left;
 width: 330rpx;
 padding-bottom: 10rpx;
}
.inperson-center {
 /* height: 948rpx; */
 width: 710rpx;
 box-sizing: border-box;
 background: #fff;
 padding-top: 30rpx;
 padding-left: 20rpx;
 padding-right: 20rpx;
}
.inperson-change {
 height: 62rpx;
 width: 670rpx;
 border: 1px solid #cccccc;
 border-radius: 10rpx;
 /* margin: 40rpx auto 20rpx; */
 font-size: 30rpx;
 overflow: hidden;
 margin-bottom: 40rpx;
}
.inperson-total {
 width: 335rpx;
 background: #eab86a;
 color: #fff;
 float: left;
 height: 62rpx;
 line-height: 62rpx;
 text-align: center;
}
.inperson-month {
 width: 335rpx;
 height: 62rpx;
 background: #fff;
 color: #eab86a;
 float: right;
 line-height: 62rpx;
 text-align: center;
}
.active {
 color: #fff;
 background: #eab86a;
}
.active1 {
 color: #eab86a;
 background: #fff;
}
.inperson-item {
 height: 120rpx;
} 
.inperson-ohead {
 width: 90rpx;
 height: 90rpx;
 background: #f3f3f3;
 float: left;
 border-radius: 50rpx;
 margin-right: 20rpx;
}
.inperson-oname {
 font-size: 30rpx;
 color: #4c4c4c;
 float: left;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 width: 322rpx;
 padding-top: 28rpx;
}
.inperson-ocount {
 font-size: 33rpx;
 float: right;
 color: #eab86a;
 padding-top: 24rpx;
}
.inperson-more {
 width: 174rpx;
 height: 50rpx;
 border: 1px solid #eab86a;
 text-align: center;
 color: #eab86a;
 line-height: 50rpx;
 font-size: 30rpx;
 border-radius: 50rpx;
 margin: 0 auto 30rpx;
}
.top-othor {
  background: #fff;
  box-sizing: border-box;
  padding: 20rpx;
  padding-bottom: 0; 
}
.top-othorin {
  border-bottom: 1rpx solid #cccccc;
  padding-bottom: 10rpx;
}