daliangzao/newsShop/style/customized.wxss

@import './iconfont.wxss';
.iconfont {
  font-family: "iconfont" !important;
  font-size: 36rpx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 通用 */
page{
  color: #333;
}
.auto{
  margin:0 20rpx;
}
/* flex布局 */
.f-box{
  display: flex;
  display: -webkit-flex; /* Safari */
}
.f-item {
  flex-grow: 1; /* default 0 */
}
.bg-white{
  background:white;
}
/* 排列方向 */
.f-direction-row{ 
   flex-direction: row/*主轴为水平方向，起点在左端。*/
}
.f-direction-row-reverse{ 
   flex-direction: row-reverse；/*主轴为水平方向，起点在右端。*/
}
.f-direction-column{ 
   flex-direction: column；/*主轴为垂直方向，起点在上端。*/
}
.f-direction-column-reverse{ 
   flex-direction: column-reverse；/*主轴为垂直方向，起点在下端。*/
}
/*水平 对齐方向 */
.f-justify-content-start{
  justify-content: flex-start; /* 向左对齐 */
}
.f-justify-content-end{
  justify-content: flex-end; /* 向右对齐 */
}
.f-justify-content-center{
  justify-content: center; /* 居中对齐 */
}
.f-justify-content-between{
  justify-content: space-between; /*两端对齐*/
}
.f-justify-content-around{
  justify-content: space-around; /* 距离等比 */
}

/* 交叉轴对齐方向 */
.f-align-items-start{
  align-items: flex-start
}
.f-align-items-end{
  align-items: flex-end
}
.f-align-items-center{
  align-items:center;
}
.f-align-items-baseline{
  align-items: baseline; /*项目的第一行文字的基线对齐。*/
}
.f-align-items-stretch{
  align-items: stretch; /*如果项目未设置高度或设为auto，将占满整个容器的高度。*/
}
.f-flex-wrap{
  flex-wrap:wrap;
}
/* color */
.c-green{
  color:#00af66
}
.c-orange{
  color:#e8976a;
}
.c-white{
  color:white
}
.c-black{
  color:black;
}
.c-666{
  color:#666;
}
.c-999{
  color:#999
}
.c-333{
  color:#333;
}
.bg-orange{
  background:#e8976a;
}
.bg-green{
  background:#00af66;
}
/* 通用样式 */
.t-right{
  text-align: right
}
.f-s26{
  font-size:26rpx;
}
.f-s28{
  font-size:28rpx;
}
.f-s30{
  font-size:30rpx;
}
.f-s32{
  font-size:32rpx;
}
.f-s34{
  font-size:34rpx;
}
.f-s36{
  font-size:36rpx;
}
.mar-l20{
  margin-left:20rpx;
}
.mar-t20{
  margin-top:20rpx;
}
.mar-b20{
  margin-bottom:20rpx;
}
.mar-r20{
  margin-right:20rpx;
}

.pad-l20{
  padding-left:20rpx;
}
.pad-t20{
  padding-top:20rpx;
}
.pad-b20{
  padding-bottom:20rpx;
}
.pad-r20{
  padding-right:20rpx;
}


/* 公用样式 */
.public-prompt{
  width:100%;
  line-height:72rpx;
  text-align: center;
  background:#edecf1;
  color:#626262;
  font-size:24rpx;
  position:fixed;
  bottom: 92rpx;
  z-index:10;
}

/* footer */
.footer{
  padding-bottom:120rpx;
}
.footer-box{
  position: fixed;
  bottom:0;
  left:0;
  width:100%;
  height:100rpx;
  line-height:100rpx;
  background:#fff;
  font-size:30rpx;
  z-index:10;
}