index.wxss

/* static/nativeComponents/Notice/index.wxss */
.container {
    width: 100%;
    padding: 48rpx 24rpx 0;
}
.section {
    width: 702rpx;
    height: auto;
    background-image: url('https://mayi-newshop.oss-cn-shanghai.aliyuncs.com/product/SNzssemrfc.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: 88rpx;
    box-sizing: border-box;
}
.heightAuto {
  height: 536rpx;
}
.go_my_spokesman_home,.go_my_spokesman_home_top {
    box-sizing: border-box;
    width: 100%;
    height: 88rpx;
    display: flex;
    align-items: center;
    padding: 0 20rpx;
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 26rpx;
}
.go_my_spokesman_home_top .title text,.go_my_spokesman_home title text {
  max-width: 300rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.go_my_spokesman_home_top .img,.go_my_spokesman_home .img {
    width: 48rpx;
    height: 48rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10rpx;
}
.go_my_spokesman_home_top .go_btn,.go_my_spokesman_home .go_btn {
    position: absolute;
    right: 48rpx;
    font-size: 24rpx;
}
.notice{
  font-size: 32rpx;
  position: relative;
  overflow: hidden;
  height: 80rpx;
  width: calc(100vw  - 40rpx);
  margin-left: 20rpx;
}
.marquee {
  position: absolute;
  height: 80rpx;
  line-height: 80rpx;
  /* width: 100%; */
  margin: 0 auto;
  white-space: nowrap;
  box-sizing: border-box;
}
.shop_lists {
  width: 702rpx;
  height: 448rpx;
  padding: 8rpx 12rpx 8rpx 0;
  display: flex;
  font-size: 24rpx;
  box-sizing: border-box;
}
.shop_lists .list_item {
    width: 220rpx;
    height: 376rpx;
    background-color: #fff;
    border-radius: 4rpx;
    overflow: hidden;
    margin-left: 12rpx;
  }
  .shop_lists .list_item .shop_name {
      margin-top: 10rpx;
      margin-left: 14rpx;
      color: #333;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .shop_lists .list_item .sale_price {
      margin-top: 10rpx;
      margin-left: 14rpx;
      color: #999;
      transform: scale(.88) translateX(-14rpx) translateY(-8rpx);
      white-space: nowrap;
    }
  .shop_lists .list_item .discount_price {
      margin-top: 4rpx;
      margin-left: 14rpx;
      color: #FF4848;
      transform: scale(.88) translateX(-14rpx) translateY(-14rpx);
      white-space: nowrap;
    }
  .shop_lists .list_item .show_price {
    display: flex;
    color: #FACF58;
    transform: scale(.75) translateX(-18rpx) translateY(-18rpx);
    border-radius: 4rpx;
  }
  .shop_lists .list_item .show_price div {
    padding: 4rpx 8rpx;
  }
  .shop_lists .list_item .show_price .title {
    background-image: linear-gradient(to right, #61626B , #323339);
    min-width: 50px;
    display: flex;
    align-items: center;
  }
  .shop_lists .list_item .show_price .price {
    color: #333;
    background-color: #FFD460;
    border-radius: 0 4rpx 4rpx 0;
    padding: 0 8rpx;
  }
  .shop_lists .list_item .item_img {
    width: 220rpx;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .shop_lists .list_item .item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .shop_lists .list_item>div {
    white-space: nowrap;
  }
  .is_show,.is_show1 {
    display: flex;
    position: fixed;
    background-color: #fff;
    color: #fff;
    width: 100%;
    left: 0;
    top: 0px;
    z-index: 99;
    background-image: url('https://mayi-newshop.oss-cn-shanghai.aliyuncs.com/product/SNzssemrfc.png');
    background-size: 100% 100%;
  }