H5_module/app.css

/**app.wxss**/
/* 济民绿色 00923f */
/* 通御绿色 008457 */
/* 佐今明蓝色 0065AC */
/* 九芝堂 cd0b01 */
/* 柚荚 fc5c25 */
/* 焦娇美人 c9136d */
/* 利省家居 0065AC */
/* 云助手 00a3ff */
/* 通御科技 18AAA3 */
/* 康宁医药 23AC3A */
/* 四季康来 18AAA3 */
/* 精戈MALL c30d23 */
/* 一源有品 00a3ff */
/* 享团 、仁和 cd0b01  */
/*清泉云购  cd0b01 */
/* 乡亲  1796CB*/
/* 晓琳优品 00923f */

@import "./static/iconfont.css";
@import "./static/stylesheet.css";

page {
  --mina: #2B8CFF;
  --submain:#29BDFF;
  --main: #2B8CFF;
  --light: #fff;
  --textbg:#f5fafd;
  --btn: #2B8CFF;
  --red: #FE0419;
  --black: #201d1d;
  --fff: #fff;
  --vip:#e6b422;
  font-size: 28rpx;
  color: #333;
  background: #f5f5f5;
}

button::after {
  border: none;
}

button {
  background: none;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  line-height: initial !important;
  width: auto !important;
  font-weight: normal !important;
  height: auto !important;
  border-radius: 0 !important;
  overflow: initial;
}

image {
  display: block;
  flex-shrink: 0;
}

.mbgcolor {
  background: #FE0419;
}

.sbgcolor {
  background: var(--mina) !important;
}

.bgfff {
  background: #fff;
}

.mbglinear {
	background: linear-gradient(90deg, rgba(254, 147, 76, 1), rgba(253, 58, 49, 1));
	/* background: linear-gradient(90deg, #E0C29A 0%, #B18347 100%); */
}

.mbglinear-gray {
  background: #999;
}



.sbglinear {
  background: linear-gradient(0deg, rgba(255, 198, 164, 1), rgba(255, 239, 232, 1));
}

.mbggray {
  background: linear-gradient(0deg, #e0e0e0, #c4c4c4);
}

.mbggreen {
  background: linear-gradient(0deg, #2AE075, #0ECA78, #05C379);
}

.mcolor {
  color: #FE0419;
}

.scolor {
  color: var(--mina) !important;
}

.r50 {
  border-radius: 50%;
}

.r10 {
  border-radius: 12rpx;
}

.r20 {
  border-radius: 20rpx;
}


.pdlr20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}

.pdlr30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mt20 {
  margin-top: 20rpx;
}



.f26 {
  font-size: 26rpx;
}

.f28 {
  font-size: 28rpx;
}

.f30 {
  font-size: 30rpx;
}



.dflex {
  display: flex;
  display: -webkit-flex;
}

.flex {
  flex: 1;
  -webkit-flex: 1;
}


/* 为空 */
.nodata {
  text-align: center;
  padding: 100rpx 0 40rpx 0;
  font-size: 30rpx;
  color: #333;
}

.nodata image {
  display: block;
  width: 352rpx;
  height: 307rpx;
  margin: 0 auto 50rpx;
}

.nodata text {
  font-size: 28rpx;
  color: #777;
}

.nomore {
  font-size: 24rpx;
  color: #999;
  padding: 25rpx 0;
  align-items: center;
  justify-content: center;
}

.nomore::before,
.nomore::after {
  display: block;
  content: '';
  width: 168rpx;
  height: 2rpx;
  background: #e0e0e0;
}

.nomore::before {
  margin-right: 50rpx;
}

.nomore::after {
  margin-left: 50rpx;
}

.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 50;
}

.mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
}

/* 客服 */
.contact_index {
  position: fixed;
  bottom: 300rpx;
  right: 20rpx;
  background: #fff !important;
  border-radius: 50% !important;
  width: 80rpx !important;
  height: 80rpx !important;
  box-shadow: 0 0 10rpx rgba(86, 86, 86, 0.36);
  font-size: 18rpx;
  color: #555;
  z-index: 20;
  text-align: center;
}

.contact_index image {
  width: 34rpx;
  height: 34rpx;
  margin: 12rpx auto 5rpx;
}

/* 列表购物车 */
.contact_index1 {
  position: fixed;
  bottom: 300rpx;
  right: 30rpx;
  background: #fff !important;
  border-radius: 50% !important;
  width: 75rpx !important;
  height: 75rpx !important;
  /* box-shadow: 0 0 10rpx rgba(86,86,86,0.36); */
  font-size: 18rpx;
  color: #555;
  z-index: 20;
  align-items: center;
  text-align: center;
  border: 1rpx solid #eee;
}

.contact_index1 image {
  width: 45rpx;
  height: 45rpx;
  margin: 15rpx auto;
}

/* 购物车为空 */
.nodata_cart {
  text-align: center;
  padding: 85rpx 0;
}

.nodata_cart image {
  width: 320rpx;
  height: 307rpx;
  margin: 0 auto;
}

.nodata_cart view {
  font-size: 30rpx;
  color: #333;
  margin: 15rpx 0;
}

.nodata_cart text {
  display: block;
  font-size: 18rpx;
  color: #999;
}

.nodata_cart navigator {
  width: 176rpx;
  height: 66rpx;
  line-height: 66rpx;
  border: 2rpx solid #EA6739;
  border-radius: 35rpx;
  font-size: 30rpx;
  color: #EA6739;
  margin: 40rpx auto 0;
}


/* 通告 */
.notification_bar {
  position: fixed;
  top: 250rpx;
  left: 20rpx;
  width: 100%;
  z-index: 20;
  height: 100rpx;
  overflow: hidden;
}

.bar_box {
  height: 100rpx;
}

.bar_con {
  align-items: center;
}

.bar {
  padding-right: 30rpx;
  align-items: center;
  background: rgba(0, 0, 0, 0.49);
  height: 42rpx;
  line-height: 42rpx;
  border-radius: 21rpx;
}

.bar_left {
  width: 42rpx;
  height: 42rpx;
  border-radius: 50%;
  margin-right: 12rpx;
}

.bar_text {

  font-size: 18rpx;
  color: #fff;
}

.iconfont {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.color999 {
  color: #999;
}


.ddflex{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.fflex{flex: 1;-webkit-flex: 1;overflow: hidden;}
.tover{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tovers{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/* ios底部安全距离-padding */
.savepadding{
    padding-bottom: constant(safe-area-inset-bottom);  
    padding-bottom: env(safe-area-inset-bottom); 
    /* box-sizing: content-box; */
}

/* ios底部安全距离-bottom */
.savebottom{
    bottom: constant(safe-area-inset-bottom);  
    bottom: env(safe-area-inset-bottom); 
}