epmet-apartment-mp/app.wxss

/**app.wxss**/
page{
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容iOS >= 11.2 */
  /* padding-bottom: 100rpx; */
}
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
.flex{
  display: flex;
}
.flex-y{
  flex-direction: column;
}
.flex-1{
  flex: 1;
}
.flex-center-j{
  justify-content: center;
}
.items-center{
  align-items: center;
}
.flex-sa{
  justify-content: space-around;
}
.flex-sb{
  justify-content: space-between;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-x-end{
    justify-content: flex-end;
}
.card{
  background-color: #fff;
  border-radius: 20rpx;
  padding: 24rpx;
  box-sizing: border-box;
  margin-bottom: 20rpx;
}
.card .title{
    color: #000000;
    font-size: 32rpx;
    font-weight: 600;
    margin-bottom: 24rpx;
}
.card .more{
  color: rgba(19,194,194,1);
  font-size: 28rpx;
}
.card .title image{
 width: 32rpx;
 height: 32rpx;
}
.p-r{
  position: relative;
}

.ellipsis{
  padding: 0 16rpx;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1; 
  }
  .ellipsis-2{
    padding: 0 16rpx;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; 
    }
    .icon-20{
      width: 20rpx;
      height: 20rpx;
    }
    .icon-24{
      width: 24rpx;
      height: 24rpx;
    }
    .icon-28{
      width: 28rpx;
      height: 28rpx;
    }
    .icon-30{
      width: 30rpx;
      height: 30rpx;
    }
    .icon-36{
      width: 36rpx;
      height: 36rpx;
    }
    .icon-40{
      width: 40rpx;
      height: 40rpx;
    }
    .icon-46{
      width: 46rpx;
      height: 46rpx;
    }
    .icon-56{
      width: 56rpx;
      height: 56rpx;
    }
    .icon-80{
      width: 80rpx;
      height: 80rpx;
    }
    .icon-100{
      width: 100rpx;
      height: 100rpx;
    }
    .icon-68{
      width: 68rpx;
      height: 68rpx;
    }
    .radius{
      border-radius: 100%;
    }
    .text-20{
      font-size: 20rpx;
    }
    .text-24{
      font-size: 24rpx;
    }
    .text-26{
      font-size: 26rpx;
    } 
    .text-28{
      font-size: 28rpx;
    }
    .text-30{
      font-size: 30rpx;
    }
    .text-indent{
        text-indent: 2em;
    }
    .font-bold{
      font-weight: 600;
    }
    .color-gray{
      color: #666666;
    }
    .m-top-12{
      margin-top: 12rpx !important;
    }
    .m-top-16{
      margin-top: 16rpx !important;
    }
    .mt-40{
      margin-top: 40rpx;
    }
    .mt-16{
      margin-top: 16rpx;
    }
    .pt-40{
      padding-top: 40rpx;
    }
    .bot{
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #ffffff;
    }
    ::-webkit-scrollbar {
      width: 0rpx; /* 滚动条宽度 */
    }
    .black{
      color: #333333;
    }
    .gray{
      color:#646566;
    }
    .pl-16{
      padding-left: 16rpx;
    }
.bg-white{
  background-color: #fff;
}
.flex-col{
  flex-direction: column;
}
.w-full{
  width: 100%;
}
.h-full{
  height: 100%;
}
.mr-30{
  margin-right: 30rpx;
}
.mt-24{
  margin-top: 24rpx;
}
.m-20{
    margin:20rpx ;
}
.p10{
  padding: 10rpx;
}
.p20{
    padding: 20rpx;
}
.mt-14{
  margin-top: 14rpx;
}
.icon-26{
  width: 26rpx;
  height: 26rpx;
}
.ml-28{
  margin-left: 28rpx;
}
.mr-10{
  margin-right: 10rpx;
}
.px-20{
  padding: 0 20rpx;
}
.icon-20{
  width: 20rpx !important;
  height: 20rpx !important;
}
.p-24{
  padding: 24rpx;
}