::-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/HONORSans-Demibold.ttf') format('truetype');
        /* url('https://game.happigo.com/public/static/App/font/DINOT-Bold.ttf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
}

.DINOT-Bold,.dinot-bold {
    font-family: 'DINOT-Bold';
}

:root {
    --page-bg-mz:#F792C9;
    --topic-text-mz:#f03667;
    --page-bg-fs:#FF8B9F;
    --topic-text-fs:#ff2c29;
    --page-bg-jj:#54D1CF;
    --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;
    background-color: #9ca9ff;
}

body {
    width: 100%;
    overflow-x: hidden;
    font-size: 14px;
    font-size: .875em;
    min-width: 320px;
    max-width: 640px;
    padding: 0;
    line-height: 1.5em;
    -webkit-user-select: none;
    position: relative;
    margin: 0 auto;
    background-color: #9ca9ff;
    padding-bottom: 5em;
}

img {
    width: 100%
}

.relative {
    position: relative;
}

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

@media only screen and (max-width: 320px) {
    body,.goods_list  {
    font-size: 13px;
    }
}
@media only screen and (max-width: 320px) {
    body,
    .goods_list {
      font-size: 14px;
    }
  }
  
  @media only screen and (min-width: 321px) and (max-width: 389px) {
    body,
    .goods_list {
      font-size: 15px;
    }
  }
  @media only screen and (min-width: 390px) and (max-width: 410px) {
    body,
    .goods_list {
      font-size: 16px;
    }
  }
  @media only screen and (min-width: 411px) and (max-width: 650px) {
    body,
    .goods_list {
      font-size: 17px;
    }
  }

.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);
    }
    30% {
        transform: scale(1.15);
    }
    60%,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(-50%);
        -webkit-transform: translateY(-50%);
    }
    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: 23.6%;
    right: 5%;
    z-index: 3;
    width: 50%;
}
  .scroll-box-main {
    position: relative;
    font-size: 0.8em;
    
    font-weight: 602;
  }*/
  
  .scroll-right {
    overflow: hidden;
    height: 27px;
    clear: both;
    text-align: center;
  }
  
  .scroll-right p {
    height: 27px;
    margin:0 auto;
    line-height: 0.8em;
  }
  .scroll-right p span {
    height: 27px;
    color: #fff;
    line-height:27px;
    display: inline-block;
  }
  

.goods-li {
    display: flex;
    flex-wrap: wrap;
    border-radius:0 0 10px 10px;
    overflow: hidden;
    width: 100%;
    /* margin-left: 1.46%; */
    top: 0;
    height: 100%;
    font-size: 0.8em;
    /* background-color: #ffe4aa; */
    padding:4px 6px;
}
.goods_list {
    width: 49%;
    margin: 0em 0.5% 0.3em 0.5%;
    position: relative;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
}
.goods_list2 {
    width: 49%;
    margin: 0em 0.5% 0.3em 0.5%;
    position: relative;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
}

.g-line {
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    background-color: rgb( 254, 242, 223 );
}
#floor6 .g-line,#floor12 .g-line {
    background-color: #fff;
}
.main-6 .g-line {
    border-color: #fff;
}
body .paddingTop15 {
    padding-top: 1.5em;
}
.paddingTop2 {
    padding-top: 2em;
}
.img_a {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 8px 8px 5px;
    padding: 1%;
    background-color: #fff;
    border-radius: 4px;
}

.img_a .lazy {
    width: 100%;
    border-radius: 2px;
}
.floor7-con {
    /*margin-top: 2.5em;*/
}
.goodsInfo {
    padding: 3px 5% 8px 5%;
}
.xin-box .swiper-container {
    overflow: visible;
    position: absolute;
    top: 26%;
    left: 0;
    width: 100%;
}
.xin-box .swiper-slide img {
    transform: translateY(0px);
    transition: all 0.5s ease-out;
}
.xin-box .swiper-slide-active img {
    transform: translateY(10px);
}
.p5 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1em;
    line-height: 1.35em;
    height: 2.7em;
    text-align: left;
    color: #333333;
    margin: 0 0 5px 0px;
    word-break: break-all;
    font-weight: 500;
}
.p5-tag {
    color: #f21500;
    border:1px solid #f21500;
    font-size: 1em;
    padding: 0 6px;
    line-height: 1.3em;
    border-radius: 12px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 602;
}
.goods-tag {
    position: absolute;
    left: 5px;
    top: 0;
    width: 3em;
    height: auto;
    z-index: 1;
}
.tag-520 {
    height: 1em;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.2em;
    margin-right: 3px;
}
.goods-type-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 255, 255, 255 );
    background-image: -moz-linear-gradient( 141deg, rgb(255,233,193) 0%, rgb(255,249,235) 100%);
    background-image: -webkit-linear-gradient( 141deg, rgb(255,233,193) 0%, rgb(255,249,235) 100%);
    background-image: -ms-linear-gradient( 141deg, rgb(255,233,193) 0%, rgb(255,249,235) 100%);
    background-color: rgb(255,233,193);
    border-radius: 18px 0 18px 0;
    display: inline-block;
    padding: 8px;
    position: relative;
    text-align: center;
  }
  .goods-type-item .img-box {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border-radius: 18px 0 18px 0;
    background-color: #ffffff;
    height: 42vw;
  }
  .goods-type-item .tag {
    display: inline-flex;
    width: 40%;
    position: absolute;
    left: 30%;
    top: -1px;
    z-index: 1;
    font-size: 0.9em;
    height: 1.8em;
    align-items: center;
    justify-content: center;
    color: #ffd692;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(44,44,44) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(44,44,44) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(44,44,44) 100%);
    background-color: rgb(0,0,0);
    border-radius: 0 0 10px 10px;
    
    font-weight: 602;
    
  }
  
  .goods-type-item .title {
    font-size: 0.9em;
    
    font-weight: 602;
    color: #0e0e0e;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.35em;
    height: 1.3em;
    -webkit-box-orient: vertical;
    margin-top: 0.5em;
  }
  .goods-type-item .title2 {
    font-size: 0.8em;
    color: #0e0e0e;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.35em;
    height: 1.3em;
    -webkit-box-orient: vertical;
    margin: 0.3em 0 0.5em;
  }

    .goods-type-item .price-box .money {
        color: #ffeac4;
        font-size:1.4em;
        font-family: DINOT-Bold;
    }
    .goods-type-item .price-box .money .unit{
        font-size: 0.6em;
    }
  .goods-type-item .price-box .money2 {
      color: #696969;
      font-size: 0.7em;
  }
  #floor5 .swiper-slide {
    transition: all 0.5s ease-out;
    transform: scale(0.82);
  }
  #floor5 .swiper-container {
    margin-bottom: -10px;
  }
   #floor5 .swiper-slide-active {
    transform: scale(1);
  }
  .floor5-con .swiper-container{
    max-height: 20em;
    overflow: hidden;
  }
.top-banner-tab {
    position: absolute;
    top: 0;
}

#hot-sale-container2 {
    /* height: 8.5em; */
    position: relative;
    margin-top: -1.5em;
}
.hot-sale-container2 .swiper-container{
    padding: 0 1%;
    overflow:visible;
}
.hot-sale-container2 .swiper-slide {
    /* width: 19.5%; */
    /* transform: scale(1) translateZ(0);
    transition: 0.4s;
    transform-origin: top; */
    -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}

.hot-sale-container2 .swiper-slide .block-con {
    overflow: hidden;
    background-image: -moz-linear-gradient( 90deg, rgb(255,176,97) 0%, rgb(255,228,144) 30%);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(255,176,97) 0%, rgb(255,228,144) 30%); */
    background-image: -ms-linear-gradient( 90deg, rgb(255,176,97) 0%, rgb(255,228,144) 30%);
    background-color: #fff;
    border-radius: 9px;
    margin-left: 0;
    position: relative;
}

.hot-sale-container2 .goods-typ1-box {
    background-color: #fff;
    /* border-radius: 22px 22px 16px 16px ; */
    overflow: hidden;
    padding: 5px;
}

.hot-sale-container2 .hot-sale-price {
    padding: 0 12% 0px;
    font-size: 1.1em;
    position: relative;
    margin-top: 1%;
}
/*.bottom-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
  }*/

