::-webkit-scrollbar {
  display: none
}

* {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
@font-face {
  font-family: 'DINOT-Bold';
  src:local('fontname Regular'),
      local('fontname'),
      url('https://game.happigo.com/public/static/App/font/Kingsoft_Cloud_Font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.DINOT-Bold,.dinot-bold {
  font-family: 'DINOT-Bold';
}
.pd25{padding:20px 0 !important}
.mt25{margin-top: 20px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
:root {
  --page-bg-mz:#F4A8B7;
  --topic-text-mz:#f03667;
  --page-bg-fs:#5CC0A6;
  --topic-text-fs:#ff2c29;
  --page-bg-jj:#9FA1DF;
  --topic-text-jj:#f03667;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
object,
iframe,
applet,
figure,
aside,
span {
  border: thin none;
  margin: 0;
  padding: 0;
  list-style: none
}

img {
  border: medium none;
  margin: 0;
  padding: 0;
  vertical-align: top
}
a {
  cursor: pointer;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.fl {
  float: left
}

.fr {
  float: right
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.clearfloat {
  zoom: 1;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

html {
  width: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  overflow: -moz-scrollbars-vertical;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-size: 14px;
  font-size: .875em;
  font-family: "微软雅黑", Helvetica;
  min-width: 320px;
  max-width: 640px;
  padding: 0;
  line-height: 1.5em;
  -webkit-user-select: none;
  position: relative;
  margin: 0 auto;
  background-color: #cb9b50;
}
.w97{width:97%;margin: 0 auto;}
.paddingTop1{padding-top:1.2em;}
.marginTop{margin-top:1em}
img {
  width: 100%
}
.notice{  position: absolute;
  top: 30%;
  color: #fff;
  left: 9%;
  right: 4%;}

.relative {
  position: relative;
}

.fixedTab {
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px;
  z-index: 290;
}

@media only screen and (max-width: 320px) {
  body,.goods_list  {
  font-size: 12px;
  }
}
@media only screen and (max-width: 320px) {
  body,
  .goods_list {
    font-size: 13px;
  }
}

@media only screen and (min-width: 321px) and (max-width: 389px) {
  body,
  .goods_list {
    font-size: 14px;
  }
}
@media only screen and (min-width: 390px) and (max-width: 410px) {
  body,
  .goods_list {
    font-size: 15px;
  }
}
@media only screen and (min-width: 411px) and (max-width: 650px) {
  body,
  .goods_list {
    font-size: 16px;
  }
  .scroll-box {left:6%}
}

.collect_scale {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation: collect_scale 1s ease infinite;
  -webkit-animation: collect_scale 1s ease infinite;
}

@-webkit-keyframes collect_scale {
  0% {
      transform: scale(1);
      -webkit-transform: scale(1);
  }
  100% {
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
  }
}

@keyframes collect_scale {
  0% {
      transform: scale(1);
      -webkit-transform: scale(1);
  }
  100% {
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
  }
}

@keyframes play1 {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.5);
  }
  100% {
      transform: scale(1);
  }
}

/*下滑*/

.ani-img-down {
  animation: img-down 0.5s ease-out;
  -webkit-animation: img-down 0.5s ease-out;
}


/*从中间放大*/

.ani-img-middle {
  animation: changeBiger 1.5s linear forwards;
}

@-webkit-keyframes img-down {
  0% {
      transform: translateY(-800px);
      -webkit-transform: translateY(-800px);
  }
  100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
  }
}

@keyframes img-down {
  0% {
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
  }
  100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
  }
}

.toTop {
  position: fixed;
  bottom: 12%;
  right: 1%;
  width: 12%;
  z-index: 200;
}


.scroll-box {
  position: absolute;
  top: 38%;
  left: 0;
  z-index: 3;
  width: 100%;
}

.scroll-box-main {
  position: relative;
  font-size: 0.92em;
  font-weight: 500;
}

.scroll-right {
  overflow: hidden;
  height: 25px;
  clear: both;
}

.scroll-right p {
  height: 25px;
  margin:0 auto;
  font-size:1.4em;
  line-height: 40px;color: #fff;text-align: center;
}
.scroll-right p img{height: 100%; width: auto;}
.scroll-right p>span {
  height: 25px;
  line-height: 25px;
  vertical-align: top;
  padding:0 10px;
  display: inline-block;

}
.scroll-right p>span>span{
  color: #8d2a5f;
}

.scroll2{
  position: absolute;
  top: 18%;
  right: 0;
  width: 58%;
  overflow: hidden;

}
.t-img{padding-top: 5%;padding-right: 10%;padding-left: 20%; font-weight: bold;font-size: 1.084em; text-align: center;}
.scroll2 .swiper-container,.scroll2 .swiper-slide{width: 100%;height: 100%;position: relative;}
.scroll2 .p{position: absolute;bottom: 0;right: 0;display: flex;letter-spacing: -2px;padding:6% 8% 4% 8%; align-items: center;font-size: 1.12em;  background: url(../images/top_p1.png) no-repeat;background-size: 100% 100%;min-width: 36%;height: 50%;}
.scroll2 .p span{transform: rotate(-15deg);}
.scroll2 .p b:first-child{font-size: 1.8em;}
.scroll2 .img-g{         width: 82%;  padding-left: 25%;}
.scroll2 .img-g img{border-radius: 10px;}

.scroll2 .swiper-container .swiper-slide img{height: auto;width: 100%;}
.loading_ani{background: url(images/css_sprites.png) 0 0;}
@-webkit-keyframes loading_ani{
  from{
 background-position:0 0
  }
  to{
  background-position:0 -14415px;
  }
}
@keyframes loading_ani{
  from{
    background-position:0 0
  }
  to{
  background-position:0 -14415px;
  }
}
.scr4{
  position: absolute;
  top: 11%;
  background: url(../images/css_sprites1.png) no-repeat;
  -webkit-animation: loading_ani steps(2,end) 2s infinite;
  animation: loading_ani1 steps(2,end) 2s infinite;
  transform: scale(0.5);
  transform-origin: center left;
  width: 340px;
  height: 46px;
  left: 29%;
}
.loading_ani1{background: url(images/css_sprites1.png) 0 0;}
@-webkit-keyframes loading_ani1{
  from{
 background-position:0 0
  }
  to{
  background-position:0 -92px;
  }
}
@keyframes loading_ani1{
  from{
    background-position:0 0
  }
  to{
  background-position:0 -92px;
  }
}

.ppg-swiper .md div{background: none;color: #E8092F;}
.ppg-swiper .md div::after{display: none;}
.md div{display: inline-block;position: relative; vertical-align: top;max-width: 90%;height: 22px;line-height: 22px;background: url(../images/md_bg1.png) no-repeat ;background-size: 100% 100%; padding: 0 6px;color: #fff;font-size: 0.26rem;z-index: 3;}

.img_a {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #e2e2e2;
  border-radius: 5px;
}

.img_a .lazy {
  width: 100%;
  border-radius: 2px;
}

/*tab列表*/
.g-tab>div.current>a img.icon2 {
  display: inline-block;
}

.g-tab>div.current>a img.icon1 {
  display: none
}

.g-tab>div>a img.icon2 {
  display: none
}

.g-tab>div>a img.icon1 {
  display: inline-block
}

.g-tab>div>a img.icon1 {
  height: 31px;
  width: auto;
}

.g-tab>div>a img.icon2 {
  height: 31px;
  width: auto;
}

.top-banner-tab {
  position: absolute;
  top: 0;
}
.top-banner{overflow: hidden;}
.banner-d1{position: absolute;bottom: 0;left: 0;right: 0;z-index: 4;}
/* .hot-sale-container{display: flex;gap:10px;} */

.ani2{animation: _2m2BE-data-v-215dcf70 1.5s ease-out infinite alternate;}
.ani1{
animation: tag 2s ease-out infinite;}
@keyframes tag {
  0% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
 }
 8% {
     -webkit-transform: scale(.7) rotate(0);
     transform: scale(.7) rotate(0);
 }
 20% {
     -webkit-transform: scale(.81) rotate(-7deg);
     transform: scale(.81) rotate(-7deg);
 }
 36% {
     -webkit-transform: scale(.96) rotate(7deg);
     transform: scale(.96) rotate(7deg);
 }
 40% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0);
 }
}
@keyframes _2m2BE-data-v-215dcf70 {
  0% {
      -webkit-transform: scale(1.1) translateZ(0);
      transform: scale(1.1) translateZ(0);
  }
  25% {
      -webkit-transform: scale(1.2) translateZ(0);
      transform: scale(1.2) translateZ(0);
  }
  50% {
      -webkit-transform: scale(1.1) translateZ(0);
      transform: scale(1.1) translateZ(0);
  }
  75% {
      -webkit-transform: scale(1.2) translateZ(0);
      transform: scale(1.2) translateZ(0);
  }
  100% {
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0);
  }
}
/* .hot-sale-container .swiper-slide:nth-child(3){
  width: 22%;
} */
.bottom-h{height:4em}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}
.bottom-tab-box {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 100%;
  display: flex;
}
.bottom-tab-box a {
  display: inline-block;
  flex: 1;
}


