::-webkit-scrollbar { display: none; }

* { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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; }

*,
*: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; }

html { -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 {font-size: 14px;font-size: .875rem;font-family: "微软雅黑", Helvetica;min-width: 320px;max-width: 640px;padding: 0;line-height: 1.5em;-webkit-user-select: none;position: relative;background: #ffb2c9;}

img { width: 100%; }

.pos {position: relative;text-align: center;}
.pos-top{
  margin-top: -1.5em;
}

.pos1,
.pos2 {margin-bottom: 0px;}
.pos1{margin-top: 0px;}
.abs { position: absolute; z-index: 3; background-color: rgba(157, 25, 65, 0.5); }

.chongzhi-tiem {text-align: center;background: #93021a }

.chongzhi-tiem div { color: #fff;  padding: 5px 10px; }

.wait { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.pos4 .over>img{bottom: 9%}
/*.pos4 .hand{bottom: 9%}*/

.over {
    position: absolute;
    /* top: 0; */
    left: 0;
    bottom: 0.5em;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}
.over img {
    /* height: 35px; */
    /*position: absolute;*/
    /*bottom: 15%;*/
    /*left: 30%;*/
    width: 42%;
}
.hand {
    position: absolute;
    left: 27%;
    bottom: -0.5em;
    width: 44%;
    animation: collect_scale 2s ease infinite;
    -webkit-animation: collect_scale 2s ease infinite;
    z-index: 9;
}

.laber { position: absolute; top: 15px; right: 2%; width: 18%; z-index: 5; }



.pos2 .hand { animation-delay: 1s; -webkit-animation-delay: 1s; }

/* 放大缩小 */
@keyframes collect_scale {
    0% { transform: scale(1, 1); }

    7% { transform: scale(1.2, 1.2); }

    20% { transform: scale(1, 1); }

    27% { transform: scale(1.2, 1.2); }

    40% { transform: scale(1, 1); }

    100% { transform: scale(1, 1); }
}

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

    7% { transform: scale(1.2, 1.2); }

    20% { transform: scale(1, 1); }

    27% { transform: scale(1.2, 1.2); }

    40% { transform: scale(1, 1); }

    100% { transform: scale(1, 1); }
}

.question { position: absolute; left: 20%; width: 60%; height: 20%; bottom: 3%; z-index: 5; }

.links { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; text-align: center; padding: 0 20%; }

.links.ipx { padding-bottom: 20px; }

.links span { letter-spacing: 2px; color: #80000c; font-weight: bold; font-size: 17px; width: 48%; display: inline-block; height: 50px; line-height: 50px; position: relative; }

.relative{
  position: relative;
}


.btn-chongzhi { position: absolute; top: 2%; left: 3%; right: 3%; bottom: 2%; background: rgba(0, 0, 0, 0); z-index: 8; }

/* top */
.top { position: fixed; bottom: 60px; right: 0; z-index: 10; width: 45px; }

.count { position: absolute; top: 0%; left: 0%; width: 100%; z-index: 5; }

.count-num { position: absolute; top: 50%; left: 0; width: 30.4%; z-index: 6; transform: rotate(-35deg); text-align: center; margin-top: -1px; height: 30px; line-height: 30px; color: #fff; }

.banner-ani-img { position: absolute; top: 60%; left: 0; width: 100%; }

.banner-ani-img .img1 { display: none; }

/* user-info */
.user-info-box{position: relative;text-align: center;
background: url(../images/user-bg.png) no-repeat;background-size: 100% 100%;padding: 10px 10px 15px 10px;}
.user-img{position: relative; display: inline-block;vertical-align: top;width: 50px;height: 50px;border:2px solid #fff;border-radius: 30px;}
.user-img  img{border-radius: 50%;}
.user-img .icon-crown{position: absolute;top: -7px;left: -7px;width: 25px;border-radius: 0;}
.user-info{max-width: 70%;min-width: 50%; border: none;display: inline-block;vertical-align: top;border-radius: 30px;background:-webkit-linear-gradient(90deg,#edd7a6 ,#fff2d4,#edd7a6);background:linear-gradient(0deg,#edd7a6 ,#fff2d4,#edd7a6);padding: 2px 0px 5px 20px;}
.user-info p{height: 20px;color: #b21a11;text-align: left;}
.user-info p span{display: inline-block;vertical-align: top;overflow: hidden;width: 70%;height: 20px;text-overflow: ellipsis;padding-left: 4px;}
.m-b img{position: absolute;left: 5px;top: 2px;width: 13px;}
.m-b{display: inline-block;vertical-align: top; position: relative;border: 1px solid #d00542;height: 20px;line-height: 20px;border-radius: 20px;padding:0 10px 0 18px; background-color: #fff;color: #af000a;font-weight: bold;}
.bi-m{text-align: left;}
.bi-m>p{text-align: center;display: inline-block;vertical-align: top;}
/*规则弹窗*/
/* .question-bg{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;background-color: rgba(0,0,0,0.6);} */
/*.rule-con { position: relative; background: url(../images/rule_bg.png) repeat-y;background-size: 100% auto; color: #fff; }*/

/* .rule-con .h2{position: absolute;top: -50px;} */
.question-pop { position: relative; }

.rule-li { padding: 2px 1em; line-height: 20px; font-size: 0.8rem; }

.rule-list { padding: 0 0 10px 0; }

@keyframes hand_ani {
    0% { transform: scale(1); }

    20% { transform: scale(1.2); }

    40% { transform: scale(1); }

    60% { transform: scale(1.2); }

    80%, 100% { transform: scale(1); }
}

@-webkit-keyframes hand_ani {
    0% { -webkit-transform: scale(1); }

    20% { -webkit-transform: scale(1.2); }

    40% { -webkit-transform: scale(1); }

    60% { -webkit-transform: scale(1.2); }

    80%, 100% { -webkit-transform: scale(1); }
}

@media only screen and (max-width:360px) {
    body { font-size: 12px; }
}

@media only screen and (min-width:361px) and (max-width:410px) {
    body { font-size: 14px; font-size: .875rem; }
}

@media only screen and (min-width:411px) and (max-width:650px) {
    body { font-size: 14px; font-size: .875rem; }
}

/*弹出层样式*/
.popbox { width: 100%; height: 100%; margin: 0 auto; position: fixed; left: 0; top: 0; z-index: 999; }

.popbox .pop_msg {width: 100%;position: absolute;left: 0%;top: 43%;/* background: #fff; */z-index: 13;border-radius: 5px;transform: translateY(-50%);-wbkit-transform: translateY(-50%);}

.popbox .pop_msg .pop_txt {top: 25%;margin: 0 auto;overflow: hidden;position: absolute;left: 15%;width: 69%;font-size: 1.7em;line-height: 1.6em;font-family: fantasy;font-style: italic;text-align: center;}
.popbox .pop_msg .pop_txt span{font-size:1.8em;color: #f52f0f;vertical-align: text-bottom;padding: 0 10px;}
.popbox .pop_msg .pop_txt .mini{font-size:0.7em;line-height: 1em;font-style: initial;}
.popbox .pop_msg .pop_txt p {color: #f52f0f;text-align: center;font-weight: bold;margin: 0 auto;}

.popbox .pop_msg .pop_txt2{position: absolute;left: 14%;top: 22%;width: 22%;transform: rotate(-15deg);font-size: 0.9em;font-weight: 900;line-height: 1.2em;text-align: center;color: #fff;}

.popbox .pop_msg .pop_but { width: 90%; margin: 10px auto; overflow: hidden; }

.popbox .pop_msg .pop_but a { display: block; width: 100%; margin: 0 auto; padding: 10px 0; text-align: center; color: #fff; background: #94193f; border-radius: 5px; }

.popbox .pop_msg .pop_but .but1 { display: block; width: 47.5%; float: left; padding: 10px 0; text-align: center; color: #fff; background: #94193f; border-radius: 5px; }

.popbox .pop_msg .pop_but .but2 { display: block; width: 47.5%; float: left; margin-left: 5%; padding: 10px 0; text-align: center; color: #fff; background: #ccc; border-radius: 5px; }

.popbox .pop-sure {text-align: center;padding-bottom: 17px;}

.popbox .pop-sure .btn_sure {/* display: inline-block; *//* vertical-align: top; *//* padding: 5px 40px; *//* border-radius: 5px; *//* color: #fff; */position: absolute;bottom: 5%;left: 27%;right: 27%;animation: collect_scale 2s ease infinite;-webkit-animation: collect_scale 2s ease infinite;}

/*单边线样式*/
.d_bef_top { position: relative; border-top: 1px solid #eee; }

.pop_btns { width: 100%; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; }

.pop_btns a { text-align: center; padding: 14px 0; flex: 1; -webkit-flex: 1; }

a.btn_cancel { position: absolute; bottom: -50px; left: 50%; width: 50px; padding: 10px; margin-left: -20px; z-index: 3; }

a.btn_cancel {position: absolute;bottom: -68px;left: 50%;width: 50px;padding: 10px;margin-left: -25px;x: 3;}

a.btn_sure {
  /* background: linear-gradient(90deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%); */
  /* background: -webkit-linear-gradient(0deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%); */
  }

.pop-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10; }

/*加载中*/
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; text-align: center; background: rgba(144, 144, 144, 0.8); }

.loading_m { position: fixed; top: 50%; left: 50%; margin: -65px 0 0 -65px; }

.loading_tips { color: #252222; font-weight: bold; margin-top: -30px; }

.loading_ani { width: 131px; height: 131px; background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png) 0 0; -webkit-animation: loading_ani steps(3, end) 0.6s infinite; animation: loading_ani steps(3, end) 0.6s infinite; }

@-webkit-keyframes loading_ani {
    from { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 0; }

    to { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 -393px; }
}

@keyframes loading_ani {
    from { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 0; }

    to { background: url(//game.happigo.com/App/Tpl/Default/chongzhi0813/images/loadimg1.png); background-position: 0 -393px; }
}


/*地址弹窗*/
.addr-ipxh{height: 0;}
.pop-addr-m{border-radius: 12px 12px 0 0; position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;z-index: 2000;transform: translateY(100%);-webkit-transform: translateY(100%); transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}
.pop-addr-m.on{transform: translateY(0);-webkit-transform: translateY(0);}
.pop-addr-tit{text-align: center;position: relative;padding: 10px;border-bottom: 1px solid #e6e6e6}
.pop-addr-close{position: absolute;top: 10px;right: 10px;width: 16px;}
.addr-list{    max-height: 20em;    overflow-y: auto;min-height: 20em;}
.addr-list li{padding: 10px;border-bottom: 1px solid #e6e6e6;position: relative;}
.f-a-ico img {    width: 1.3em;}
.addr-list li .a-ico1{display: none;}
.addr-list li .a-ico2{display: block;}
.addr-list li.active .a-ico1{display: block;}
.addr-list li.active .a-ico2{display: none;}
.f-a-ico {width: 7%;}
.f-a-center{width: 80%;}
.f-a-arrow {    width: 10%;    text-align: right;}
.f-a-arrow img {    height: 1.5em;    width: auto;    display: none;}
.active .f-a-arrow img {display: inline-block;vertical-align: top;}
.btn-sure{background: linear-gradient(90deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%);background: -webkit-linear-gradient(0deg, rgba(253, 97, 64, 1) 0, rgba(240, 9, 25, 1) 100%);color: #fff;;text-align: center;height: 40px;line-height: 40px; font-size: 1.125rem;font-weight: 700;}
.f-a-arrow1{position: absolute;top: 0;right: 10px;width: 14px;}
.f-a-arrow1:after{position: absolute;content: "";top: 14px;right: 0;width: 10px;height: 10px;border-top: 2px solid #bcbcbc;border-right: 2px solid #bcbcbc;transform: rotate(45deg);}



@media only screen and (max-width:320px){
    body{font-size:12px}
}
@media only screen and (min-width:321px) and (max-width:640px){
    body{font-size:14px;font-size:.875rem}
}
@media only screen and (max-height:600px ) {
     .rule-lli{line-height: 1.1em;}
}


.intime{/* margin-top: -10%; */position: absolute;width: 92%;left: 4%;bottom: 23%;}
.ms_djs{text-align: center;color: #000;font-size: .83em;width: 100%;z-index: 11;/* height: 50px; */line-height: 2.4em;background: #f9e8ed;/* background: url(../images/djs-bg.png)no-repeat; */background-size: 100% 100%;opacity: 1;border-radius: 8px;}
.sp_d>span,.sp_h>span,.sp_m>span,.sp_s>span{font-size: 1.1em;background: #fff;border-radius: 2px;width: 1.1em;margin: 0 1px;color: #ee562c;display: inline-block;line-height: 1.4em;font-weight: bold;}

.intime2{/* margin-top: -10%; */position: absolute;width: 69%;left: 20%;top: 68%;}
.ms_djs2{text-align: center;color: #fff;font-size: 1.4em;width: 100%;z-index: 11;/* height: 50px; */line-height: 2em;/* background: #000; *//* background: url(../images/djs-bg.png)no-repeat; */background-size: 100% 100%;opacity: 1;font-weight: bold;}
.sp_d2>span,.sp_h2>span,.sp_m2>span{font-size: 1.8em;background: #fff;border-radius: 0px;/* width: 0.8em; */margin: 0 0px;color: #f4302f;display: inline-block;line-height: 1.4em;font-weight: bold;padding: 0 1px;}
.sp_s2>span{font-size: 1.8em;background: #fff;border-radius: 0px;/* width: 0.8em; */margin: 0 0px;color: #ff2049;display: inline-block;line-height: 1.4em;font-weight: bold;}
.sp_sw{
  border-radius: 7px 0 0 7px !important;
}
.sp_gw{
  border-radius: 0 7px 7px 0 !important;
}
.bottom-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  /* background-color: #fff; */
  /* border-radius: 16px 16px 0 0; */
}

.tab1 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 25%;
  display: inline-block;
}
.tab2 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 25%;
  width: 25%;
  display: inline-block;
}
.tab3 {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 50%;
  width: 25%;
  display: inline-block;
}
.tab4 {
  position: absolute;
  bottom: 0;
  height: 100%;
  right: 0%;
  width: 25%;
  display: inline-block;
}
.pos5 .hand{
  /* bottom: 2.5em; */
}
.pos5 .over{
  /* bottom: 4em; */
}

/*开屏动画*/
.page-dialog-box {
  z-index: 301;
  position: fixed;
  display: flex;
  height: 94vh;
  top: 0;
  overflow: auto;
}
/*.page-dialog-con {
  width: 100%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}*/
.page-dialog-con {
    margin: 0 auto;
    width: 100%;
    padding: 6% 8%;
    text-align: center;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.902);
}
.text-center {
  text-align: center;
}
.red-bg {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  transform: translateX(0);
  animation: redBgaNI 1.9s ease-out normal both running;
}
@keyframes redBgaNI {
  0% {
    transform: translateX(-100%);
  }
  8%,80% {
    transform: translateX(0);
  }
 100%{transform: translateX(-100%);}
}
.red-text {
  position: absolute;
  left: 30%;
  width: 40%;
  bottom: 10%;
  opacity: 0;
  animation: printAni .3s ease-out .3s 1 normal forwards running;
}
@keyframes printAni{
  0% {
    -webkit-transform: scale(3.09);
    transform: scale(3.09);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}
.p2_img2{position: absolute;top: 46%;left: 0;right: 0;z-index: 3;}
.p2_img3{position: absolute;top: 12%;left: 0;right: 0;z-index: 2;}

#step3 .p2_img2{position: absolute;top: 39%;left: 0;right: 0;z-index: 3;}
#step3 .p2_img3{position: absolute;top: 12%;left: 0;right: 0;z-index: 2;}
/* 上面 */
.step2-ani  .p2_img3{animation:p2LeftToRight 3.5s ease-in-out;animation-fill-mode: forwards;}
@keyframes p2LeftToRight{
  0%{transform: translateX(100%);}
  8%,80%{transform: translateX(0%);}
  100%{transform: translateX(100%);}
}
/* 下面 */
.step2-ani  .p2_img2{animation:p2RightToLeft 3.5s ease-in-out;animation-delay: 0.6s;opacity: 0;animation-fill-mode: forwards;}
@keyframes p2RightToLeft{
  0%{transform: translateX(-100%);opacity: 0;}
  8%,50%{transform: translateX(0%);opacity: 1;}
  70%,100%{transform: translateX(-100%);}
}

/*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: 5px;
  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: 5px;
  height: 5px;
  background: #848484;
  margin: 0 2px;
  border-radius:3.5px;
  font-size: 0;
  text-indent: -999em;
}

.swiper-pagination-bullet-active {
  background: #e02a12;
  width:20px;
}
.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;
}
/*swiper初始化样式end*/




/*滚动*/
.topad-swiper{position: absolute;top: 22%;right: 53%;width: 50%;height: 1.5em;overflow: hidden;text-align: right;background: #ffd1d3;line-height: 1.5em;padding: 0 4px;border-radius: 10px;font-size: 0.85em;}
.topad-swiper2{position: absolute;top: 13%;/* left: 0; */right: 0%;width: 100%;height: calc( 77vw * 291 / 750);overflow: hidden;}
.topad-swiper3{position: absolute;top: 34%;left: 0;right: 0;width: 100%;height: calc( 59vw * 291 / 750);overflow: hidden;}

.topad-swiper img{width: 100%;}


/*滚动商品*/
.hot-sale-container .swiper-slide .block-con{flex: 1;}

.hot-sale-container  .block-con {
  overflow: hidden;
  margin-left: 0;
  position: relative;
}
.hot-sale-container .hot-sale-price {
 margin-top: 10px;
  position: absolute;
  bottom:5%;
  left:0;
  right:0
}
/* .hot-sale-container .hot-sale-price .p-b{position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;align-items: center;} */


.hot-sale-container .swiper-slide.swiper-slide-active{
  transform: scale(1) translateZ(0);
  /* animation: _2m2BE-data-v-215dcf70 .5s ease-out; */
}
.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(-5deg);
     transform: scale(.81) rotate(-5deg);
 }
 36% {
     -webkit-transform: scale(.96) rotate(5deg);
     transform: scale(.96) rotate(5deg);
 }
 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%;
} */
.hot-sale-container .swiper-container {
    padding: 0;
    height: 100%;
}
.hot-sale-container .swiper-slide {
    display: flex;
    vertical-align: top;
    gap: 2%;
    padding-left: 24%;
}
.hot-sale-container .swiper-slide a {
    display: inline-block;
    background: #fff;
    background-size: 100% 100%;
    padding: 4% 7% 5% 7%;
    border-radius: 10px;
}
.hot-sale-container .img-box {
    border-radius: 10px;
    background-color: #f5f5f5;
    position: relative;
    /* height: 53%; */
}
a:link {
    text-decoration: none;
}
.hot-sale-container .swiper-slide a .lazy {
    height: 100%;
    border-radius: 10px;
    /* object-fit: cover; */
}
.goods-tag1 {
    position: absolute;
    left: 2%;
    top: 2%;
    width: 34%;
}
.jb-pdown {
    left: -8%;
    position: absolute;
    top: 48%;
    width: 60%;
    color: #fff;
    line-height: 1.2em;
    font-size: 1.3em;
    text-align: center;
    z-index: 2;
    font-weight: bold;
    transform: rotateZ(-14deg);
}
.jb-pdown div {
    position: absolute;
    top: 14%;
    left: 0;
    width: 100%;
    color: #fff;
}
.goods-type-item .title {
    font-size: 1.1em;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 602;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.3em;
    height: 1.3em;
    -webkit-box-orient: vertical;
    margin: 0.3em 0 0.5em;
    word-break: break-all;
}
.goods-type-item .price-box .money {
    font-size: 0.9em;
    color: #000;
    position: absolute;
    right: 7%;
    width: 63%;
    bottom: 5%;
    text-align: center;
    font-family: "DINOT-Bold";
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.3em;
    /* height: 2.5em; */
    -webkit-box-orient: vertical;
    background: #ffc8c6;
    border-radius: 5px;
}
.goods-type-item .price-box .money .unit {
    font-size: 0.7em;
}
#floor0 {
    position: absolute;
    top: 33%;
    left: 0%;
    width: 46%;
    height: 46%;
}
.item-con{
  height: 100%;
}
.rule-btn1 {
    position: absolute;
    right: 0%;
    height: 12%;
    width: 22%;
    top: 0%;
    z-index: 1;
}
.rule-btn2 {
    position: absolute;
    left: 77%;
    height: 10%;
    top: 3%;
    width: 19%;
}
.quan-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.75);
}
.quan-main {
    position: fixed;
    top: 15%;
    left: 0;
    z-index: 401;
    width: 100%;
    right: 0;
    margin: auto;
    overflow: scroll;
    height: 67%;
}
.price-bg{
    position: absolute;
    left: 0%;
    /*height: 11%;*/
    top: 31%;
    width: 49%;
    z-index: 1;
}
.unit {
    font-size: 0.7em;
}
.floor12-con {
  position: relative;
  padding: 0.1em 6px 3em;
  margin-top: 1.5em;
}
/*tab列表*/
.meeting-tab .item.current::after{position: absolute;content: '';bottom: 0;left: 50%;width: 14px;height: 3px;background: #ff0a0a;border-radius: 4px;margin-left: -7px;}

.meeting-tab {
  width: 100%;
  left: 0;
  margin: 0 auto;
  display: flex;
  position: absolute;
  padding:0 10px;gap:2%;
  top: 0;background: #fff;
}

.meeting-tab .item {
  width: 25%;
  text-align: center;
  line-height: 2.2em;
  font-size: 1em;
}
.meeting-tab .item:nth-child(1){
  /* font-size: 1em; */
  width: 33%;
} 
/* .meeting-tab .item.current{background:#fff;} */
.meeting-tab .item a {
  display: inline-block;
  width: 100%;
  color: #050001;font-weight: bold;text-decoration: none;
}
.meeting-tab .item.current a{color: red;}
.meeting-tab .item a .tabb1{display: none;}
.meeting-tab .current a .tabb1{display: block;}
.meeting-tab .current a img{display: none;}
.meeting-tab .icon1 {
  display: inline-block;
}
.meeting-tab .icon2 {
  display: none;
}
.meeting-tab .current .icon2 {
  display: inline-block;
}
.meeting-tab .current .icon1 {
  display: none;
}
.meeting-tab .item {
    position: relative;
}

.main-6 {
    /*display: none;*/
}
#meeting1 {
    display: inline-block;
}
.goods-li {
    display: flex;
    flex-wrap: wrap;
}
.goods_list {
    width: 49%;
    margin: 0em 0.5% 0.3em 0.5%;
    position: relative;
    padding: 0.5%;
    display: inline-block;
    vertical-align: top;
}
.g-line {
    padding-top: 10px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f0cd5b;
}
.tag2 {
    position: absolute;
    width: auto;
    height: 2.5em;
    left: 8px;
    top: 8px;
    z-index: 1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: swing 1.2s ease-in-out infinite;
}
.img_a {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 10px 8px;
    background-color: #fff;
    border-radius: 8px;
    height: 42vw;
}
.img_a .lazy {
    width: 100%;
    border-radius: 2px;
}
.goodsInfo {
    padding: 0;
}
.p5 {
    margin: 0 4%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.2em;
    line-height: 1.4em;
    height: 2.8em;
    text-align: left;
    color: #333333;
    word-break: break-all;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
}
.tag1 {
    height: 1em;
    width: auto;
    margin: 0.1em 0.1em 0 0;
}
.two-price2 {
    padding: 10px;
}
.two-price .left, .two-price2 .left {
    font-size: 1.9em;
    display: flex;
    align-items: end;
    align-items: flex-end;
    font-weight: bold;
    position: absolute;
    top: 57%;
    left: 6%;
}
.two-price2 .left {
    position: absolute;
    top: 33%;
    left: 8%;
    color: #ff0000;
}
.two-price .unit, .two-price .d, .two-price2 .unit, .two-price2 .d {
    font-size: 0.6em;
    margin-bottom: -0.2em;
    margin-right: -2px;
}
.two-price .unit, .two-price .d, .two-price2 .unit, .two-price2 .d {
    font-size: 0.6em;
    margin-bottom: -0.2em;
    margin-right: -2px;
}
.p3-p2-pd {
    position: absolute;
    top: 17%;
    right: 7%;
    width: 25%;
    text-align: center;
    font-size: 0.78em;
    line-height: 1.2em;
    color: #ffaacf;
}
.two-price2 .p3-p2-pd {
    width: 42%;
    top: 16%;
    right: 50%;
    color: #fff;
}
.q1, .q2 {
    position: absolute;
    bottom: 32%;
    right: 8%;
    width: 16%;
}
.collect_scale {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation: collect_scale 1s ease infinite;
    -webkit-animation: collect_scale 1s ease infinite;
}


.fixedTab {
  width: 100%;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0;
  z-index: 290;
}
.redpakage {
    background: #ffe1df;
    font-weight: bold;
    background-size: 100% 100%;
    padding: 5px 4px 5px 4px;
    color: #ff4b38;
    line-height: 1.3em;
    font-size: 1em;
    text-align: center;
    border-radius: 0 0 10px 10px;
}
.redpakage img {
    width: auto;
    height: 1.2em;
}
.g-line-tag2 {
    position: absolute;
    left: 2%;
    top: 2%;
    z-index: 1;
    width: 40% !important;
    height: auto !important;
} 

/*规则弹窗2*/
.quan-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    background-color: rgba(0, 0, 0, 0.85);
}
.pop-main {
    position: fixed;
    top: 50%;
    left: 3%;
    right: 3%;
    transform: translateY(-50%);
    z-index: 400;
}
.coupon-dialog .bg {
    /* background: linear-gradient(0,#8e7ac9 0%,#c7a6e3 100%); */
    border-radius: 10px;
    padding: 5px;
}
.rule-con2 {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    max-height: 70vh;
    border: 1px solid #fff;
    overflow-y: auto;
}
.rule-con3{height: 65vh;overflow-y: auto;text-align: left;border-radius: 12px;
  background: #fff;padding: 10px;}
.r-t {
    margin: 0 46% 0 0%;
}
.mt10 {
    margin-top: 10px;
}
.btn-iknow {
    margin-top: 10px;
    text-align: center;
}
.btn-iknow img {
    width: 34px;
}
.red{
  color: #ff1435;
}
.coupon-dialog .gz_title{
  color: #ff1435;
  font-size: 2em;
  text-align: center;
  line-height: 1.5em;
}

/*弹出层样式*/
.pop-def-ani {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.pop-def-ani .pop_msg {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 43%;
  z-index: 13;
  transform: translateY(-50%);
  -wbkit-transform: translateY(-50%);
  height: 57%;
}

.pop-def-ani .pop_msg .pop_txt {
  width: 90%;
  margin: 0 auto;
  padding: 29px 0;
  overflow: hidden;
}

.pop-def-ani .pop_msg .pop_txt p {
  color: #000;
  text-align: center;
  font-weight: bold;
}

.pop-def-ani .pop_msg .pop_but {
  width: 90%;
  margin: 10px auto;
  overflow: hidden;
}

.pop-def-ani .pop_msg .pop_but a {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #94193f;
  border-radius: 5px;
}

.pop-def-ani .pop_msg .pop_but .but1 {
  display: block;
  width: 47.5%;
  float: left;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #94193f;
  border-radius: 5px;
}

.pop-def-ani .pop_msg .pop_but .but2 {
  display: block;
  width: 47.5%;
  float: left;
  margin-left: 5%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #ccc;
  border-radius: 5px;
}

.pop-def-ani .pop-sure {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
}

.pop-def-ani .pop-sure .btn_sure {
  display: inline-block;
  vertical-align: top;
  padding: 5px 40px;
  border-radius: 5px;
  color: #fff;
}
.pop-def-ani{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
/*弹出层样式end*/

/* 动画 */
.pop-d1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;}
.pop-d2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;animation: bigHide 1.5s ease-in-out  infinite alternate;}
.pop-d4{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;animation: bigHide 2.5s ease-in-out 1 alternate;}
.pop-d5{position: absolute;top: 38%;left: 21%;width: 58%;bottom: 0;z-index: 3;animation: smalltobig 1.4s ease-in-out 1;}
.pop-d6{position: absolute;left: 9%;width: 82%;bottom: 12%;z-index: 3;animation: smalltobig 1.2s ease-in-out 1;animation-delay: 0.3s;opacity: 0;animation-fill-mode: forwards;}
.pop-d7{position: absolute;left: 15%;right: 15%;bottom: 0;z-index: 3;width: 70%;animation: downtoup 1.3s ease-in-out 1;}
.pop-d3{animation: lightRouter 3.5s ease-in-out infinite ;}
@keyframes lightRouter{
  0%{transform: rotate(0);}
  80%,100%{transform: rotate(360deg);}
}
@keyframes bigHide{
  0%{transform: scale(0.8);opacity: 1;}
  80%,100%{transform: scale(2.5);opacity: 0.4;}
}
@keyframes bigHide1{
  0%{transform: scale(1);opacity: 1;}
  80%,100%{transform: scale(1.5);opacity: 1;}
}
@keyframes smalltobig{
  0%{transform: scale(0);opacity: 1;}
  80%,100%{transform: scale(1);opacity: 1;}
}
@keyframes downtoup{
  0%{transform: translateY(350px);opacity: 1;}
  80%,100%{transform: translateY(0);opacity: 1;}
}
.pop-m2{
  animation: fadeInLeft 1s ease-in-out 1;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
/* 动画end */

.page-dialog-con p {
  line-height: 1.6em;
}
.rule2{
  width:50%;
}
.delete {
    width: 25%;
    display: block;
    margin: 1em auto;
}


.cz-swiper{
  height: 100vw;
}
.sy_date{
  position:absolute;
  bottom: 15.5%;
  left:30%;
  width:40%;
  text-align:center;
  color:#fff;
  font-size:1.3em;
  font-weight:bold;
  z-index: 3;
}