.hot-sale-box {
    /* background-color: #96110b; */
    /* margin-left: 1.55%; */
    width: 100%;
    padding-top: 0.6em;
    border-radius: 0 0 0.5em 0.5em;
    margin-bottom: 0.5em;
}
.gallery-top .swiper-slide {
    padding: 0 4%;
}
.gallery-top-con {
    position: absolute;
    left: 9%;
    top: 5%;
    width: 87%;
}
.desc-tag {
    color: #000000;
    line-height: 2em;
    margin-bottom: 0.4em;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    
    padding-left: 0.5em;
    position: absolute;
    left: -4%;
    top: 1%;
    width: 73%;
    background: url(../images/desc-tag-bg.png) 100% 100% no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mz-topic .desc-tag{
    background: url(../images/desc-tag-bg-mz.png) 100% 100% no-repeat;
    background-size: 100% 100%;
}

.gallery-goods-img {
    background-color: #ffffff;
    width: 81vw;
    height: 81vw;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    /* border: 2px solid #ff8e1f; */
}
.gallery-goods-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hot-goods .title {
    color: #000000;
    font-size: 1.1em;
    line-height: 1.4em;
    position: absolute;
    right: 0%;
    top: 75.6%;
    width: 76%;
    padding:8px 10px 10px 10px;line-height: 1.2em;
    background: url(../images/small_g_bg.png) no-repeat;background-size: 100% 100%;
    /* padding-right: 30%; */
}
.hot-goods .title p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    word-break: break-all;
    
    font-weight: 602;
    color: #000;
    padding-right: 33%;
    padding-left: 0.3em;
}
.hot-sale-box .price-container7 {
      position: absolute;
    top: 80%;
    width: 28%;
    left: 74%;
}
.price-container7-price3-con {
    color: #fff;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 16%;
    left: 0;
    width: 62%;
    font-size: 1.9em;
    font-family: "DINOT-Bold";
}
.price-container7-price3-con .amount1 {
    letter-spacing: -1px;
}
.hot-sale-container {
    position: relative;
    margin-top: -30px;
    z-index: 1;
    height: 6em;
}
.hot-sale-container .swiper-container {
    padding: 0 1%;
    overflow: visible;
}
.hot-sale-container .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.hot-sale-container .swiper-slide .block-con {
    overflow: hidden;
    background-color: #ffffff;
    border: 1.6px solid #f5bb68;
    border-radius: 10px;
    margin-left: 0;
    position: relative;
}
.mz-topic .hot-sale-container .swiper-slide .block-con,.fs-topic .hot-sale-container .swiper-slide .block-con {
   
    border: 1.6px solid #e1e1e1;

}
.mz-topic .hot-sale-container .swiper-slide.swiper-slide-active .block-con,.fs-topic .hot-sale-container .swiper-slide.swiper-slide-active .block-con {
   
    border: 1.6px solid #aabffd;

}
.hot-sale-container .goods-typ1-box {
    background-color: #fff;
    overflow: hidden;
}
.goods-typ1-box .item {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.hot-sale-container .swiper-slide a {
    display: inline-block;
}
.hot-sale-container .swiper-slide a .lazy {
    height: 100%;
    height: auto;
    object-fit: contain;
}
.hot-sale-container .price-box1 {
    color: #ffffff;
    text-align: center;
    font-family: DINOT-Bold;
    padding-top: 4px;
    font-size: 0.8em;
    display: inline-block;
    line-height: 1.2em;
    position: absolute;
    background: #E8092F;
    right: 6px;
    bottom: 6px;
    border-radius: 1em;
    padding: 0 6px;
}
.hot-sale-container .price-box1 .price-box1-unit {
    font-size: 0.6em;
    letter-spacing: -1px;
}
.hot-sale-container .price-box1 .price-box1-money {
    font-size: 1em;
    width: 100%;
}
.more-btn {
  position: absolute;
  right:1%;
  width: 6.6em;
  top: 82%;
  cursor: pointer;
  color: #ffffff;
  border-radius: 1em;
  font-size: 0.8em;
  display: inline-block;
  line-height: 1.8em;
  background-color: #000000;
  z-index: 2;
}
.fs-topic .more-btn {
  /*right: 10%;*/
}
.desc-tag img{
    width: 1em;
}















  

  .bottom-tab-box {
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    display: flex;
  }
  .bottom-tab-box a {
    display: inline-block;
    flex: 1;
  }
  .xx {
    position: absolute;
    font-size: 0.9em;
    width: 32%;
    display: inline-block;
    text-align: center;
    line-height: 2em;
    color: #252525;
  }
  #floor32 {
    width: 97.2%;
    margin: 0 auto;
  }
  #floor32 .floor3-con {
      width: 100%;
      padding: 0 0.3em 0.5em;
  }
 /* #floor32 .more-btn {
    left: 33%;
  }*/
  .price-container6 {
    margin: 0.5em auto 0;
    position: relative;
  }
  .price-container6-price0 {
    position: absolute;
    left: 0;
    color: #fd2c14;
    font-size: 0.76em;
    line-height: 1em;
    top: -4%;
    
    font-weight: 500;
  }
  .price-container6-price1 {
    position: absolute;
    left: 6%;
    color: #9e9e9e;
    font-size: 0.86em;
    line-height: 1em;
    bottom: 0;
  }
  .price-container6-price3-con {
    color: #fff;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 39%;
    right: 0;
    width: 50%;
    font-size: 1.5em;
    font-family: "DINOT-Bold";
  }
  
  .price-container6-price3-con .unit {
    font-size: 0.7em;
    margin-left: -0.2em;
    margin-right: -0.2em;
  }
  .price-container6-price3-con .amount1 {
    letter-spacing: -1px;
  }
  .special-block-con .origin-price2 {
    bottom: -18%;
    font-size:0.8em;
  }
.goods-typ1-box .item {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.hot-sale-container2 .swiper-slide a {
    display: inline-block;
}
.hot-sale-container2 .hot-sale-tag {
    color: #ef4240;
    left: 5%;
    /* position: absolute; */
    bottom: 3%;
    font-size: 0.7em;
    width: 90%;
    font-weight: 500;
    line-height: 1.7em;
    border-radius: 1em;
    /* background-color: rgb( 255, 92, 23 ); */
    margin: 2% auto;
}

.hot-sale-container2 .price-box1 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-family: DINOT-Bold;
    padding-top: 4px;
    line-height: 1;
    position: absolute;
    top: 1%;
    left: 17%;
}
.hot-sale-container2 .price-box1 .price-box1-money {
    font-size:1em;
    width: 100%;
}
.hot-sale-container2 .price-box1 .price-box1-unit {
    font-size: 0.6em;
    letter-spacing: -1px;
}
.hot-sale-container2 .swiper-slide a .lazy {
    height: 100%;
    /* height: 18.5vw; */
    object-fit: contain;
}
.hot-sale-container2 {
    /* padding:0.8em 0 0; */
    position: absolute;
    opacity: 1;
    bottom: 9%;
    width: 92%;
    left: 4%;
    overflow: hidden;
}

/* 顶部tab  */
.top-tab {
    position: absolute;
    top: 6%;
    height: 12%;
    left: 3%;
    width: 94%;
    display: flex;
    align-items: center;
    z-index: 10;
}

.top-tab .top-tab-item {
    width: 25%;
    text-align: center;
    position: absolute;
    height:100%;
    top: 0;
}
.top-tab-item1 {
    left: 0%;
}

.top-tab-item2 {
    left: 25%;
}
.top-tab-item3 {
    left: 50%;
}
.top-tab-item4 {
    left: 75%;
}

.top-tab .current a {
    background-color: #fff;
    color: #4E8CE4;
    border-radius: 1em;
}

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

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

.g-warp-box {
    height: 2.5em;
    position: relative;
}
.g-warp {
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    /* top: 0.6em; */
}

#top-nav {
    height: 2.2em;
    line-height: 2.2em;
}

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

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

.g-tab .current a {
    color: #f55a15;
    padding: 3px 8px;
    
}

.g-tab .current a img {
    display: inline-block;
    margin-bottom: -0.05em;
}

.g-tab>div a {
    color: #222;
    font-size: .95em;
    padding: 3px 6px;
    font-weight: bold;
}
/*tab列表*/



/* 新品狂欢 */
.floor1-con {
    border-radius: 20px 20px 7px 7px;
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0;
    padding: 4em 0em 0;
}
.floor1-swiper,
.floor1-swiper .swiper-wrapper {
    height: 100%;
}

 .item-3-type1 .item-3 {
    width: 100%;
    position: relative;
    padding: 2px;
 }
 .item-3-type1 .item-3 .item-3-tag {
    position: absolute;
    left: 5px;
    width: 32%;
    top: 5px;
 }
 .item-3-type1 .item-3 .item-3-tag2 {
    background-color: #EC1734;
    color: #fff;
    font-size: 0.78em;
    line-height: 1.6em;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    width: auto;
    position: absolute;
    left: 10px;
    top: 4px;
    
    font-weight: 602;
 }
 .g-line-tag5 {
    position: absolute;
    z-index: 1;
    font-size: 0.76em;
    line-height: 1.8em;
    text-align: center;
    color: #fff;
    
    font-weight: 602;
    left: 0;
    top: 0;
    background-image: -moz-linear-gradient( -6deg, rgb(255,131,40) 0%, rgb(255,22,0) 100%);
    background-image: -webkit-linear-gradient( -6deg, rgb(255,131,40) 0%, rgb(255,22,0) 100%);
    background-image: -ms-linear-gradient( -6deg, rgb(255,131,40) 0%, rgb(255,22,0) 100%);
    padding: 0 8px;
    border-radius: 8px 0 8px 0;
 }
 .item-3-tag1 {
    background-image: -moz-linear-gradient( 171deg, rgb(255,86,56) 0%, rgb(255,135,98) 100%);
    background-image: -webkit-linear-gradient( 171deg, rgb(255,86,56) 0%, rgb(255,135,98) 100%);
    background-image: -ms-linear-gradient( 171deg, rgb(255,86,56) 0%, rgb(255,135,98) 100%);
    background-color: rgb(255,86,56);
    border-radius: 0 0 0 8px;
    color: #fff;
    font-size: 0.88em;
    line-height: 1.6em;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    width: auto;
    margin: 0.5em 0 0.5em;
    position: absolute;
    right: 5px;
    top: 0px;
    
    font-weight: 500;
}

 .item-3-type1 .item-3 .item-3-goods {
    height:33.335vw;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
 }
 .item-3-type1 .item-3 .item-3-goods img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden;
 }
 .item-3 .item-3-desc {
    font-size: 1.09em;
    color: #000;
    /* text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; */
    line-height: 1.13em;
    height: 1.1em;
    -webkit-box-orient: vertical;
    
    font-weight: 500;
    text-align: left;
 }
 .item-3 .item-3-desc2 {
    background: #E8092F;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    max-width: 90%;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    color: #fff;
    font-size: 0.95em;
    z-index: 3;
 }
 .item-3-type1 .item-3 .item-3-desc2 {
    /* background-color: #FFE8E8; */
    border-radius: 13px;
 }
 .item-3-desc2::after {
    position: absolute;
    content: '';
    left: 20%;
    top: 98%;
    width: 0;
    height: 0;
    border-left: 8px solid #E8092F;
    border-bottom: 8px solid transparent;
}
 .item-3-car {
     position: absolute; 
     right: 6px; 
     bottom: 6px; 
    width: 1.6em;
    /*float: right;*/
 }
 .item-4-car {
    /* position: absolute; */
    /* right: 6px; */
    /* bottom: 6px; */
    width: 1.6em;
    float: right;
 }

 .item-3 .item-3-price {
 color: #fff;
   font-size: 1.59em;
   font-family: 'DINOT-Bold';
   line-height: 1.2em;
 
   z-index: 3;
   background: #fd4c16;
   text-align: center;
   white-space: nowrap;
   height: 71%;
   display: inline-block;
   vertical-align: top;
   padding: 0 10px;
   border-radius: 24px;
 }
 .item-3 .item-3-goods-con{   
    flex: 1;
    z-index: 3;
    background: none;
    color: #000;
    text-align: left;
    padding: 0 0 0 10px;}

 .item-3 .item-3-price .unit {
     font-size: 0.8em;
 }
 .item-3 .item-3-price .amount {
    margin-left: -10px;
 }
 .item-3 .item-3-price .d {
    font-size: 0.8em;
    margin-left: -5px;
}
.item-3 .item-3-bottom{
    width: 100%;
    display: block;
    text-align: center;
    background:#ee4441;
    color: #fff;
    border-radius: 0 0 6px 6px;
    font-size: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* line-height: 1.13em; */
    /* height: 2.26em; */
    -webkit-box-orient: vertical;
}
 .changePage {
    background-color: rgba( 27, 27, 27,0.4 );
    color: #fff;
    font-size: 0.92em;
    margin: 0.8em auto;
    line-height: 1.4em;
    padding: 2px 14px;
    border-radius: 1em;
    display: block;
    
    font-weight: 500;
 }

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