.inline-block {
  display: inline-block;
}

.block-title {
  width: 100%;
  padding: 1.1em 0 1em;
}

.g-warp {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);border-radius: 15px;
  margin: 0 auto;
  position: absolute;padding:0;
  left: 10px;
  right: 10px;
  top: 10px;
}
#top-nav {
  height: 2.2em;
  line-height: 2.2em;
}

.g-tab {
  width: 100%;
  overflow: hidden;
  z-index: 70;
}

.g-tab a img {
  width: 0.75em;
  vertical-align: initial;
  display: none;
}

.g-tab .current a {
  color: #721300;
  padding: 3px 8px;
  font-family: PingFangSC-Medium, PingFang SC;
}

.g-tab .current a img {
  display: inline-block;
  margin-bottom: -0.05em;
}
.g-tab .swiper-slide {padding: 0 8px;}
.g-tab .current{background: #fff;border-radius: 2em;}
.g-tab>div a {
  color: #fff;
  font-size: 0.26rem;
  padding: 3px 3px;
  font-weight: bold;
}
/*tab列表*/

._4Y0Qtm_k {
  position: absolute;
  left: -.2em;
  top: 0;
  width: 2em;
  height: 100%;
  background: url("../images/btn-line.png") no-repeat;
  background-size: 100% 100%;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: _32OZEz0v;
          animation-name: _32OZEz0v;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes _32OZEz0v {
  0% {
    left: -.2em;
  }

  40% {
    left: 100%;
  }

  100% {
     left: 100%;
  }
}

@keyframes _32OZEz0v {
  0% {
     left: -.2em;
   }
 
   40% {
     left: 100%;
   }
 
   100% {
     left: 100%;
   }
}
.tab5-block {
  display: none;
}
/*swiper初始化样式*/

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex: 1;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.swiper-slide {
  height: 100%;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  text-align: center
}

.swiper-pagination {
  width: 100%;
  height: 6px;
  margin-top: 10px;
  /* position: absolute; */
  z-index: 3;
  bottom: 0px;
  text-align: center;
}
.swiper-pagination4 {
  text-align: center;
}
.swiper-pagination-bullet {
  display: inline-block;vertical-align: top;
  width: 6px;
  height: 6px;
  background: #ac8fd2;
  margin: 0 3px;
  border-radius:3.5px;
  font-size: 0;
  text-indent: -999em;
}

.swiper-pagination-bullet-active {
  background: #694291;
}
.sw-bg1 .swiper-pagination-bullet{background: #fff;}
.sw-bg1 .swiper-pagination-bullet-active{background: #fff97f;}
.item-3-type1 .swiper-pagination-bullet {
  background: #c0c0c0;
}
.item-3-type1 .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  align-items: end;
}
/*tab列表*/
.floor12-con {
position: relative;
z-index: 1;
padding: 5em 0 2em 0;
}
.meeting-tab {
width: 100%;
left: 0;
margin: 0 auto;
display: flex;
position: absolute;background: #fff;
top: 0em;
box-sizing: border-box;
height: 5em;overflow: hidden;
}
.meeting-tab.fixedTab{top: 0 !important;left: 0 !important; right: 0 !important;}
/* .meeting-tab .swiper-slide:first-child {border-right: 1px solid #fff;background-color: #3399fd;

} */

.meeting-tab .swiper-slide {position: relative;
  color: #2b2b2b;
  /* background: #6601d8; */
  display: inline-block;vertical-align: top;
  padding:0;
  font-size: 0.9em;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}
.meeting-tab .swiper-slide a img{width:30%;}

.meeting-tab>div {
  /* line-height: 2.8em; */
}


/* .meeting-tab  .img1 {display:none;
} */
.meeting-tab .swiper-slide a {
  padding: 5px 0;font-size: 1.2em;line-height: 1.8em;
  display:block;text-align: center;color: #000;
}
.meeting-tab .swiper-slide a .mt-p{margin-top: 5px;}
.meeting-tab .swiper-slide.current a .mt-p{padding: 0 5px;border-radius: 4px;}
.meeting-tab .swiper-slide.current a{  color:#e70b02;font-weight: bold;}
.block-title2 {
  margin-bottom: -2em;
  position: relative;
  z-index: 2;
}


@keyframes piggyFingerIcon {
  0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }

  to {
      -webkit-transform: translate3d(0.2rem, 0.2rem, 0);
      transform: translate3d(0.2rem, 0.2rem, 0)
  }
}

@keyframes hand{
0%{transform: translateY(-10px);}
80%,100%{transform: translateY(10px);}
}

@-webkit-keyframes showimg{
0% {
left: -100%;
 
}
100% {
left: 100%;  
     
}
}

.bounceIn{animation: bounceIn 1s 1 ease-in-out;}


@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bigToSmallAni{
  0%{transform: scale3d(2.5, 2.5, 4.5);opacity: 0;}
 80%, 100%{transform: scale3d(1, 1, 1);opacity: 1;}
}
.aniShake{animation: aniShake 1.4s ease-in-out 1;animation-delay: 1.6s;transform-origin: center center;}
.aniShake1{animation: aniShake 1.4s ease-in-out infinite alternate;animation-delay: 1.6s;transform-origin: center center;}
@keyframes aniShake{
  0%{transform: rotate(0deg);}
  5%{transform: rotate(7deg);}
  10%{transform: rotate(0deg);}
  15%{transform: rotate(-7deg);}
  20%{transform: rotate(0deg);}
  25%{transform: rotate(7deg);}
  30%{transform: rotate(0deg);}
  40%{transform: rotate(-7deg);}
  45%{transform: rotate(0deg);}
  50%{transform: rotate(7deg);}
  55%{transform: rotate(0deg);}
  60%{transform: rotate(-7deg);}
  65%{transform: rotate(0deg);}
  70%{transform: rotate(7deg);}
  75%{transform: rotate(0deg);}
  80%{transform: rotate(-7deg);}
  85%{transform: rotate(0deg);}
  90%{transform: rotate(7deg);}
  95%{transform: rotate(0deg);}
  100%{transform: rotate(-7deg);}
}

.popq1{position: absolute;bottom: 7%;left: 0;right: 0;}
.quan-quan{position: absolute;top: 0%;left: 0;right: 0;z-index: 3;}
.quan-con{opacity: 0;}
.popq2Ani{animation: moveUp 0.5s ease-in-out 1;animation-fill-mode: forwards;}
.popq1Ani{animation: moveDown 0.5s ease-in-out 1;animation-fill-mode: forwards;}
@keyframes moveUp{
  0%{transform: translateY(0);}
  100%{transform: translateY(-200%);}
}
@keyframes moveDown{
  0%{transform: translateY(0);}
  100%{transform: translateY(200%);}
}
.btn-sx{position: absolute;bottom: 6%;left: 25%;right: 25%;width: 50%;}

.pop-main{position: fixed;top: 16%;left: 0;right: 0;z-index: 400;}
.pop-main .t{padding: 0 25%;font-size: 1.2em;color: #fff;text-align: center; display: inline-block;vertical-align: top;}
.pop-main .rule-con{background:#fff; border: 1px solid #f77a75; border-radius: 10px;padding: 15px;margin: 0 8%; max-height: 70vh;overflow-y: auto;font-size: 0.3rem;line-height: 0.42rem;}
.rule2-dialog .rule-con p b{font-size: 1.2em;}
.rule-con p span{color: #fd4a9e;}
.rule-con p b{font-size: 1.82em;}
.btn-iknow{       margin: 10px auto;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 1.2em;}
.pop-main .p{line-height: 1.4em;}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.802);
}

.page-dialog-box {
  z-index: 301;
  position: fixed;
  display: flex;
  height: 100vh;
  top: 0;
  overflow: auto;
  left: 0;
  width: 100%;
  align-items: center;
}
.page-dialog-con {
  width: 100%;
  margin: 0 auto 0;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}
.quan-lq-btn {
  position: absolute;
  bottom: 0.5em;
  width: 10em;
  text-align: center;
  font-size: 1em;
  line-height: 1.8em;
  color: #fff;
  background-color: #e30c2e;
  left: 50%;
  margin-left: -5em;
  border-radius: 2em;
  overflow: hidden;
}
.quan-bg-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.quan-lq-btn img {
  -webkit-animation: PWHdt 1s linear infinite;
  animation: PWHdt 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  height: 101%;
  -webkit-transform: translateX(-0.6rem);
  transform: translateX(-0.6rem);
  width: 16px;
  position: absolute;
  left: -6px;
  top: -0.5%;
}
.vip-t,.order-num{position: absolute;top:20%;left: 0;width: 100%;text-align: center;z-index: 2;font-size: 0.9em;}
.tag-page {
  height: 1em;
  width: auto;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -0.2em;
}
/* 秒杀 */
.tmp202504-sty3 .floor2-con {position: relative;  background: rgba(255, 255, 255, 0.6);border-radius: 0.2rem; margin: 0 2%;padding: 8px 0;}
.tmp202504-sty3 .mini-tab2-box{padding: 0 8px;padding-bottom: 0.04rem;overflow: hidden;}
.tmp202504-sty3 .mini-tab2{padding-bottom: 0.14rem;overflow: hidden;}
.tmp202504-sty3 .mini-tab2 .item {color: rgba(0, 0, 0, 0.5);text-align: center;padding: 0 0 0.02rem 0;position: relative;border-radius: 0.12rem; background: rgba(0, 0, 0, 0.1);}
.tmp202504-sty3 .mini-tab2 .item.item-miao .doing {display: block;}
.tmp202504-sty3 .mini-tab2 .item .doing {display: none;}
.tmp202504-sty3 .mini-tab2 .item p {font-size: 0.28rem;font-weight: 500;line-height: 0.4rem;height: 0.4rem;}
.tmp202504-sty3 .mini-tab2 .item span {font-weight: bold;font-size: 0.24rem;display: inline-block;vertical-align: top;height: 0.34rem;line-height: 0.34rem;}
.tmp202504-sty3 .mini-tab2 .item .end {display: none;}
.tmp202504-sty3 .mini-tab2 .item .time {display: inline-block;vertical-align: top;}
.tmp202504-sty3 .mini-tab2 .item.item-end .end {display: inline-block;vertical-align: top;}
.tmp202504-sty3 .mini-tab2 .item.item-active {background: #fff;position: relative;}
.tmp202504-sty3 .mini-tab2 .item.item-active p{color: #000;}
.tmp202504-sty3 .mini-tab2 .item.item-active .doing{color: #E8092F;}
.tmp202504-sty3 .mini-tab2 .item.item-end .doing{display: none;}
.tmp202504-sty3 .mini-tab2 .item.item-miao .wait{display: none;}
.tmp202504-sty3 .mini-tab2 .item.item-end .wait{display: none;}
.tmp202504-sty3 .mini-tab2 .item.item-active::after{position: absolute;content: '';top: 100%;left: 50%;margin-left: -6px; border-top: 6px solid #fff;border-bottom: 6px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.tmp202504-sty3 .mini-tab2 .buy-djs .sp_h,
.tmp202504-sty3 .mini-tab2 .buy-djs .sp_m,
.tmp202504-sty3 .mini-tab2 .buy-djs .sp_s,
.tmp202504-sty3 .mini-tab2 .buy-djs .sp_ms{background:none;color:#ec1515;margin: 0;padding: 0;width: auto;}
.tmp202504-sty3 .buy-note,.buy-note2 {  color: #000000;  display: flex;  justify-content: space-between;  font-size: 0.8em;  padding: 0.5em 0.7em 0.7em;  font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;}
.tmp202504-sty3 .buy-djs{padding:0.02rem 8px 10px 8px;color: #000000;font-size: 0.26rem;font-weight: 500;}
.tmp202504-sty3 .item3-type2 {background:#fffdf9;overflow: hidden;padding: 0 0 0.18rem 0;text-align: left;border-radius: 8px;}
.tmp202504-sty3 .item3-type2 .img-box {position: relative;margin: 0.12rem;overflow: hidden;background-color: #fff;border-radius: 0.12rem;}
.tmp202504-sty3 .item3-type2 .miao-tag {position: absolute;left: 0.12rem;top: 0.12rem;z-index: 1;min-width: 0.6rem;background: #E8092F;height: 0.32rem;line-height: 0.32rem;background: #E8092F;border-radius: 0.12rem 0px 8px 0px;  color: #fff;font-size: 0.22rem;text-align: center;}
.tmp202504-sty3 .item3-type2 .title {padding: 0 0.12rem;font-size: 0.28rem;color: #111111;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-height: 0.38rem;height: 0.76rem;-webkit-box-orient: vertical;margin:0 0 0.5em 0;text-align: left;}
.tmp202504-sty3 .item3-type2 .item-con{position: relative;padding: 0 0.12rem;}
.tmp202504-sty3 .item3-type2 .price-box {color: #E8092F;margin-left: -3px;}
.tmp202504-sty3 .item3-type2 .gray-price{text-decoration: line-through;color: #999;font-size: 0.24rem;}
.tmp202504-sty3 .item3-type2 .price-box .name {font-size: 0.7em;color: #FF1C02;margin-right: -3px;font-weight: normal;font-family: "宋体";}
.tmp202504-sty3 .item3-type2 .price-box .unit {font-size: 0.28rem;margin-right: -3px;}
.tmp202504-sty3 .item3-type2 .price-box .amount1 {font-size: 0.36rem;letter-spacing: -1px;  }
.tmp202504-sty3 .item3-type2 .price-box  .d{margin-left: -2px;}
.tmp202504-sty3 .item3-type2 .item-tag {position: absolute;left: 50%;color: #fff;font-size: 1em;font-weight: bold;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;height: 5.2em;width: 5.2em;line-height: 5.2em;transform: rotate(18deg);top: 50%;margin-top: -2.6em;margin-left: -2.6em;text-align: center;}
.tmp202504-sty3 .item3-type2 .miao-tag2 {position: absolute;left: 0;bottom: 0; text-align: center;right: 0;z-index: 1;color: #E8092F;font-weight: 500;font-size: 0.24rem;color: #E8092F;height: 0.38rem;line-height: 0.38rem;background: #FEEDF2;border-radius: 0px 0px 0.12rem 0.12rem;    }
.tmp202504-sty3 .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;background: #000;opacity: 0.3;}
.tmp202504-sty3 .swiper-pagination-bullet-active{width: 0.2rem;background: #000000;opacity: 1;}
/* 1大4小 */
.tmp202504-sty5 .bg1{background: rgba(255, 255, 255, 0.6);border-radius: 0.16rem;  background-size: 100% 100%;  padding: 10px;  position: relative;  z-index: 2;   margin-left: 1.6%;  width: 96.7%;}
.tmp202504-sty5 .hot-goods{background: #fff;border-radius: 0.16rem;padding: 0.14rem;}
.tmp202504-sty5  .hot-goods .swiper-slide{width: 100%;}
.tmp202504-sty5 .item-3{position: relative;overflow: hidden;padding: 0;}
.tmp202504-sty5  .item-3-con{display: flex;}
.tmp202504-sty5  .item-3-con .item-3-goods{width: 2.6rem;height: 2.6rem;border-radius: 0.16rem;overflow: hidden;background: #e2e2e2;}
.tmp202504-sty5 .item-3-con .title {  font-size: 0.3rem; text-align: left;   color: #111;  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  line-height: 0.4rem;  height: 0.78rem;  -webkit-box-orient: vertical;  word-break: break-all;}
.tmp202504-sty5 .price-container4{position: absolute;bottom: 0;left: 0;right: 0;}
.tmp202504-sty5 .price-container4 img{width: 100%;}
.tmp202504-sty5 .p-c4-p2{       color: #E8092F;position: absolute;font-size: 0.26rem;  left: 6%;  bottom: 7%;  line-height: 1em;}
.tmp202504-sty5 .p-c4-p2 p{height: 0.32rem;font-weight: 500;font-size: 0.24rem;color: #E8092F;line-height: 0.32rem;margin-bottom: 0.06rem;}
.tmp202504-sty5 .p-c4-p2 .amount1{font-weight: 600;font-size: 0.4rem;color: #E8092F;line-height: 0.32rem;}
.tmp202504-sty5 .item-3-goods-con{margin:0 5px 0 0.22rem;flex:1;text-align: left;position: relative;}
.tmp202504-sty5  .item-3 .b{color: #E8092F; position: absolute;top: -0.08rem;left: 0.32rem;height: 0.32rem;line-height: 0.32rem;border-radius: 0.44rem; font-size: 0.24rem;font-weight: bold;}
.tmp202504-sty5  .hot-sale-container .hot-li{flex:1;  background: #ffd5d5;  border-radius: 10px;}
.tmp202504-sty5 .hot-sale-container .swiper-container{  margin-top: 2px;  height: 100%;  flex:1;overflow: hidden;}
.tmp202504-sty5 .hot-sale-container .swiper-slide {width: 25.1%;padding: 6px 0 0 0;}
.tmp202504-sty5 .hot-sale-container .swiper-slide .block-con{position: relative; flex: 1;background: #fff; padding:0.1rem 0.1rem 0.08rem 0.1rem;border-radius: 0.12rem;border: 0.02rem solid rgba(0, 0, 0, 0);}
.tmp202504-sty5 .hot-sale-container .swiper-slide.swiper-slide-active .block-con{border: 0.02rem solid #E8092F;}
.tmp202504-sty5 .hot-sale-container .swiper-slide.swiper-slide-active .block-con::after{position: absolute;bottom: 100%;left: 50%;margin-left: -6px; content: '';width: 0;height: 0;border-bottom: 6px solid #E8092F;border-top: 6px solid transparent;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.tmp202504-sty5 .hot-sale-container  .block-con {position: relative;}
.tmp202504-sty5 .hot-sale-container .g-img{overflow: hidden;border-radius: 0.12rem;position: relative;}
.tmp202504-sty5 .hot-sale-container .price-box1{padding-top: 0.08rem;  color: #E8092F;}
.tmp202504-sty5 .hot-sale-container .price-box1 .price-box1-unit{font-size: 0.24rem;}
.tmp202504-sty5 .hot-sale-container .price-box1 .price-box1-money{font-size: 0.32rem;}
.tmp202504-sty5 .hot-sale-container .price-box1 p{height: 0.32rem;font-weight: 500;font-size: 0.22rem;line-height: 0.32rem;margin-top: -0.04rem;}
.tmp202504-sty5 .hot-sale-container .price-box1 .d{font-size: 0.26rem;margin-left: -4px;}
.tmp202504-sty5 .hot-sale-container .hot-sale-price { margin-top: 10px;  position: absolute;  bottom:5%;  left:0;  right:0}
.tmp202504-sty5 .bt-jb{position: absolute;top: 0;left: 0;display: inline-block;vertical-align: top;padding: 0 8px;line-height: 0.32rem;height: 0.32rem; background: #e8092f;color: #fff; font-size: 0.22rem;border-radius: 0.12rem 0 0.16rem 0;}

.tmp202504-sty6 .bg1{background: rgba(255, 255, 255, 0.6);border-radius: 0.16rem;  background-size: 100% 100%;  padding: 10px;  position: relative;  z-index: 2;   margin-left: 1.6%;  width: 96.7%;}
.tmp202504-sty6  .hot-goods .swiper-slide{width: 100%;}
.tmp202504-sty6  .hot-goods .swiper-slide:last-child .item-3{margin-bottom: 0;}
.tmp202504-sty6 .item-3{position: relative;overflow: hidden;padding: 0;background: #fff;border-radius: 0.16rem;padding: 0.14rem;margin-bottom: 0.2rem;}
.tmp202504-sty6  .item-3-con{display: flex;}
.tmp202504-sty6  .item-3-con .item-3-goods{position: relative; width: 2.6rem;height: 2.6rem;border-radius: 0.16rem;overflow: hidden;background: #e2e2e2;}
.tmp202504-sty6 .item-3-con .title {  font-size: 0.3rem; text-align: left;   color: #111;  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  line-height: 0.4rem;  height: 0.78rem;  -webkit-box-orient: vertical;  word-break: break-all;}
.tmp202504-sty6 .item-3-con .md { margin-top: 0.06rem; height: 0.32rem;font-weight: 400;font-size: 0.26rem;color: #E8092F;line-height: 0.32rem; text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1;   -webkit-box-orient: vertical;  word-break: break-all;}
.tmp202504-sty6 .price-container4{position: absolute;bottom: 0;left: 0;right: 0;}
.tmp202504-sty6 .price-container4 img{width: 100%;}
.tmp202504-sty6 .p-c4-p2{       color: #E8092F;position: absolute;font-size: 0.26rem;  left: 6%;  bottom: 10%;  line-height: 1em;}
.tmp202504-sty6 .p-c4-p2 .amount1{font-weight: 600;font-size: 0.4rem;color: #E8092F;line-height: 0.32rem;}
.tmp202504-sty6 .item-3-goods-con{margin:0 5px 0 0.22rem;flex:1;text-align: left;position: relative;}
.tmp202504-sty6  .item-3 .del-p{color: #999;text-decoration: line-through; position: absolute;top: -0.04rem;left: 0.32rem;height: 0.28rem;line-height: 0.28rem; font-size: 0.26rem;font-weight: bold;}
.tmp202504-sty6  .item-3 .b{color: #A67822;    position: absolute;    top: 31%;    right: 18%;    height: 0.6rem;    line-height: 0.26rem;    font-size: 0.24rem;    font-weight: bold;    width: 20%;    text-align: center;}
.tmp202504-sty6 .bt-jb{position: absolute;top: 0;left: 0;display: inline-block;vertical-align: top;padding: 0 8px;line-height: 0.32rem;height: 0.32rem; background: #e8092f;color: #fff; font-size: 0.22rem;border-radius: 0.12rem 0 0.16rem 0;}

.tmp202504-sty8 {  position: relative;   margin: 0.2rem 0;}
.tmp202504-sty8 .tmp-ul{display: flex;align-items: flex-start;flex-wrap: wrap;}
.tmp202504-sty8 .tmp-li{width: 49%;margin-right: 2%;margin-bottom: 0.2rem;}
.tmp202504-sty8 .tmp-li:nth-child(2n){margin-right: 0;}
.tmp202504-sty8 .tmp-li a {width:100%;  display: inline-block;vertical-align: top;background: #fff;border-radius: 0.16rem;}
.tmp202504-sty8 .img-box{border-radius: 0.12rem;background-color: #fff;margin:  7px;position: relative;overflow: hidden;}
.tmp202504-sty8 .price-box1 {  color: #E8092F;  text-align: center;  font-weight: bold;  font-family: DINOT-Bold;  padding-top: 4px; }  
.tmp202504-sty8 .swiper-slide a .lazy {  height: 100%;  border-radius: 0.12rem;  }
.tmp202504-sty8 .price-box1 span:last-child{margin-left: -2px;}

.tmp202504-sty8 .goods-type-item .price-box .money {position: absolute;top: 8%;left: 2%; letter-spacing: -0.02rem;  flex: 1;  font-size: 0.36rem; line-height: 0.47rem;height: 0.4rem; color: #E8092F;  text-align: left;  font-family: "DINOT-Bold";padding: 0;}
.tmp202504-sty8 .price-box{position: relative;display: flex;align-items: center;justify-content: center; padding: 0;text-align: center;margin: 0.46rem 0.15rem 8px 0.15rem;}
.tmp202504-sty8 .goods-type-item .price-box .q1{ width: 100%}

.tmp202504-sty8 .goods-type-item .title {  font-size: 0.3rem;    color: #000;  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  line-height: 0.4rem;  height: 0.78rem;  -webkit-box-orient: vertical;  margin: 0.15em 0 0.15em;  padding: 0 8px;  word-break: break-all;}
.tmp202504-sty8 .goods-type-item .price-box .money .unit {  font-size: 0.28rem;}
.tmp202504-sty8 .goods-type-item .price-box .money .d {  font-size: 0.28rem;}

.tmp202504-sty8  .price-box .b{color: #fff;background: #E8092F; padding: 0 0.1rem; position: absolute;bottom: 103%;left: 0;height: 0.32rem;line-height: 0.32rem;border-radius: 0.3rem; font-size: 0.22rem;font-weight: bold;}
.tmp202504-sty8  .price-box .b::after{position: absolute;top: 100%;left: 25%;content: '';width: 0;height: 0;  border-right: 5px solid #E8092F;border-bottom: 5px solid transparent;}

.tmp202504-sty8 .bt-jb{position: absolute;top: 0;left: 0;display: inline-block;vertical-align: top;padding: 0 5px;line-height: 0.33rem;height: 0.32rem; background: #e8092f;color: #fff; font-size: 0.22rem;border-radius: 0.12rem 0 0.16rem 0;}
.tmp202504-sty8 .bt-jb img{height: 0.26rem;margin-top: 0.03rem;margin-right: 1px;width: auto;}

.tmp202504-sty1 {  position: relative;}
  .tmp202504-sty1 .hsc {display: flex;align-items: baseline;gap: 10px;position: relative;border-radius: 0.1rem;padding: 0 0.2rem;}
  .tmp202504-sty1 .hsc .l{width: 31.8%;}
  .tmp202504-sty1 .hsc .swiper-container{flex: 1;}
  .tmp202504-sty1 .hsc .l .swiper-slide{margin-bottom: 8px;}
  .tmp202504-sty1 .swiper-container{height: 100%;flex:3.85;overflow: hidden;}
  .tmp202504-sty1 .swiper-slide a {width:100%;  display: inline-block;vertical-align: top;background: #fff;border-radius: 0.16rem;}

  
  .tmp202504-sty1 .price-box1 .price-box1-unit {  font-size: 0.3rem;  letter-spacing: -1px;}
  .tmp202504-sty1 .swiper-slide a .lazy {  height: 100%;  border-radius: 10px;  }
  
  .tmp202504-sty1 .img-box{border-radius: 0.12rem;background-color: #fff;margin:  7px 0.15rem;position: relative;overflow: hidden;}
  .tmp202504-sty1 .price-box1 {  color: #E8092F;  text-align: center;  font-weight: bold;  font-family: DINOT-Bold;  padding-top: 4px; }  
  .tmp202504-sty1 .swiper-slide a .lazy {  height: 100%;  border-radius: 0.12rem;  }
  .tmp202504-sty1 .price-box1 span:last-child{margin-left: -2px;}

  .tmp202504-sty1 .goods-type-item .price-box .money {letter-spacing: -0.02rem;  flex: 1;  font-size: 0.36rem; line-height: 0.47rem;height: 0.4rem; color: #E8092F;  text-align: left;  font-family: "DINOT-Bold";padding: 0;}
  .tmp202504-sty1 .price-box{position: relative;display: flex;align-items: center;justify-content: center; padding: 0;text-align: center;margin: 8px 0.15rem 8px 0.15rem;}
  .tmp202504-sty1 .goods-type-item .price-box .q1{    width: 0.4rem;}

  .tmp202504-sty1 .goods-type-item .title {  font-size: 0.28rem; text-align: left;   color: #000;  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  line-height: 0.38rem;  height: 0.74rem;  -webkit-box-orient: vertical;  margin: 0.15em 0 0.15em;  padding: 0 8px;  word-break: break-all;}
  .tmp202504-sty1 .goods-type-item .price-box .money .unit {  font-size: 0.28rem;}
  .tmp202504-sty1 .goods-type-item .price-box .money .d {  font-size: 0.28rem;}

  .tmp202504-sty1 .bt-jb{position: absolute;top: 0;left: 0;display: inline-block;vertical-align: top;padding: 0 8px;line-height: 0.32rem;height: 0.32rem; background: #e8092f;color: #fff; font-size: 0.22rem;border-radius: 0.12rem 0 0.16rem 0;}
  .tmp202504-sty1 .bt-jb img{height: 0.26rem;margin-top: 0.03rem;margin-right: 1px;width: auto;}

  .tmp-oth-sty1 .sign-box{background: #ead7b9;margin: 10px;border-radius: 0.16rem;overflow: hidden;}
  .tmp-oth-sty1 .tit{background: linear-gradient(0, #e0ae61, #ffffff);text-align: right;padding: 0.1rem 0.2rem;} 
  .tmp-oth-sty1 .btn-guizhe{background: #5e4645;color: #fff;display: inline-block;vertical-align: top;padding: 0 0.12rem;height: 0.4rem;line-height: 0.4rem; border-radius: 0.4rem;}
  .tmp-oth-sty1 .fd-list1{margin:0.25rem 0.2rem; position: relative; display:flex;align-items: center;background: #fff;}
  .tmp-oth-sty1 .fd-list{margin: 0.15rem;width: 100%; position: relative; display:flex;align-items: center;border: 1px solid #eddbc5; padding:0.6rem 0.1rem;}
  .tmp-oth-sty1 .fd-list::before {position: absolute;    content: '';    top: 35%;    left: 5%;    right: 5%;    height: 2px;    border-top: 5px solid #f1e3d0;}
  .tmp-oth-sty1 .sing-status div{border-radius: 20px;color: #fff;background: linear-gradient(0,#eb423d,#f77a75);}
  .tmp-oth-sty1 .sing-status div.s2{background: #efdfca;color: #734a1f;}
  .tmp-oth-sty1 .sing-status div.s3{color: #222;background: #e0e0e0;}
  .tmp-oth-sty1 .sing-status div.s4{color: #fff;background: #eb423d;}
  /*.tmp-oth-sty1 .fd-list .s2,.fd-list .s3,.fd-list .s4{display: none;}*/
  .tmp-oth-sty1 .sing-status p {color: #000;font-size: 1.03em;margin-top: 5px;}
  .tmp-oth-sty1 .sing-status p b{font-size: 1.5em;}
  .tmp-oth-sty1 .sign-s2 .s2{display: block;}
  .tmp-oth-sty1 .sign-s2 .s1,.sign-s2 .s3,.sign-s2 .s4{display: none;}
  .tmp-oth-sty1 .sign-s3 .s3{display: block;}
  .tmp-oth-sty1 .sign-s3 .s1,.sign-s3 .s2,.sign-s3 .s4{display: none;}
  .tmp-oth-sty1 .sign-s4 .s4{display: block;}
  .tmp-oth-sty1 .sign-s4 .s1,.sign-s4 .s3,.sign-s4 .s2{display: none;}
  .tmp-oth-sty1 .fd-icon{flex: 1; margin: 0;position: relative;font-size: 0.26rem;z-index: 3;text-align: center;padding: 0 5px;}
  .tmp-oth-sty1 .fd-img{padding: 0 10% 5px 10%;}
  .tmp-oth-sty1  .fd-open{width: 100%;height: 100%;z-index: 3;}
 

  .order-g-bg{background:#ffffff; margin: 0 10px; border-radius:10px;padding: 10px;position: relative;z-index: 3;}
.order-g-bg .t{font-size: 0.32rem;color: #000;margin-bottom: 2px;font-weight: 500;position: relative;line-height: 27px;}
.order-g-bg .t b{background: url(../images/m_bg.png) no-repeat;background-size: 100% 100%;display: inline-block;vertical-align: top;font-weight: normal;line-height: 23px; padding: 2px 15px 2px 2em;color: #a6231d;font-size: 0.28rem;}
.order-goods{ align-items: center;background: #fef0d1; padding:10px 8px 10px 8px;border-radius: 10px;position: relative;margin-top: 10px;}
/* .bgfff{background: #fff;border-radius: 10px;overflow: hidden;padding: 10px 6px;} */
.order-goods .l{width: 3.5em;height: 3.5em;color: #824118;font-size: 1.4em;font-weight: bold; border-radius: 10px;overflow: hidden;text-align: center;}
.order-goods .l b{font-size: 1.5em;}
.order-goods .t{color: #e8092f;font-size: 0.26rem;line-height: 1.1em;}
.order-goods .t span{display: inline-block;vertical-align: top;border: 1px solid #d59367;color: #fff;border-radius: 20px;height: 25px;line-height: 24px;font-size: 0.8em;padding: 0 4px;}
.order-goods .cj-tips{color: #e8092f;margin-top: 4px;font-size:0.24rem}
.order-goods .btn {height: 35px;background: #e8092f; line-height: 30px; border-radius: 5px;text-align: center;padding: 2px 5px; color: #fff;font-weight: bold;font-size: 0.26rem;}

.flex .m{flex: 1;padding: 0 4px 0 6px;text-align: left;}
.abs-djs .r{display:flex;align-items: center;}
.m-pro{flex: 1;text-align: center;color: #db2b35;max-width: 30%;font-size: 0.22rem;}
.pro-box{background: #fca0b0;height: 10px;border-radius: 10px;overflow: hidden;}
.pro-box div{background: #e8092f;width: 20%;height: 100%;transition: all 0.5s ease-in-out;}
.pro-gn-b{text-align: right;margin-top: 5px;}
.pro-gn{white-space: nowrap;margin: 0 5px; display: inline-block;vertical-align: top;font-size: 0.26rem; max-width: 30%;text-align: center; background: url(../images/pro_pbg.png) no-repeat;background-size: 100% 100%;color: #e8092f;padding: 5px 4px 0 4px;}
.order-goodsl-swiper .swiper-slide{width: 100%;align-items: center;}
.flex{display: flex;}
.order-g-bg .buy-djs{position: absolute;top: 0;right: 0;color: #e8092f;font-size: 0.92em;padding: 0;display: flex;}
.order-g-bg .m .flex{justify-content: end;}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
  align-items: baseline;
}

.ppg-swiper .swiper-slide{width:32.33%;margin: 0 0 0 1%; position: relative;}
.ppg-swiper .sw-bg1 .swiper-slide{width:52%;text-align: left; margin: 0; position: relative;transform: scale(0.92);padding:0 10px 24px 10px;margin-left: -20px;}
.ppg-bg{background: #fff;border-radius: 10px;padding: 7px;position: relative;z-index: 2;}
.ppg-swiper .sw-bg1 .swiper-slide.swiper-slide-active{transform: scale(1);}
.ppg-swiper .sw-bg1 .swiper-slide.swiper-slide-active .zhuzi{display: block;}

.ppg-swiper .swiper-slide .img{    position: absolute;
  top: 0;
  left: 6%;
  right: 6%;
  border-radius: 10px;
  overflow: hidden;}
.ppg-swiper .swiper-slide .pp-name{position: absolute;
  bottom : 4%;width: 88%;
  left: 6%;font-weight: bold;color: #000;height: 2em;line-height: 2em;overflow: hidden;}
.ppg-swiper .swiper-slide .pp-bup{position: absolute;
  top  : 0%;width: 80%;
  left: 10%;background: red;color: #fff;border-radius: 0 0 10px 10px;}
  .sw-bg2 .swiper-wrapper{display: flex;flex-wrap: wrap;}
.zhuzi{position: absolute;bottom: 0;left: 0;width: 100%;display: none;}
.hw-img{overflow: hidden;border-radius: 10px;position: relative;}
.hw-name{overflow: hidden;height: 2.7em;line-height: 1.4em; color: #000;    text-overflow: ellipsis;
  display: -webkit-box;margin: 4px 0;font-size: 0.3rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hw-jg{color: #fff;font-family: 'DINOT-Bold';}
.hw-jg b{font-size:1.8em}
.hw-md{text-align: left;    text-overflow: ellipsis;font-size: 0.9em;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; height: 1.4em;line-height: 1.4em;/* background: rgba(0,0,0,0.5); */overflow: hidden;color: #fff;}
.sw-bg2 .swiper-slide{background: #fff;border-radius: 10px;overflow: hidden;padding: 7px 8px 5px 4px;margin-bottom: 10px;}
.sw-bg2 .zc1{background: url(../images/zc1.png) no-repeat;background-size: 100% 100%;}
.sw-bg2 .zc2{background: url(../images/zc2.png) no-repeat;background-size: 100% 100%;}
.sw-bg2 .zc3{background: url(../images/zc3.png) no-repeat;background-size: 100% 100%;}
.sw-bg2 .zc4{background: url(../images/zc4.png) no-repeat;background-size: 100% 100%;}
.sw-bg2 .zc5{background: url(../images/zc5.png) no-repeat;background-size: 100% 100%;}
.sw-bg2 .zc6{background: url(../images/zc6.png) no-repeat;background-size: 100% 100%;}
.sw-bg2-jg{color:#fff;font-family: 'DINOT-Bold';margin-top: 5px;}
.sw-bg2-jg b{font-size:1.38em}
.down-p{position: absolute;top: 0;left: 0;background: linear-gradient(50deg,#cd0909 0%,#f63f36 100%);color: #fff;z-index: 3;padding: 0 5px;border-radius:10px 0 10px 0; }
.price-container3 .price-container3-price1 {
  position: absolute;
  color: #e82600;
  text-align: left;
  left: 4%;
  width: 44%;
  top: 10%;
  font-family: DINOT-Bold;
}
.price-container3 .price-container3-price1 .unit {
font-size: 0.24rem;
letter-spacing: -1px;
}
.price-container3 .price-container3-price1 .amount1 {
  font-size: 0.4rem;
}
.price-container3 .price-container3-price1 .amount2 {
  font-size:0.26rem;
  margin-left: -4px;
}
.price-container3 .price-container3-price1 .amount3{
  font-size:0.66em;
  margin-left: -4px;
}

.main-box{margin: 0.2rem;}

.rule2-btn{position: absolute;top: 10%;right: 0;width: 20%;height: 20%;z-index: 3;}
.quan-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.85);
}

.hb-numb{position: absolute;top: 17%;left: 0;right: 0;text-align: center;color: #ff0000;font-size: 1.8rem;letter-spacing: -8px;}
.btn-sy {position: absolute;bottom: 1%;left: 30%;width: 40%;}
.fl3-btn{    position: absolute;
  bottom: 0;
  left: 2%;
  width: 48%;
  height: 100%;}
.fl3sty2{color: #fff;left: 50%;}
.rule2-dialog .pop-main{top: 5%;}