YouTuan_wxapp/pages/myhomepage/myhomepage.wxss

/* pages/helpsell/helpsell.wxss */
page{
  background-color: #F7F7F7;
  padding-bottom: 100rpx;
}
.nav-wrap {
  position: fixed;
  width: 100%;
  top: 0;
  color: #000;
  z-index: 9999999;
}
/* 标题要居中 */
.nav-title {
  position: absolute;
  text-align: center;
  max-width: 400rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 36rpx;
  color: #2c2b2b;
  font-weight: 600;
}

.nav-capsule {
  display: flex;
  margin-top: 8rpx;
  align-items: center;
  margin-left: 30rpx;
  width: 140rpx;
  justify-content: space-between;
  height: 100%;
}



.back-pre, .back-home {
  width: 40rpx;
  height: 40rpx;
  margin-top: 1rpx;
  padding: 10rpx;
}
.back-img{
  width: 100%;
  height: 472rpx;
}
.sell-top{
  display: flex;
  justify-content: center;
}
.top-body{
  width: 86%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.body-center{
  width: 80%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content:center;
  margin-bottom: 60rpx;
}
.body-center>view{
  color: #464646;
  font-size: 32rpx;
  font-weight: 600;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative;
}
.body-center>view>button{
    width: 86rpx;
    height: 44rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 12rpx;
    font-size: 24rpx;
    white-space: nowrap;
    font-weight: 500;
    position: absolute;
    left: 160rpx;
}
.meat{
  width: 100%;
  height: 124rpx;
  display: flex;
  justify-content: center;
}
.meat-info{
  width: 93%;
  height: 124rpx;
  display: flex;
  justify-content: space-around;
}
.meat-content{
  width: 320rpx;
  height: 124rpx;
  background-color: #FFFFFF;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.con-two{
  font-size: 24rpx;
  color: #656565;
  width: 85%;
}
.con-one{
  width: 85%;
  color: #656565;
  font-size: 28rpx;
  display: flex;
  align-items: center;
}
.con-one>image{
  width: 36rpx;
  margin-left: 34rpx;
  height: 36rpx;
}
.center-foot>button{
  color: #656565;
  background-color: white;
  border-radius: 50rpx;
  width: 218rpx;
  height: 74rpx;
  font-size: 28rpx;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 100rpx;
}
.center-foot>button image{
  width: 28rpx;
  height: 28rpx;
  margin-left: 10rpx;
}
.header-img{
  margin-top: -80rpx;
}
.intro{
  width: 100%;
  display: flex;
  justify-content: center;
}
.intro-info{
  width: 93%;
  background-color: white;
  height: 240rpx;
  border-radius: 20rpx;
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.intro-top{
  width: 93%;
  height: 80rpx;
  display: flex;
  align-items: center;
  color: #464646;
  font-size: 32rpx;
  font-weight: 600;
}
.intro-top>p{
  margin-left: 20rpx;
}
.intro-top>image{
  width: 6rpx;
  height: 20rpx;
}
.intro-foot{
  height: 68%;
  width: 86%;
  color: #656565;
  font-size: 28rpx;
}
.classify{
  width: 100%;
  display: flex;
  justify-content: center;
}
.ify-info{
  width: 93%;
  height: 240rpx;
  background-color: white;
  margin-top: 24rpx;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ify-top{
  width: 93%;
}
.ify-foot{
  width: 85%;
  height: 140rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.biao{
  background-color: #EFEFEF;
  color: #656565;
  font-size: 24rpx;
  height: 38rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share{
  width: 100%;
  height: 140rpx;
  margin-top: 24rpx;
  display: flex;
  justify-content: center;
}
.share-info{
  width: 93%;
  display: flex;
  justify-content: space-between;
}
.share-left{
  width: 310rpx;
  height: 140rpx;
  display: flex;
  justify-content: space-between;
}
.share-left>view{
  width: 140rpx;
  height: 140rpx;
  background-color: white;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.share-left>view>p:first-child{
  color: #FF874E;
  font-size: 32rpx;
  font-weight: 600;
}
.share-left>view>p:last-child{
  color: #656565;
  font-size: 24rpx;
  margin-top: 10rpx;
}
.share-right{
  height: 140rpx;
  width: 140rpx;
  display: flex;
  flex-direction: column-reverse;
}
.share-right>button{
  width: 146rpx;
  height: 74rpx;
  background-color: #FF874E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 20rpx;
}
.share-right>button>image{
  width: 22rpx;
  height: 22rpx;
}
.share-right>button>p{
  margin-left: 5rpx;
  font-size: 28rpx;
}
.line{
  width: 100%;
  height: 10rpx;
  background-color: #EFEFEF;
  margin-top: 40rpx;
}
.list{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40rpx;
  margin-bottom: 50rpx;
}
.list-top{
  width: 93%;
  display: flex;
  align-items: center;
  margin-bottom: 40rpx;
}
.list-top>image{
  width: 6rpx;
  height: 20rpx;
}
.van-action-sheet__item{
  color: #656565;
  font-size: 32rpx;
  border-bottom: 2px solid #F3F3F3;
}
.van-transition{
  background-color: #00000080 !important;
}
/* 弹出层 */
.tanchu{
  width: 710rpx;
  height: 430rpx;
}
.van-popup--center.van-popup--round{
  border-radius: 20px !important;
}
.tan-body{
  height: 75%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 42rpx;
  color: #656565;
}
.tan-niu{
  width: 100%;
  height: 25%;
  display: flex;
}
.tan-qu{
  width: 50%;
  height: 100%;
  border-radius: 0rpx;
  background-color: #F2F2F2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  font-weight: 600;
  color: #989898;
}
.tan-que{
  width: 50%;
  height: 100%;
  border-radius: 0rpx;
  background-color: #FF874E;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  font-weight: 600;
  color: #FFFFFF;
}