.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: 10px;
    position: absolute;
    z-index: 1;
    bottom: -20px;
    text-align: center;
}
.swiper-pagination4 {
    text-align: center;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 7px;
    height: 3.5px;
    background: #C2C2C2;
    margin: 0 2px;
    border-radius:3.5px;
    font-size: 0;
    text-indent: -999em;
}

.swiper-pagination-bullet-active {
    background: #F9414C;
}
.item-3-type1 .swiper-pagination-bullet {
    background: #ACACAC;
}
.item-3-type1 .swiper-pagination-bullet-active {
    background: #FB7901;
}
.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;
}
/*tab列表*/

.meeting-tab {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2.2em;
    /* background: #fff; */
    display: flex;
    position: absolute;
    bottom: 0;
}
.meeting-tab .swiper-slide {
    min-width: 22%;
}
.meeting-tab .swiper-slide a {
    color: #2b2b2b;
    display: inline-block;
    height: 1.6em;
    line-height: 1.6em;
    font-size: 0.96em;
    
    font-weight: 602;
    padding: 0 8px;
}
.meeting-tab>div {
    line-height: 2.2em;
}

.meeting-tab .current a {
    /* background-color: #FFE5DC; */
    border-radius: 1em;
    color: #eb514f;
}

.block-title2 {
    margin-bottom: -2em;
    position: relative;
    z-index: 2;
}
.floor2-con {
    background-image: -moz-linear-gradient(100deg, #F98E5F 0%, #FD8458 25%, #FAAF9A 33%, #FD8B61 100%);
    /* background-image: -webkit-linear-gradient(100deg, #F98E5F 0%, #FD8458 25%, #FAAF9A 33%, #FD8B61 100%); */
    background-image: -ms-linear-gradient(100deg, #F98E5F 0%, #FD8458 25%, #FAAF9A 33%, #FD8B61 100%);
    background-color: #f0f0f0;
    border-radius: 10px 10px 10px 10px;
    width: 95.5%;
    margin: 0 auto;
    padding: 10px 0;
    /* border: 2px #fff solid; */
    border-top: 0px;
}
.floor2-con .main-zt2 {
    /* transform: translateY(-24px); */
}
#floor3 .goods-li {
    width: 102%;
    margin-left: -1%;
}

.g-list1 .l-img1 {
    width: 10.4em;
    height: 10.4em;
    position: relative;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    padding: 3%;
}
.g-list1.g-list1-type2 .l-img1 {
    background: #fff;
}
.g-list1 .l-img1 .lazy {
    height: 100%;
    width: auto;
    object-fit: cover;
    border-radius: 0.4em;
}

.r-t1 {
    /* position: absolute;
    width: calc(100% - 12em);
    left: 11em;
    top: 6%; */
    flex: 1;
    padding: 8px 10px 0px 0px;
}

.t-1-1 {
    /* height: 1.3em; */
    line-height: 1.5em;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    word-break: break-all;
    color: #ee0407;
    font-size: 1em;
    
    font-weight: bold;
    /* width: 100%; */
    margin: 6.5% 0% 0%;
    background: #ffe5e4;
    border-radius: 0.8em 0.8em 0 0;
}
.t-1-2 {
    height: 2.8em;
    line-height: 1.46em;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    word-break: break-all;
    color: #080808;
    font-size: 1.05em;
    font-weight: 602;
}
#floor4 .t-1-2 {
    height:1.3em;
    -webkit-line-clamp:1;
}
.price-container1 {
    position: relative;
    width: 100%;
    margin-top:0.5em;
}
.price-container1-price1 {
    position: absolute;
    color: #727272;
    left: -1%;
    top: -6%;
    font-weight: 500;
    font-size: 0.8em;
}
.price-container1-price2-con {
    color: #fff;
    font-size: 1.3em;
    line-height: 1em;
    font-weight: 500;
    text-align: center;
    width: 73%;
    padding: 0 3px;
    position: absolute;
    left: 0;
    bottom: 39%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-family: DINOT-Bold;
}
.price-container1-price2-con .unit {
    font-size: 0.6em;
}
.price-container1-price2-con .d {
    font-size: 0.8em;
}
.g-line-tag1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: auto;
    height: auto;
    text-align: center;
    background-image: -moz-linear-gradient( -6deg, rgb(255,148,117) 0%, rgb(255,62,70) 100%);
    background-image: -webkit-linear-gradient( -6deg, rgb(255,148,117) 0%, rgb(255,62,70) 100%);
    background-image: -ms-linear-gradient( -6deg, rgb(255,148,117) 0%, rgb(255,62,70) 100%);
    background-color: rgb(255,148,117);
    color: #ffffff;
    font-size: 0.7em;
    line-height: 1.1em;
    padding: 0.3em 0.5em;
    
    font-weight: 500;
    border-radius: 5px 0 5px 0;
}
.g-line-tag1 img {
    width: 0.7em;
    height: auto;
}
.g-line-tag3 {
    position: absolute;
    left: 2%;
    top: 2%;
    z-index: 1;
    width: 29%;
    height: auto;
}
.g-line-tag2 {
    position: absolute;
    left: 2%;
    top: 2%;
    z-index: 1;
    width: 30% !important;
    height: auto !important;
}
.tag-page {
    height: 1em;
    width: auto;
    margin-right: 2px;
    vertical-align: middle;
    margin-top: -0.2em;
}
.count-tag {
    color: #ffffff;
    font-size: 0.7em;
    padding: 3px 6px 3px;
    border-radius: 1em;
    position: absolute;
    background-color: rgba(0,0,0,0.46);
    left: 3%;
    bottom: 3%;
    display: inline-block;
    line-height: 1em;
    padding-left: 1.8em;
    word-break: keep-all;
  }
  
  .count-tag img {
    position: absolute;
    height: auto;
    width: 1.3em;
    left: 0.2em;
    top:-0.03em;
  }
.price-container1 .bug-btn {
    background-image: -moz-linear-gradient( 0deg, rgba(254,127,2,0.99608) 0%, rgb(252,0,24) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(254,127,2,0.99608) 0%, rgb(252,0,24) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(254,127,2,0.99608) 0%, rgb(252,0,24) 100%);
    color: #fff;
    font-size: 0.8em;
    line-height: 1.7em;
    border-radius: 1.7em;
    margin: 6px auto 0;
    width: 37%;
    display: block;
    position: absolute;
    right: 5%;
    bottom: -2%;
    
    font-weight: 500;
    overflow: hidden;
    border-radius: 1.7em;
}
.tag {
    position: absolute;
    width: 38%;
    left: 0;
    top: 0;
    z-index: 1;
}
#floor4 .tag {
    width: 22%;
}
.tab-item-con {
    display: none;
}
.tab-item-con .left-ad {
    flex: 1;
    padding: 0 2px 0 0;
}
.tab-item-con .tab-right-con {
    width: 79.9%;
    overflow: hidden;
    margin-top: -2px;
}

.floor5-item .item-main-con .goods-box {
    position: relative;
}

.title-tag {
    background-image: -moz-linear-gradient( 180deg, rgb(236,24,49) 21%, rgb(244,100,37) 100%);
    background-image: -webkit-linear-gradient( 90deg, #2f302d 21%, #0b0b0a 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(236,24,49) 21%, rgb(244,100,37) 100%);
    background-color: rgb(236,24,49);
    color: #fff;
    font-size: 0.86em;
    border-radius: 0em 1em 1em 0;
    line-height: 1.6em;
    padding: 0 9px;
    display: inline-block;
    position: absolute;
    bottom: 62%;
    left: 2.2%;
}
.color-f70000 {
    color: #f70000;
}
.top-desc1 {
    position: absolute;
    left: 8%;
    top: 79%;
    font-size: 0.7em;
    
    font-weight: 602;
}
.top-price {
    position: absolute;
    left: 10%;
    top: 87%;
    font-size: 1.8em;
    line-height: 1em;
    font-family: 'DINOT-Bold';
    display: flex;
    align-items: end;
    align-items: flex-end;
}
.top-car {
    position: absolute;
    right: 56.6%;
    top: 81.2%;
    width: 9.2%;
}
.top-price .unit {
    font-size: 0.6em;
    margin-bottom: -0.2em;
}
.item4-box {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 41%;
    width: 56%;
    top: 3%;
}
.item4-box-item {
    width: 47%;
    margin: 1.5% 1.5% 0.5%;
    background: url(../images/item4-box-bg.png) no-repeat 100% 100%;
    background-size: 100% 100%;
    padding: 3px;
    position: relative;
}
.top-icon {
    position: absolute;
    top:0;
    width: 3.6em;
    left: 50%;
    margin-left: -1.8em;
}
.item4-box-item .img-box {
    border-radius: 0 12px 0 0;
    overflow: hidden;
}
.item4-box-item .count-tag {
    position: relative;
    left: 4%;
    bottom: unset;
    margin: 2px auto;
    width: 92%;
}
.item4-box-item .price {
    text-align: center;
    font-size: 1.4em;
    font-family: DINOT-Bold;
    letter-spacing: -1px;
    line-height: 1em;
}
.item4-box-item .price .unit {
    font-size: 0.7em;
}

#floor5 .goods-box-price {
    color: #f21500;
    font-family: DINOT-Bold;
    display: inherit;
    font-size: 1.4em;
    padding-right: 0.5em;
    position: absolute;
    right: 2%;
    bottom: 12%;
}
#floor5 .goods-box-price .unit {
    font-size:0.6em;
}
#floor5 .item-main-con .img-box {
    width: 100%;
}
#floor5 .item-main-con .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
#floor5 .item-main-con .info-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 0 0.2em;
}
.item-main-con .title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 0.94em;
    line-height: 1.35em;
    height: 1.3em;
    text-align: left;
    color: #282828;
    margin: 0 0 5px 0px;
    word-break: break-all;
    
    font-weight: bold;
}
.item-main-con .desc {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 0.86em;
    line-height: 1.25em;
    height: 1.2em;
    text-align: left;
    color: #000000;
    margin: 0 0 5px 0px;
    word-break: break-all;
}
.item-main-con .left {
    padding-top: 0.5em;
}
.item-main-con .right {
    text-align: right;
    margin-left: 0.8em;
    min-width: 4em;
}
.item-main-con .price {
    color: #f21500;
    font-family: DINOT-Bold;
    display: inherit;
    font-size: 1.4em;
    padding-right: 0.5em;
}
.item-main-con .price .unit {
    font-size:0.6em;
}

.g-list1 {
    position: relative;
    width: 97%;
    overflow: hidden;
    background: #fff;
    border-radius: 0.5em;
    margin: 0 1.5% 0.5em;
    display: flex;
    /* padding: 0.5em; */
    /*border:2px solid #F8B502;*/
}

.g-list1:last-child {
    margin-bottom: 0;
}

.goods-li1 {
    padding: 0 1%;
    text-align: center;
}

@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)
    }
}

/*商品1*/
.buy-swiper-box .swiper-container {
    padding:  0 10px;
}



.goods-title {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3em;
    height: 2.6em;
    word-break: break-all;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
    color: #2a2a2a;
}
/*秒杀放这里*/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}
.special-block-con .item-3-con,.right-goods .item-3-con,.floor12-con .item-3-con {
    background-color: #fff;
    border-radius: 14px;
    overflow: hidden;
}
.item-3-goods-con {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    padding: 6px 8px 9px;
    position: relative;
}
.right-price1 {
    font-weight: bold;
    font-family: DINOT-Bold;
    font-size: 0.55em;
    letter-spacing: -1px;
}
.flex {
    display: flex;
}
.text-overflow-1 {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.text-overflow-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.text-center {
    text-align: center;
}
.tab2-block {
    display: none;
}
.show {
    display: block !important;
}
.show-flex {
    display: flex !important;
}
#floor6 {
    position: relative;
}
.main-6 {
    display: none;
    /* padding-top: 0.7em; */
}

#meeting1 {
    display: inline-block;
}

.swiper-pagination1{
    text-align: center;
    height: 28px;
    line-height: 28px;
}
.swiper-pagination5,.swiper-pagination6,.swiper-pagination7,.swiper-pagination8,.swiper-pagination82{
    position: relative;
    text-align: center;
    height: 12px;
    line-height: 12px;
    bottom: 0;
}
#top-nav .swiper-slide {
    min-width: 19%;
}
.block-title9 {
    /* padding-bottom: 3em; */
}
button {
    background-color: transparent;
    cursor: pointer;
}

.floor3-con {
    background-color: #FAE3C4;
    padding: 0 0.5em 0.5em;
    border-radius: 0 0 10px 10px;
    width: 97.2%;
    margin: 0 auto;
}
/*.more-btn {
    position: absolute;
    right: 6%;
    width: 6.6em;
    top: 16%;
    cursor: pointer;
}*/
/* #floor4 .more-btn {
    left: 34%;
    top: 57%;
}
#floor5 .more-btn {
    left: unset;
    right: 2%;
    width: 5.6em;
    top: 8%;
} */
.floor3-con-box {
    padding-top: 2.5em;
}
.tab-type2 {
    position: absolute;
    left: 0;
    width: 100%;
    top:0;
}
.tab-type2 ul{
    display: flex;
    justify-content: center;
    height: 2em;
    border-radius:6px;
    overflow: hidden;
    font-size: 1.1em;
    background-color: rgb( 157, 114, 75 );
  }
  .tab-type2 ul li {
    flex: 1;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    align-items: center;
  }
  .tab-type2 ul li span {
    display: inline-block;
  }
  .tab-type2 ul li a {
    color: #fff;
    font-weight: 500;
    display: inline-block;
  }
  .tab-type2 ul li a .text1 {
    font-size: 0.9em;
  }
  .tab-type2 ul .active a {
    color: #000000;
  }
  .tab-type2 ul .active {
    background: url(../images/item-active-bg.png) no-repeat 100% 100%;
    background-size: 100% 100%;
    background-color: rgb( 254, 232, 198 );
    border-radius: 6px;
  }

.floor5-con .floor5-item{
    background-color: #FFD48F;
    border-radius:0 0 5px 5px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 1px;
}
#floor6 .floor5-con .floor5-item {
    background-color: #94C4EA;
}
#floor7 .floor5-con .floor5-item {
    background-color: #E0AE6A;
}
#floor8 .floor5-con .floor5-item {
    background-color: #F4A376;
}
#floor82 .floor5-con .floor5-item {
    background-color: #6DA799;
}
.floor5-con .floor5-item:not(:last-child) {
    margin-bottom: 1.6em;
}
.floor5-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.g-line-tag4 {
    position: absolute;
    right: 3%;
    top: 3%;
    z-index: 1;
    width: 4em;
    font-size: 0.86em;
    height: 4em;
    line-height: 1.2em;
    text-align: center;
    color: #000000;
    border-radius: 50%;
    background-image: -moz-linear-gradient( 65deg, rgb(230,186,42) 0%, rgb(237,201,65) 57%, rgb(244,215,87) 100%);
    background-image: -webkit-linear-gradient( 65deg, rgb(230,186,42) 0%, rgb(237,201,65) 57%, rgb(244,215,87) 100%);
    background-image: -ms-linear-gradient( 65deg, rgb(230,186,42) 0%, rgb(237,201,65) 57%, rgb(244,215,87) 100%);
    background-color: rgb(230,186,42);
    padding-top: 0.7em;
    
    font-weight: 602;
  }
  .g-line-tag4 text {
    font-size: 1.3em;
  }
.tab-tag {
    color: #e30000;
    font-weight: 500;
    
    background: url(../images/tab-bg.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.7em;
    line-height: 1em;
    height: 2.6em;
    width: 86%;
    padding: 3px 0 4px;
    margin-top: 0.4em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.special-block-con {
    border-radius:0 0 10px 10px;
    overflow: hidden;
    width: 100%;
    /* margin-left: 1.46%; */
    top: 0;
    height: 100%;
    font-size: 0.8em;
    /* background-color: #ffe4aa; */
}
/*#special-block2 .special-block-con {
    background-color: #d6fafc;
}
#special-block3 .special-block-con {
    background-color: #dbefc7;
}
#special-block4 .special-block-con {
    background-color: #feffc4;
}
#special-block5 .special-block-con {
    background-color: #fff9e1;
}
#special-block6 .special-block-con {
    background-color: #FFCED3;
}*/
.special-block-con .item-3 {
    padding: 5px;
    text-align: left;
    border-radius: 12px;
    overflow: hidden;
}
.item-3-type1 {
    padding:0 1% 0.3em;
    flex-wrap: wrap;
    width: 100%;
}
.item-3-type1 .item-3 {
    width: 33.33%;
    padding: 3px;
}
.item-3-type1 .item-3 .item-3-goods {
    height: auto;
}
.tab-tag p {
    width: 100%;
}
.floor6-con {
    padding: 0 1%;
    background: #ffe4aa;
    padding-bottom: 1em;
    border-radius: 0 0 12px 12px;
    font-size: 0.8em;
}

/* 家居主题 */
.jj-topic .mini-tab2 .swiper-slide.active {
  background: linear-gradient(180deg, #55a0fc, #1876e8);
}
.jj-topic .floor1-con-main {
    background: #93d0ff;
}
.jj-topic .floor1-con {
    background: #93d0ff;
}
.jj-topic .hot-sale-box {
    background-color: #acdbff;
}
.jj-topic .gallery-goods-img{
    border: 2px solid #93d0ff;
}

.jj-topic .floor6-con{
  background-color: #93d0ff;
}
.jj-topic {
    background-color: #c8e7ff;
}
.jj-topic .scroll-box {
    /*top: 65.3%;*/
}
.jj-topic .hot-sale-container2 .swiper-slide .block-con {
    background-image: -moz-linear-gradient( 180deg, rgb(236,24,49) 21%, rgb(244,100,37) 100%);
    /* background-image: -webkit-linear-gradient( 180deg, rgb(236,24,49) 21%, rgb(244,100,37) 100%); */
    background-image: -ms-linear-gradient( 180deg, rgb(236,24,49) 21%, rgb(244,100,37) 100%);
    /* background-color: rgb(236,24,49); */
}
.jj-topic .hot-sale-container2 .hot-sale-tag {
    /* background-color: rgb( 255, 92, 23 ); */
}

.jj-topic .hot-sale-container2 .price-box1 {
    color: #fff;
}
.jj-topic .floor1-con {
    /*background-image: -moz-linear-gradient( 105deg, #FF7557 0%, #FF9F7C 25%, #FFBC94 33%, #FF7F62 100%);*/
    /* background-image: -webkit-linear-gradient( 105deg, #FF7557 0%, #FF9F7C 25%, #FFBC94 33%, #FF7F62 100%); */
    /*background-image: -ms-linear-gradient( 105deg, #FF7557 0%, #FF9F7C 25%, #FFBC94 33%, #FF7F62 100%);*/
    /* background-color:rgb(249,92,105); */
}

.jj-topic .floor2-con {
    /*background-image: -moz-linear-gradient(100deg, #5EA6FC 0%, #81B8FE 25%, #98CEFC 33%, #67B2FF 100%);*/
    /* background-image: -webkit-linear-gradient(100deg, #5EA6FC 0%, #81B8FE 25%, #98CEFC 33%, #67B2FF 100%); */
    /*background-image: -ms-linear-gradient(100deg, #5EA6FC 0%, #81B8FE 25%, #98CEFC 33%, #67B2FF 100%);*/
    background-color: #70b3fe;
}
.jj-topic .g-list1 {
    border-color:#FAADAD;
}
.jj-topic .special-block-con {
    /*background-color: #bedfff;*/
}
.jj-topic #special-block2 .special-block-con {
    /*background-color: #cdebff;*/
}
.jj-topic #special-block3 .special-block-con {
    /*background-color: #ffd6e1;*/
}
.jj-topic #special-block4 .special-block-con {
    /*background-color: #feffc4;*/
}
.jj-topic #special-block5 .special-block-con {
    /*background-color: #fff9e1;*/
}
.jj-topic #special-block6 .special-block-con {
    /*background-color: #fde0d0;*/
}

.jj-topic .meeting-tab .current a {
    /* background-color: #B4F5F4; */
}
/* 服饰主题 */
.fs-topic .mini-tab2 .swiper-slide.active {
  /* background: linear-gradient(180deg, #655ff8, #3931f1); */
}
/* .fs-topic .floor1-con-main {
    background: #ffd8e0;
} */
.fs-topic .floor1-con {
    background: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
}
.fs-topic .hot-sale-box {
    /* background-color: #b493ff; */
}


.fs-topic .hot-sale-container2 .swiper-slide .block-con {
    background-image: -moz-linear-gradient( 90deg, rgb(255,162,186) 0%, rgb(255,214,222) 30%);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(255,162,186) 0%, rgb(255,214,222) 30%); */
    background-image: -ms-linear-gradient( 90deg, rgb(255,162,186) 0%, rgb(255,214,222) 30%);
    /* background-color: rgb(255,162,186); */
}

.fs-topic .hot-sale-container2 .hot-sale-tag {
    /* background-color: rgb( 247, 0, 0 ); */
}

.fs-topic .hot-sale-container2 .price-box1 {
    /* color: #323232; */
}
.fs-topic .floor2-con {
    /*background-image: -moz-linear-gradient(100deg, #ff6c79 0%, #FF7080 25%, #FF7080 33%, #FF7080 100%);*/
    /* background-image: -webkit-linear-gradient(100deg, #ff6c79 0%, #FF7080 25%, #FF7080 33%, #FF7080 100%); */
    /*background-image: -ms-linear-gradient(100deg, #ff6c79 0%, #FF7080 25%, #FF7080 33%, #FF7080 100%);*/
    background-color: #f0f0f0;
}
.fs-topic .g-list1 {
    border-color:#FAADAD;
}
.fs-topic .special-block-con {
    /* background-color: #d0ceff; */
}
.fs-topic #special-block2 .special-block-con {
    /*background-color: #ffd6e1;*/
}
.fs-topic #special-block3 .special-block-con {
    /*background-color: #cdebff;*/
}
.fs-topic #special-block4 .special-block-con {
    /*background-color: #feffc4;*/
}
.fs-topic #special-block5 .special-block-con {
    /*background-color: #fff9e1;*/
}
.fs-topic #special-block6 .special-block-con {
    /*background-color: #fde0d0;*/
}
.fs-topic .title-tag {
    background-image: -moz-linear-gradient( 180deg, rgb(247,0,0) 0%, rgb(238,101,176) 100%);
    background-image: -webkit-linear-gradient( 180deg, #0d1114 0%, #323639 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(247,0,0) 0%, rgb(238,101,176) 100%);
    /* background-color: rgb(238,101,176); */
}
.fs-topic .meeting-tab .current a {
/*     background-color: #FFDFE9; */
}

/* 美妆主题 */
.mz-topic .mini-tab2 .swiper-slide.active {
  /* background: linear-gradient(180deg, #ec6a75, #e54351); */
}
.mz-topic .floor1-con-main {
    background: #f5eaff;
}
.mz-topic .floor1-con {
    background: #f5eaff;
}
.mz-topic .hot-sale-box {
    /* background-color: #ff99cc; */
}
.mz-topic .gallery-goods-img{
    border: 2px solid #b583e3;
}

.mz-topic .floor6-con{
      background-color: #ed6c77;
}
.mz-topic {
    background-color: #e4c8fc;
}
.mz-topic .hot-sale-container2 .swiper-slide .block-con {
    background-image: -moz-linear-gradient( 90deg, rgb(236,62,168) 0%, rgb(255,110,198) 30%);
    /* background-image: -webkit-linear-gradient( 90deg, rgb(236,62,168) 0%, rgb(255,110,198) 30%); */
    background-image: -ms-linear-gradient( 90deg, rgb(236,62,168) 0%, rgb(255,110,198) 30%);
    /* background-color: rgb(236,62,168); */
}
.mz-topic .hot-sale-container2 .hot-sale-tag {
    /* background-color: rgb( 247, 0, 0 ); */
}

.mz-topic .hot-sale-container2 .price-box1 {
    color: #fff;
}
.mz-topic .floor2-con {
    /*background-image: -moz-linear-gradient(100deg, #F776A8 0%, #FA72AB 25%, #FA73AC 33%, #FA73AC 100%);*/
    /* background-image: -webkit-linear-gradient(100deg, #F776A8 0%, #FA72AB 25%, #FA73AC 33%, #FA73AC 100%); */
    /*background-image: -ms-linear-gradient(100deg, #F776A8 0%, #FA72AB 25%, #FA73AC 33%, #FA73AC 100%);*/
    background-color: #f5eaff;
}
.mz-topic .g-list1 {
    border-color:#FAADCA;
}
.mz-topic .special-block-con {
    /* background-color: #fad3d3; */
}
.mz-topic #special-block2 .special-block-con {
    /*background-color: #ffbbcd;*/
}
.mz-topic #special-block3 .special-block-con {
    /*background-color: #dbefc7;*/
}
.mz-topic #special-block4 .special-block-con {
    /*background-color: #feffc4;*/
}
.mz-topic #special-block5 .special-block-con {
    /*background-color: #fff9e1;*/
}

.mz-topic .title-tag {
    background-image: -moz-linear-gradient( 180deg, rgb(247,0,0) 0%, rgb(238,101,176) 100%);
    /* background-image: -webkit-linear-gradient( 180deg, rgb(247,0,0) 0%, rgb(238,101,176) 100%); */
    background-image: -ms-linear-gradient( 180deg, rgb(247,0,0) 0%, rgb(238,101,176) 100%);
    /* background-color: rgb(238,101,176); */
}
.mz-topic .meeting-tab .current a {
/*     background-color: #FFDFE9; */
}

.hot-sale-container2-loading {
    max-height: 153px;
    opacity: 0;
}
.item-3-goods{
    padding: 3px;
    overflow: hidden;
    position: relative;
}
.item-3-goods .lazy{
    border-radius: 12px;
}
.right-goods {
    position: absolute;
    width: 96%;
    right: 2%;
    bottom: 4%;
}
.right-goods .item-3 .item-3-desc2{
  background:#eb514f;
  color:#fff;
}
.right-goods .r-t1 {
    flex: 1;
    padding: 8px 9px 8px 12px;
}
.item-3-desc img{
    /* width: 1.7em; */
}
.meeting-tab a img {
    width: 0.75em;
    vertical-align: initial;
    display: none;
}
.meeting-tab .current a img {
    display: inline-block;
    margin-bottom: -0.05em;
}

/*秒杀*/
.block-title1 {
  position: relative;
  z-index: 1;
}
.mini-tab2-box {
    position: absolute;
    left: 2%;
    width: 96%;
    top: 8px;
}
.mini-tab2 .swiper-slide {
  font-size: 1em;
  font-weight: 500;
  color: #666666;
  padding: 0.1em 5px 0.2em;
  line-height: 1em;
  /* background-color: #ffffff;
    border-radius: 6px; */
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  /*margin-right: 5px;*/
}

.mini-tab2 .swiper-slide.active {
  color: #fff;
  /* background: linear-gradient(180deg, #f09737, #ea5e2b); */
}
.mini-tab2 .swiper-slide p {
  font-size: 0.92em;
  /* font-family: "zihunguanxian"; */
  height: 1.6em;
  line-height: 1.6em;
  position: relative;
  /* margin-bottom: 4px; */
}
.mini-tab2 .swiper-slide span {
  line-height: 1.4em;
  display: inline-block;
  font-size: 0.8em;
  /* background-color: #ffffff; */
  border-radius: 1em;
  /* padding: 0 4px; */
  position: relative;
  z-index: 2;
}
.time {
  display: inline-block;
}
.mini-tab2 .swiper-slide .doing {
  font-size: 0.76em;
  position: relative;
  font-weight: bold;
}
.mini-tab2 .swiper-slide p text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* background-color: #ffffff; */
  font-weight: bold;
  color: #000;
  white-space: white-space;
}
/*.mini-tab2 .active p::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 5px;
  top: 5px;
  background-color: #0074ff;
  z-index: 1;
}*/
.mini-tab2 .active span {
  /* background-color: #ffe846; */
  color: #fd0021;
}
.floor1-con-main {
    /* background: #f0f0f0; */
    border-radius: 0 0 8px 8px;
    padding: 0.3em 2% 0;
}
.list-item {
    margin-bottom: 0.8em;
}
.list-item-con {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 12px 3% 6px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: linear-gradient(0,#ffffff,#fffef4);border-radius: 12px;
}

.list-item-con .left-img {
  display: inline-block;
  width: 42%;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.list-item-con .left-img img {
  height: 100%;
}
.miao-tag {
  position: absolute;
  width: 2.6em;
  height: auto;
  left: 3%;
  top: 16px;
  z-index: 2;
}
.miao-tag2 {
  position: absolute;
  display: inline-block;
  height: auto;
  line-height: 1.2em;
  left: 3%;
  top: 16px;
  z-index: 2;
  background-image: -moz-linear-gradient(
    -90deg,
    rgb(255, 68, 69) 0%,
    rgb(231, 9, 24) 100%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgb(255, 68, 69) 0%,
    rgb(231, 9, 24) 100%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgb(255, 68, 69) 0%,
    rgb(231, 9, 24) 100%
  );
  background-color: rgb(255, 68, 69);
  color: #fff;
  font-size: 0.62em;
  padding: 5px 6px;
  border-radius: 0 2em 2em 0;
  
  font-weight: 602;
}

.list-item-con .right-text {
  display: inline-block;
  flex: 1;
  vertical-align: top;
  margin-left: 0.6em;
}
.list-item-con .price-tag {
  color: #f12f3a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  margin-top: 0.7em;
  padding-right: 2%;
}
.list-item-con .price-tag .left {
  font-size: 0.9em;
}
.list-item-con .price-tag .right {
  font-size: 0.7em;
}
.list-item .item-tag {
  position: absolute;
  left: 10%;
  color: #fff;
  font-size: 1.12em;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  height: 4.6em;
  width: 4.6em;
  line-height: 1.2em;
  top: 50%;
  margin-top: -2.8em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item .item-tag2 {
  position: absolute;
  left: 20%;
  width: 24%;
  bottom: 2%;
}
.goods-title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3em;
  height: 2.6em;
  word-break: break-all;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  color: #2a2a2a;
}
.list-item-con .right-text .desc {
  font-size: 1em;
  line-height: 1.2em;
  height: 1.2em;
  word-break: break-all;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #2c2c2c;
  
  font-weight: 602;
  margin-bottom: 0.2em;
}
.list-item-con .right-text .title {
  font-size: 1em;
  line-height: 1.2em;
  height: 1.2em;
  word-break: break-all;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #2c2c2c;
  
  margin-bottom: 0.2em;
}
.price-container0 {
  width: 96%;
  position: relative;
}
.price-container0 .price1 {
  color: #dbdbdb;
  font-size: 0.85em;
  position: absolute;
  left: 15%;
  bottom: 2%;
}
.price-container0 .price2 {
  position: absolute;
  right: 0;
  top: 16%;
  width: 34%;
  text-align: center;
  color: #000000;
  font-size: 1.5em;
  line-height: 1.2em;
  font-family: DINOT-Bold;
  transform: rotate(9deg);
}

.price-container0 .price3 {
  position: absolute;
  left: 15%;
  bottom: 31%;
  display: flex;
  align-items: center;
  height: 35%;
  font-size: 2em;
}
.price-container0 .price3 .left {
  width: 63%;
  display: flex;
  align-items: baseline;
  color: #fff;
}

.price-container0 .price3 .left .price2-unit {
  font-size: 0.6em;
  font-family: DINOT-Bold;
}
.price-container0 .price3 .left .price2-amount1 {
  font-size: 1.15em;
  letter-spacing: -1px;
  font-family: DINOT-Bold;
}
.price-container0 .price3 .left .price2-amount2 {
  font-size: 0.96em;
  font-family: DINOT-Bold;
}
.avatar-box {
  height: 1.5em;
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0.4em 0 0;
}
.avatar-items {
  height: 1.5em;
  text-align: left;
  display: inline-block;
  position: relative;
  margin-left: 0.52em;
}
.avatar-items .item {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -0.52em;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.pin-count {
  display: inline-block;
  line-height: 1em;
  font-size: 0.8em;
  
  font-weight: 500;
  color: #6a6a6a;
  padding-top: 0.06rem;
  margin-left: 0.3em;
}
.buy-note,
.buy-note2 {
  color: #6a6a6a;
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
  
  font-weight: 500;
  display: inline-block;
  line-height: 1em;
  margin-bottom: -0.6em;
}
.buy-djs span span {
  background: transparent;
  width: auto;
  color: #6a6a6a;
  display: inline-block;
  line-height: 1em;
}

/*middle第一个商品*/
.right-goods .g-list1 .l-img1{
    width: 8em;
    height: 8em;
    padding: 2%;
}
.right-goods .g-list1{
    border-radius: 1em
}
.right-goods .price-container1-price2-con {
    position: inherit;
    text-align: left;
    color: #e83231;
    display: block;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top: 0.3em;
}
.right-goods .t-1-6{
    height: 1.3em;
    line-height: 1.33em;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    word-break: break-all;
    font-size: 1.1em;
    
    font-weight: bold;
    width: 100%;
    margin: 1% auto 1%;
    color: #000;
    font-weight: bold;
    font-size: 1em;
}
.right-goods .g-list1 .l-img1 .lazy{
    border-radius: 10px;
}
.right-goods .t-2-3 {
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 2%;
    color: #eb504d;
    background: #fff;
    border-radius: 16px;
    border: #eb504d 1px solid;
    font-size: 0.8em;
    line-height: 1.5em;
    height: 1.7em;
}
.right-goods .t-1-2{
    height: 1.46em;
    -webkit-line-clamp: 1;
}
.right-goods .t-1-3 {
    width: 27%;
    color: #fff;
    background: #000;
    border-radius: 7px;
    text-align: center;
    position: absolute;
    right: 37%;
    bottom: 12%;
}
.right-goods .t-1-4 {
    color: #e83231;
    border-radius: 7px;
    font-size:0.9em;
}


/*美食*/
.ms-topic .meeting-tab .swiper-slide{
    min-width: 45%;
}

/*以下新样式*/
.top-gd{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    color: #fff;
    /* transform: rotateZ(-7deg); */
    /* font-size: 1.2em; */
}
.mz-topic .top-gd,.fs-topic .top-gd{
    top: 24%;
    left: 5%;
    width: 41%;
    height: 9em;
    z-index: 9;
}
.sc-b3-g-small{       position: absolute;
    bottom: 19%;
    right: 3%;
    width: 45%;
    z-index: 3;}
.swiper-slide-active .sc-b3-g-small{
   animation:flyRightAni 0.5s ease-in-out 1 ;
}
@keyframes flyLeftAni{
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes flyRightAni{
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}
.btn-cz{margin: 5px 28%;}
.top-gd span{
    
border-radius: 8px;
    
font-size: 1em;
    
/* background: #ffee5d; */
    
/* padding: 8px; */
    
font-weight: bold;
    
margin-top: 1em;
}
.banner-tag{
    position: absolute;
    left: 47%;
    width: 19%;
    top: 22%;
    z-index: 5;
}
.scroll-box3 {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 3;
    width: 100%;height: 100%;overflow: hidden;
}
.scroll-box3 .swiper-slide {

pointer-events: none;

}

.scroll-box3 .swiper-slide-active {

pointer-events: auto;

}
.scroll-box3 .item-3-price2{
    position: absolute;
    right: 0;
    bottom: 0;
    /* font-size: 0.85em; */
    width: 100%;
    color: #fff;
    z-index: 1;
    background: url(../images/banner_pbg.png) no-repeat;background-size: 100% 100%;display: flex;align-items: center;flex-direction: row-reverse;
    padding: 5px 4%;
   
}
.swiper-slide-active .item-3-price2{
    animation: flyLeftAni 0.5s ease-in-out 1;
}



/*红包*/
.hb-buttom{
    position: absolute;
    right: 5%;
    width: 13%;
    top: 24%;
}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 29;
  width: 100%;
}
.bottom-tab-box {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 100%;
  display: flex;
}
.bottom_hb{
  position:absolute;
  bottom: 18%;
  left: 12%;
  color: #fff;
}
.hb-ms1,.hb-ms2{
    position: absolute;
    left: 21%;
    font-size: 1.3em;
    top: 32%;
    color: #fd0021;
    font-weight: bold;
}
.hb-ms2{
    font-size: 0.9em;
    top: 58%;
    color: #000;
}

.mz-topic .hb-ms1,.fs-topic .hb-ms1,.hb-ms2{
  left: 24%;
}

/*红包商品*/
#hb-goods .buy-djs{
  position:absolute;
  left:64%;
  width:50%;
  top: 1%;
  color: #000 !important;
}
#hb-goods .buy-djs span span{
  color:#000
}
.scroll-box {
    position: absolute;
    top: 26.5%;
    left: 5%;
    z-index: 3;
    width: 90%;
}
.scroll-box .item-3-price2{
    /* position: absolute; */
    /* right: -15%; */
    /* top: 46%; */
    /* font-size: 0.85em; */
    /* width: 50%; */
    /* transform: rotate(-18deg); */
}
.scroll-box .item-3 .item-3-desc{
    -webkit-line-clamp: 1;
    height: auto;
    /* margin-bottom: 0.5em; */
    font-size: 0.8em;
    color: #fff;
    background: #e8092f;
    line-height: 1.5em;
    border-radius: 10px;
    padding: 0 5px;
    /* margin-top: -1em; */
}
.scroll-box .item-3{
  background-color:#fff;
  border-radius:10px;
 overflow:hidden;

}
.scroll-box .swiper-slide{
    /* padding-right: 26px; */
}
.scroll-box .item-3 .item-3-price{
    /* padding-left:0.5em; */
    /* width:100%; */
    /* line-height: 2em; */
    /* font-size: 1.6em; */
    color: #000;
    /* bottom: 11%; */
    /* font-weight: bold; */
    position: relative;
    text-align: center;
    font-size: 1.2em;
}
.scroll-box .item-3-goods{
  
/* transform: rotate(10deg); */
  
/* padding: 14%; */
}
.scroll-box .swiper-lazy{
  border-radius:8px;
}

.scroll-box  .item-3-goods-con{
  /*background: #000; */
  /* background: url(../images/top-name-bg.png) no-repeat 100% 100%; */
  /* background-size: 100% 100%; */
  /* border-radius: 0; */
  /* margin-top: -0.8em; */
  /* border-right: 4px solid #fcff1a; */
  /* padding-left: 1em; */
  padding: 0;
}

.scroll-box  .item-3-goods-con img{
  /* width:1em; */
}

#floor1{
  width:95%;
  margin: 0 auto;
}

.price-container4 {
    padding: 0;
    margin-top: 8px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.price-container4 img {
    width: 100%;
}
.p-txt {
    position: absolute;
    bottom: -5px;
    z-index: 9;
    color: #565656;
    font-size: 0.8em;
    text-align: center;
    left: 0;
    width: 60%;
    left: 18%;
    text-align: center;
}
.p-del {
    position: absolute;
    top: 7%;
    left: 0;
    color: #7f7f7f;
    font-size: 0.9em;
    line-height: 1em;
}
.price-container4-price2-con {
    color: #ec0b37;
    position: absolute;
    left: 21%;
    top: 11%;
    line-height: 1.5em;
    width: 50%;
    text-align: center;
    flex: 1;
    font-family: DINOT-Bold;
}
.price-container4-price2-con .unit {
    font-size: 0.96em;
}
.price-container4-price2-con .amount1 {
    font-size: 1.32em;
}
.price-container4-price2-con .amount2 {
    font-size: 0.8em;
}

.price-container3 {
  margin: 0px auto 0.3em;
}
.price-container3 .price-container3-price1 {
  position: absolute;
  color: #fff;
  text-align: left;
  right: 11%;
  width: 44%;
  top: 32%;
  font-family: DINOT-Bold;
}
.price-container3 .price-container3-price1 .unit {
font-size: 0.86em;
letter-spacing: -1px;
}
.price-container3 .price-container3-price1 .amount1 {
  font-size: 1.6em;
}
.price-container3 .price-container3-price1 .amount2 {
  font-size:0.8em;
  margin-left: -4px;
}
.price-container3 .price-container3-price1 .amount3{
  font-size:0.66em;
  margin-left: -4px;
}

.jb-top1 {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    background: #ec0b37;
    padding: 2px 8px;
    border-radius: 10px 0 10px 0;
    color: #fff;
    z-index: 3;
}


 .special-block-swiper .item-3 .item-3-price, .floor12-con .item-3 .item-3-price{
    background: url(../images/price2.png) no-repeat 100% 100%;
    background-size: 100% 100%;
    padding-left: 2%;
    margin: 3px auto 0;
 }

/*红包弹窗*/
.quan-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.85);
}
.quan-main {
  position: fixed;
  top: 10%;
  left: 0;
  z-index: 401;
  width: 100%;
  right: 0;
  margin: auto;
}
.gua-zj-info {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    text-align: center;
    height: 40%;
}
.gua-pop-btn {
    position: absolute;
    bottom: 8%;
    left: 25%;
    width: 50%;
    z-index: 4;
}
.gua-zj-info .msg{position: absolute;width: 100%;left: 0%;top: 22%;color: #ff1b20;font-weight: bold;font-size: 1.7em;}
.gua-zj-info .n p{color:#ff3e75;font-size: 1.2em;margin-bottom: 10px;position: absolute;bottom: 15%;width: 45%;left: 28%;}
.gua-zj-info .n{margin: 10px 0;display: inline-block;vertical-align: top;height: 20vh;width: 40%;}
.gua-zj-info .n div{ display: flex;align-items: center;justify-content: center;height: 7em;color: #ef081d;flex-direction: column;}
.gua-zj-info .n div b{font-size: 3.5em;color: #ec3c2d;}
.hb-tips1{background: linear-gradient(0,#ff638f 0%,#ff4974 100%);height: 1.3em;line-height: 1.3em;border-radius: 1.3em;color: #fff;width: 50%;margin: 10px auto;}


.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;
  top: 50%;
  transform: translateY(-55%);
  /* display: flex;
  height: 100vh;
  top: 0;
  overflow: auto; */
  /* align-items: center; */
}
.page-dialog-con {
  width: 100%;
  margin: -26% 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%;
}
/* 转盘start */
.page-status2{position: absolute;left: 0;right: 0;top: 20%;z-index: 3;}
.turntable-bg {
  position: relative;
  /* z-index: 5; */
}
.turntable-bg .pointer {
     position: absolute;
    width: 33%;
    left: 33.5%;
    top: 25%;
    margin: 0 auto;
    z-index: 6;
    cursor: pointer;
}
.zp-num2{    position: absolute;
    bottom: 19%;color: #fff;
    left: 0;
    width: 100%;line-height: 1.2em;
    text-align: center;
}
.turntable-bg .rotate {
  width: 75%;
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 12.5%;
    z-index: 2;
    cursor: pointer;
}
.start-btn .hander{    bottom: -4%;
    right: 0;
    position: absolute;
    width: 46%;}
.zp-bg2-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 19%;
  z-index: 3;
}
.tableRotate{
  -webkit-animation:rotate 0.5s linear infinite;
  animation:rotate 0.5s linear infinite;
}
@-webkit-keyframes rotate{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
.initAnimation {
  -webkit-animation:rotate 12s linear infinite;
  animation:rotate 12s linear infinite;
}
.pos-btn{padding: 0 5%; display: flex;justify-content: center;}
.pos-btn .item{width: 50%;padding: 0 4%;}
.zp-btns {
    position: absolute;
    top: 30%;
    right: 2%;
    width: 40px;
    z-index: 4;
}
.zp-btns .i{font-size: 0.8em; width: 40px;height: 40px;border-radius: 40px;background: rgba(0, 0, 0, 1);text-align: center;line-height: 40px;color: #fff;}
.prize-swiper{background: #fee0e9;border: 1px solid #fff;margin: 5px 2%;padding-left: 2.2em; border-radius: 1em;position: relative;height: 30px;overflow: hidden;}
.icon-laba{position: absolute;top: 50%;left: 10px;width: 1.4em;margin-top: -0.7em;}
.prize-swiper .swiper-container{height: 30px;line-height: 30px;}
.prize-swiper b{color: #f40b6f;}
/* 转盘end */

 .tmp202504-sty8 {  position: relative;   margin: 10px 3%;}
  .tmp202504-sty8 .tmp-ul{display: flex;align-items: flex-start;flex-wrap: wrap;}
  .tmp202504-sty8 .tmp-li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
  .tmp202504-sty8 .tmp-li:nth-child(2n){margin-right: 0;}
  .tmp202504-sty8 .tmp-li a {width:100%; padding: 0;margin: 0; display: inline-block;vertical-align: top;background: #fff;border-radius: 8px;}
  .tmp202504-sty8 .img-box{border-radius: 6px;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: 6px;  }
  .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: -2px;flex: 1;font-size: 1.6em;line-height: 22px;height: 42px;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: 23px 7px 8px 7px;background: none;}
  .tmp202504-sty8 .goods-type-item .price-box .q1{ width: 100%}

  .tmp202504-sty8 .goods-type-item .title {  font-size: 1.1em;    color: #000;  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  line-height: 20px;  height:40px;  -webkit-box-orient: vertical;  margin:7px  0 7px;  padding: 0 8px;  word-break: break-all;}
  .tmp202504-sty8 .goods-type-item .price-box .money .unit {  font-size: 0.8em;}
  .tmp202504-sty8 .goods-type-item .price-box .money .d {  font-size: 0.8em;}

  .tmp202504-sty8  .price-box .b{color: #fff;background: #E8092F; padding: 0 10px; position: absolute;bottom: 103%;left: 0;height: 16px;line-height: 16px;border-radius:15px; font-size: 0.8em;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: 16px;height: 16px; background: #e8092f;color: #fff; font-size: 0.8em;border-radius: 6px 0 8px 0;}
  .tmp202504-sty8 .bt-jb img{height: 13px;margin-top: 1px;margin-right: 1px;width: auto;}

  .mt10{margin-top: 10px !important;}
  .mt15{margin-top: 15px !important;}
  .mt20{margin-top: 20px !important;}

  
.sw-img{    position: absolute;
  top: 39%;
  left: 25%;
  width: 50%;
  border-radius: 5px;}
.sw-img1{             position: absolute;
    top: 30%;
    left: 24.5%;
    width: 46%;
}
 .sw-1 {
    position: absolute;
    top: 64%;
    left: 36%;
    font-size: 1.1em;
    color: #000;
    background: none;
    height: 1.86em;
    width: 37%;
    line-height: 1.86em;
    text-align: center;
    border-radius: 1.86em;
  }
  
  .sw-2 {
    position: absolute;
    top: 71%;
    left: 43%;
    font-size: 1.1em;
    color: #000;
    background: no-repeat;
    height: 1.86em;
    width: 30%;
    line-height: 1.86em;
    text-align: center;
    border-radius: 1.86em;
  }
  
  .sw-3 {
    position: absolute;
    top: 77.8%;
    left: 40%;
    font-size: 1.1em;
    color: #000;
    background: none;
    height: 1.86em;
    width: 33%;
    line-height: 1.86em;
    text-align: center;
    border-radius: 1.86em;
  }
  .confirm-btn{     
           width: 28%;
    margin: 0 auto;
    display: block;
    border-radius: 3em;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 36%;}
.p-main-b1{    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: -10px 2% 0 2%;
    position: relative;
    z-index: 3;
    height: 60vh;
    overflow-y: auto;}
.rule-tit{text-align: center;padding: 0 25%;}

  .close{padding: 10px;text-align: center;}
  .close img{width: 36px;}
  .red-text{position: absolute;bottom: 10%;left: 32%;width: 36%;}
  .pop-quan{position: absolute;top: 60%;left: 0;width: 100%;color: #fff;text-align: center;}
  .pop-quan .nnn{font-weight: bold;font-size: 1.4em;padding-right: 5%;}
  .pop-quan .nnn b{font-size: 2em;}

  .btn-showRule,.rule{    position: absolute;
    top: 59%;
    right: 0;
    width: 24%;
    height: 36%;
    z-index: 3;}
.btn-myprize{position: absolute;top: 59%;right: 25%;width: 24%;height: 36%;z-index: 3;}
 .fandan-box{   position: absolute;
  bottom: 4%;
  left: 4%;
  right: 4%;
  z-index: 3;}
/* .fandan-c {padding:10px 0 0 0;align-items: center;} */
.fandan-c .l{width: 2.5em;}
.fandan-c .r{flex:1;text-align: left;}
.fandan-box .t{display: none; position: absolute;top:0;left: -7px;color: #000;width: 80%;background: #fbea02;border-radius: 15px 15px 15px 0;color: #ba1214;font-weight: bold;}
.fandan-c .l2{margin-top: 5px;text-align: left; font-size: 0.8em; display: inline-block;vertical-align: top;color: #ff1f00;}
.fandan-c .l2 b{font-size: 1.4em;}
.fandan-c .l1{font-size:0.7em;height: 1.2em;line-height: 1.2em;overflow: hidden}
.icon-mj{position: absolute;top: 5px;left: 5px;background: url(../images/bg3.png) no-repeat;background-size: 100% 100%;
  border-radius: 0px 0px 5px 0px;color: #fff;padding: 0 6px;font-size: 0.8em;height: 2.4em;line-height: 1.8em;}
.icon-mj img{height:100%;width:auto;}


 
/*刮奖部分*/
.awards-box{
  margin: 10px 10px 0 10px;
  position: relative;
}
.awards-panel{
  box-sizing: border-box;
  /* position: absolute; */
  width: 100%;
  height: 7.3rem;
  /* left:50%;
  margin-left: -2.6rem;
  bottom: .95rem; */
  /* background-image: url(../images/m1.png);
  background-repeat: no-repeat;
  background-size: 100%; */
}
#btn{ 
  margin: 0 auto;
  width: 50%;
  /* height: 1rem; */
  /* margin-left: -1.7rem;
  margin-top: -.66rem; */
  display: block;
  /* position: absolute;
  left:50%;
  top:50%; */
  position: relative;
}
.change-num{position: absolute;top: -10px;right: 0;background: url(../images/count_bg.png) no-repeat;background-size: 100% 100%;color: #000; display: inline-block;vertical-align: top;width: 54px;height: 28px;text-align: center;line-height: 22px;}



#canvas-mask p{
  color: #646464;
  text-align: center;
  position: absolute;
  font-size: .26rem;
  width:calc(100% - .3rem);
  bottom: .42rem;
}

.awardstext{
  font-size: .38rem;
  width: 65%;
  line-height: .6rem;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  position: absolute;
  display: none;
}
 

/*刮奖前背景图*/ 
#canvas-mask{
  background-size: 100%;
  width: 100%;
  height: 100%;
  background-image: url(../images/m2.png);
  background-repeat: no-repeat;
}

/*奖品区域*/
#mask_img_bg{
  position: relative; 
  width: 100%;
  height: 100%;
}

#mask_img_bg span{
  font-size: .38rem;
}

#mask_img_bg a.agine{
  font-size: .28rem;
  color: var(--panel-font-color);
}
/*刮奖区域*/
#redux {
  z-index: 22;
  position: absolute;
  top: 0;
  left: 0;
}

.awbox{
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.aw-content p{ 
  position: absolute;
  font-size: .38rem;
  line-height: .6rem;
  text-align: center;
  width: 20%;
  left: 51%;
  bottom: 2%
}
.aw-content p img{width: 100%;}


/*中奖区域*/

.gole-awards .show img.bg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
  z-index: 100;
}
 
.gole-awards{
  display: none;
  position: absolute;
  top:0;
  width: 100%;
  height: 100vh;
  left:0;
}
.gole-awards .mask { 
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.gole-awards .show{
  z-index: 100;
}

/*中奖信息*/
.goleaw-img{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%); 
  z-index: 101;
  text-align: center;
}

.goleaw-img h2{
  margin-bottom: .24rem;
  font-size: .45rem;
  color: var(--panel-font-color);
}

.goleaw-img img{
  width: 2rem;
  height: 2rem;
  border-radius: .1rem;
  margin:0 auto .3rem; 
}

.goleaw-img p{
  font-size:.32rem;
  color:#646464
}
.goleaw-img a{
  display: block;
  width: 2.9rem;
  height: .86rem;
  line-height: .86rem;
  background-color: var(--panel-font-color); 
  border-radius: .86rem;
  text-align: center;
  margin:.42rem auto 0;
  color: #fff;
}


/*再刮一次*/
.agine img{
   width: .28rem;
   height: auto;vertical-align: middle;
   margin-right: .12rem;
}

.aw-content p.agine{
  top:1.2rem;
  font-size: .28rem; 
  color: var(--panel-font-color);
}


  .rule-con1{background: #faf0ab;
  border-radius: 15px;
  width: 80%;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-shadow: 0 0 21px #fff inset;}
.game-btn2 img,.game-btn3 img{width:100%}
.game-btn2{    position: absolute;
  bottom: 20%;
  left: 0%;
  width: 20%;
  z-index: 20;}

.hand-tips{position: absolute;top: 20%;right:5%;color: #fff;z-index: 99;}
.hand-tips img{width:2em;transform: rotate(-5deg);animation-fill-mode: forwards;
  animation: handani ease-in-out 1.2s infinite;
}
@keyframes handani{
  0%{transform: rotate(-5deg) translate(0,0);}
  10%{transform: rotate(-5deg) translate(-20px,20px);}
  20%{transform: rotate(-5deg) translate(20px,30px);}
  30%{transform: rotate(-5deg) translate(-20px,40px);}
  40%{transform: rotate(-5deg) translate(-20px,50px);}
  50%{transform: rotate(-5deg) translate(30px,60px);}
  60%,100%{transform: rotate(-5deg) translate(-20px,70px);}
}
#btn>div{text-align: center;color: #fff;font-size: 0.85em;margin-top: 4px;}
  .bg-fff{width: 98.2%;margin: 0 auto;background: #fff;border-radius: 0 0 15px 15px;padding: 8px;position: relative;}
.erase-game{background: #f55a15;border-radius: 10px;}

.jp-tit1{text-align: center;height: 18px;line-height: 18px; overflow: hidden;margin-bottom: 20px;width: 100%;font-size: 0.84em;}
.take0{position: absolute;bottom: 0;left: 2%;right: 2%;background: #000000;color: #fff;border-radius: 15px;text-align: center;}
.my_prize_btn{position: absolute;top: 1%;width: 23% !important;height: 20%; right: 5%;}

/* .w98{width: 96%;margin: 0 auto;} */
.f-zhekou{position: absolute;top: 55%;left: 2%;background: #000;color: #fff;border-radius: 0 15px 15px 0;padding: 0 10px;animation: play1 3s ease-in-out infinite;transform-origin: left center;}
.pop-main {
    position: fixed;
    top: 16%;
    left: 0;
    right: 0;
    z-index: 400;
}
.pop-main .t{padding: 0 15%;font-size: 1.2em;color: #fff;text-align: center; display: inline-block;vertical-align: top;}
.pop-main .rule-con{background:linear-gradient(0,#fd973b,#ffcc9d); border: 1px solid #fd77b9; border-radius: 10px;padding: 8px;margin: 0 8%; max-height: 70vh;overflow-y: auto;}
.rule2-dialog .rule-con p b{font-size: 1.2em;}
.pop10-prize .g{background: #fbdbd0;}
.pop10-prize{height:50%;overflow-y: auto;top: 40%;background: #fff;padding: 8px;border-radius: 8px;}
.pop10-prize .g {align-items:center;display: flex;background: #fbdbd0;border-radius: 7px;margin-bottom: 8px;padding: 5px;}
 .g.tg .l{flex:1;text-align: left;}
 .g.tg .r,.g .r{width:25%;margin-left:2%;}
 .g .r{width: 33%;}
.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;}
.rule-con h3{text-align: center;color: #e66100;padding: 5px 0 10px 0;}
.pop9-btn{background: #fd8d28;color: #fff;border-radius: 1em;text-align: center;height: 25px;line-height: 25px;font-size: 0.9em;}
.btn-done{background: #b5b5b5;color: #fff;border-radius: 1em;text-align: center;height: 25px;line-height: 25px;}
.tsk{    width: 16px;
    margin: 10px;
}
.tg{line-height: 35px;display: flex;align-items: center;background: #f2f5ff;padding: 4px;border-radius: 5px;margin: 5px 0;}
.tg .l{flex:1}
.rule1-dialog .g .r{
    width: 56%;
    display: inline-block;
    margin-right: 0%;
    margin-left: auto;
    font-size: 0.95em;
}

.app-zx{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(251, 0 ,39,0.8);color: #fff;text-align: center;border-radius: 5px 5px 5px 5px;}
.pop-btns{position: absolute;top: 94%;left: 25%;width: 40%;display: flex;align-items: end;}
.b-item{flex: 1;padding: 5px;}
.pop-nt{position: absolute;top: 43.5%;left: 0;width: 100%;color: #ff1300;padding-right: 3%;}


  .tmp202504-sty1 {  position: relative;}
  .tmp202504-sty1 .hsc {display: flex;align-items: baseline;gap: 10px;position: relative;border-radius: 5px;padding: 0 10px;}
  .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: 8px;padding: 0;}

  
  .tmp202504-sty1 .price-box1 .price-box1-unit {  font-size:1.1em;  letter-spacing: -1px;}
  .tmp202504-sty1 .swiper-slide a .lazy {  height: 100%;  border-radius: 10px;  }
  
  .tmp202504-sty1 .img-box{border-radius: 6px;background-color: #fff;margin:  7px;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: 6px;  }
  .tmp202504-sty1 .price-box1 span:last-child{margin-left: -2px;}

  .tmp202504-sty1 .goods-type-item .price-box .money {letter-spacing: -1px;flex: 1;font-size: 1.7em;line-height: 24px;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 7px 8px 7px;}
  .tmp202504-sty1 .goods-type-item .price-box .q1{    width: 20px;}

  .tmp202504-sty1 .goods-type-item .title {font-size: 1.05em;text-align: left;color: #000;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.2em;height: auto;-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.82em;}
  .tmp202504-sty1 .goods-type-item .price-box .money .d {  font-size: 0.82em;}

  .tmp202504-sty1 .bt-jb{position: absolute;top: 0;left: 0;display: inline-block;vertical-align: top;padding: 0 8px;line-height: 17px;height: 17px; background: #e8092f;color: #fff; font-size: 0.72em;border-radius: 6px 0 8px 0;}
  .tmp202504-sty1 .bt-jb img{height: 13px;margin-top: 1px;margin-right: 1px;width: auto;}

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

.bk-trun-box .list{display: flex;background: #fff; border-radius:0 0 15px 15px;padding: 8px 5px;margin: 0 2%;}
.bk-trun-box .list .li{flex: 1;margin: 0;background: #fff; border-radius:12px;overflow: hidden;}
.list.ani .li{animation: rotateLR 2s ease-in-out infinite;transform-origin: center bottom;}
.list.ani .li:nth-child(2){animation-delay: 0.3s;}
.list.ani .li:nth-child(3){animation-delay: 0.6s;}
@keyframes rotateLR{
    0%{transform: translateY(5px);}
    15%{transform: translateY(-5px);}
    30%{transform: translateY(5px);}
    45%{transform: translateY(-5px);}
    60%,100%{transform: translateY(0);}
}
.bk-trun-box .list .li{   position: relative;      perspective: 1000px;padding: 5px;    }
.bk-trun-box .li.hover .good-front{      transform: rotateY(-180deg);      z-index: -1;opacity: 0;  }
  
  .bk-trun-box .list .li .good-back{
      z-index: -1;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      padding: 5px;
      transform: rotateY(180deg);
      transition: all 0.50s ease-in-out 0s;
      opacity: 0;
  }
  .bk-trun-box .list .li.hover .good-back{
    transform: rotateY(0);
    z-index: 3;
    opacity: 1;
  }
  .done-tps{text-align: center;position: relative;}
  .done-tps::before{position: absolute;content: '';top: 50%;left: 0;width: 100%;height: 1px;background: #222;}
  .done-tps div{display: inline-block;vertical-align: top;background: #fff;position: relative;z-index: 2;padding: 0 5px;font-size: 1.4em;padding: 10px 0;}
  .game-count{text-align: center;}
  .game-count b{color: #cd140d;font-size: 2em;padding: 0 5px;}