.swiper-slide .img {
  transform: translate3d(0, 0, 0);
}
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container {
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.swiper-slide img {
  transform: translate3d(0, 0, 0);
}
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container {
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.swiper-scrollbar {
  background-color: transparent !important;
}
.score-text {
  font-weight: bold;
  color:#dcb578;
}

/*全屏按钮*/
video::-webkit-media-controls-fullscreen-button {
  display: none;
}
@font-face {
  font-family: "FZCHYJ";
  src: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0515/FZCHYJ.ttf);
}
@font-face {
  font-family: "MISANS-DEMIBOLD";
  src: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0904/MISANS-DEMIBOLD.TTF);
}

.gray {
  /*-webkit-filter: grayscale(20%);*/
  /*-moz-filter: grayscale(20%);*/
  /*-ms-filter: grayscale(20%);*/
  /*-o-filter: grayscale(20%);*/
  /*filter: grayscale(20%);*/
  /*filter: brightness(0.5)*/
}
.bg-transparent {
  background-color: rgb(0, 21, 72) !important;
}
body {
  background-color: #041060;
  /*background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/0830/bigBg.png?v=05");*/
  background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0312/bigBg1.png?v=222");
  /*background-repeat: repeat;*/
  background-size: 7.5rem 75rem;
  background-position-y: -0.4rem;
  animation: linear;
}
#wrap {
  background-color: #041060;
  /*background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/0830/bigBg.png?v=05");*/
  background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0312/bigBg1.png?v=222");
  /*background-repeat: repeat;*/
  background-size: 7.5rem 75rem;
  background-position-y: -0.4rem;
  animation: linear;
}
ul.head {
  color: #000b5f !important;
  /*color: rgba(6,81,64,1)!important;*/
}
.footerItem .active {
  color: #000b5f !important;
  /*color: rgba(6,81,64,1)!important;*/
}
body {
  background-image: none;
  background-color: #f6f7fb;
}
/*首页新鲜日期kv*/
.kvs {
  width: 7.5rem;
  height: 9rem;
  margin-top: 0rem;
  /*padding: 0.3rem 0rem 0;*/
  background-size: 7.5rem 11.3rem;
  background-repeat: no-repeat;
  position: relative;
}
.kvs .kv-pro{
  width: 1.5rem;
  height: 3.5rem;
  transform: scale(0.92);
  z-index: 99;
}

.kvs .kv img {
  width: 7.5rem;
}

#pro_index {
  height: auto;
  width: 7.5rem;
  border-bottom: none;
  border-radius: 0;
}
.fresh-kv {
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0913/kv2.png")
  no-repeat center center;
  background-size: 7.5rem 8.5rem;
  width: 7.5rem;
  height: 8.5rem;
  box-sizing: border-box;
  padding-top: 1.2rem;
}
.fresh-kv-first {
  width: 6.05rem;
  height: 1.64rem;
  position: relative;
  margin: auto;
}
.fresh-kv-first-not {
  width: 5.08rem;
  height: 1.1rem;
  position: relative;
  margin: auto;
  left: 0.22rem;
}
#pro_index .fresh-kv-first img {
  width: 6.05rem;
  height: 1.64rem;
}
#pro_index .fresh-kv-first-not img {
  width: 5.08rem;
  height: 1.09rem;
}
#pro_index .fresh-kv img {
  border-radius: 0;
}
#pro_index .fresh-kv-first .day-num {
  display: flex;
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  align-items: center;
  z-index: 9;
  width: 100%;
  box-sizing: border-box;
  height: 1.5rem;
  padding-left: 1.5rem;
}
#pro_index .fresh-kv-first .day-num .day {
  height: 0.5rem;
  width: auto;
}
#pro_index .fresh-kv-first .day-num .fresh {
  height: 0.31rem;
  width: 1.27rem;
  position: relative;
  top: 0.1rem;
}
#pro_index .fresh-kv-first-not .day-num {
  display: flex;
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  align-items: center;
  z-index: 9;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-top: 0.36rem;
}
#pro_index .fresh-kv-first-not .day-num .day {
  height: 0.31rem;
  width: auto;
}
#pro_index .fresh-kv-first-not .day-num .fresh {
  height: 0.31rem;
  width: 1.27rem;
  position: relative;
  top: 0.02rem;
}
/*top: 3.3rem;*/
.fresh-slide {
  transition: top 2s;
}
.fresh-top331 {
  top: 3.3rem;
}
.fresh-top330 {
  top: -3.3rem;
}
.f-m-1 {
  animation: top331 1.15s linear 2s forwards;
}
.f-m-2 {
  animation: top111 1.25s ease 3s forwards;
}
.f-m-3 {
  animation: top110 1s ease-in-out 2.5s forwards;
}
.f-m-4 {
  animation: top330 1.05s ease-in 2s forwards;
}
@keyframes top331 {
  0% {
    top: 0;
  }
  100% {
    top: 3.3rem;
  }
}
@keyframes top330 {
  0% {
    top: 0;
  }
  100% {
    top: -3.3rem;
  }
}
@keyframes top111 {
  0% {
    top: 0;
  }
  100% {
    top: 1.1rem;
  }
}
@keyframes top110 {
  0% {
    top: 0;
  }
  100% {
    top: -1.1rem;
  }
}

.kvBtn {
  width: 1.74rem !important;
  height: 0.46rem !important;
  z-index: 9;
  animation: myBreath 1s linear infinite;
  position: absolute;
  bottom: 1.3rem;
  left: 2.6rem;
}

@keyframes myBreath {
  0% {
    transform: scale(2);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/*首页新鲜日期kv*/
@font-face {
  /*字体压缩后只剩下数字了*/
  font-family: "FZFengYSJWNUMBER";
  src: url("https://telunsu-cdn.mengniu.com.cn/tls/1/b/f/b/1/FZFengYSJW-B-min.TTF");
  font-display: swap;
}
.fresh-kv-v2 {
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/1203/kv5.jpg?v=1") no-repeat center center;
  background-size: 7.5rem 9rem;
  background-position-y: 0.1rem;
  width: 7.5rem;
  height: 9rem;
  box-sizing: border-box;
  /*padding-top: 1.2rem;*/
  position: relative;
}
.fresh-kv-v2 .kvTitle1{
  width: 7.47rem;
  height: 2.77rem;
  position: absolute;
  top: 0.4rem;
  left: 0.015rem;
  z-index: 9;
}
.fresh-kv-v2 .kvText1{
  width: 0.57rem;
  height: 0.48rem;
  position: absolute;
  bottom: 0.35rem;
  right: 0.4rem;
}
.fresh-kv-v2 .more {
  position: absolute;
  bottom: 0.8rem;
  width: 100%;
  height: 0.7rem;
}

.fresh-kv-v2 .top-1 {
  position: absolute;
  top: 1.18rem;
  left: 2.83rem;
  width: 1.83rem;
  height: 0.93rem;
}
.fresh-kv-v2 .top-2 {
  position: absolute;
  top: 1.88rem;
  left: 1.5rem;
  width: 1.28rem;
  height: 0.55rem;
}
.fresh-kv-v2 .top-3 {
  position: absolute;
  top: 2.1rem;
  right: 1.5rem;
  width: 1.28rem;
  height: 0.55rem;
}

.fresh-kv-v2 .fall-bounce {
  width: 0.96rem;
  height: 2.3rem;
  position: absolute;
  left: 3.25rem;
}
.fresh-kv-v2 .fall-bounce-2 {
  width: 0.96rem;
  height: 2.3rem;
  position: absolute;
  left: 1.65rem;
}
.fresh-kv-v2 .fall-bounce-3 {
  width: 0.96rem;
  height: 2.3rem;
  position: absolute;
  left: 4.85rem;
}
.fresh-kv-gif {
  width: 0.81rem !important;
  height: 0.81rem !important;
  position: absolute;
  top: 1.98rem;
  left: 3.35rem;
  z-index: 9;
}
.fresh-kv-v2 .txt {
  font-family: FZYaoTi-M06S;
  width: 3rem;
  text-align: center;
  font-size: 0.14rem;
  color: rgb(237, 205, 132);
  position: absolute;
  top: 4.67rem;
  left: 2.25rem;
}
/*首页新鲜日期kv*/

/*改变kv图片分页器颜色*/
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 0.01rem rgba(6, 81, 64, 1) solid !important;
  background-color: rgba(6, 81, 64, 1) !important;
  background-color: rgb(80, 116, 167) !important;
  background-color: rgb(226, 207, 151) !important;
  background-color: #d5ae61 !important;
  border: none !important;
}
.swiper-pagination .swiper-pagination-bullet {
  border: 0.01rem #aeb8d1 solid !important;
  background-color: #aeb8d1 !important;
  border: none !important;
  /*background-color: #fff !important;*/
  opacity: 1 !important;
  background-color: rgb(91, 90, 121) !important;
  background-color: #5a746c !important;
}

/*顶部导航栏*/
.head-wp {
  width: 7.5rem;
  background: #fff;
  height: 0.8rem;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  z-index: 110;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  align-items: center;
  margin: auto;
  transition: all 0.1s linear 0s;
  /*padding-top: 0.3rem;*/
}

.head-wp .search-wp {
  width: 1rem;
  height: 0.8rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/112023/tls/1/5/icon/10.png")
    no-repeat center center;
  background-size: 0.31rem 0.31rem;
}
ul.head {
  flex: 1;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  flex-wrap: nowrap;
  background-color: #fff;
  padding: 0 0.3rem;
  color: #000b5f;
  height: 0.57rem;
  align-items: center;
  padding-left: 0rem;
}

ul.head li {
  float: left;
  width: 2.3rem;
  font-size: 0.28rem;
  display: flex;
  justify-content: center;
  padding: 0.04rem 0.28rem;
  list-style: none;
  white-space: nowrap;
  font-weight: 400;
  align-items: center;
  transition: all 0.3s;
  font-size: 0.25rem;
  color: #8c8c8c;
}

ul.head .cur {
  color: #071263;
  border-radius: 0.5rem;
  height: 0.5rem;
}
ul.head .cur_green {
  color: #071263;
  font-weight: 600;
  border-radius: 0.5rem;
  height: 0.5rem;
  position: relative;
}
ul.head .cur_green:after {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  width: 0.44rem;
  height: 0.04rem;
  background: #090353;
  bottom: 0.07rem;
  transform: translateX(-50%);
  border-radius: 0.04rem;
}
.opacityBox {
  opacity: 0;
  top: -1rem;
  transition: all 0.1s linear 0s;
}
/*顶部导航栏*/


.txyIcon {
  width: 1.8rem;
  height: 1.8rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20211221wuliu/yjxy_1223.png?v=001")
    0 0/100% auto no-repeat;
  overflow: hidden;
}

.videoBg2 {
  width:6.9rem;
  height: 4.89rem;
  box-sizing: border-box;
  /*overflow: hidden;*/
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0307/videoBg.png?v=004") 0 0/100% auto no-repeat;
  background-size: 6.9rem 4.89rem;
  position: relative;
  z-index: 90;
  padding: .17rem 0rem 0;
  box-sizing: border-box;
  margin: 0rem auto 0rem;
  text-align: center;
  border-radius: 0.16rem;
}
.startImg2 {
  width:6.9rem!important;
  height: 3.88rem!important;
  /*width:7.5rem;*/
  /*height: 4.22rem;*/
  /*width: 6.5rem !important;*/
  /*height: 3.64rem !important;*/
  /*width: 6.96rem !important;*/
  /*height: 3.92rem !important;*/
  /*overflow: hidden;*/
  border-radius: 0.16rem;
  margin: 0rem auto 0rem;
  /*object-fit: cover;*/
}
#videoBox2 {
  width:6.9rem;
  height: 3.88rem;
  /*width:7.5rem;*/
  /*height: 4.22rem;*/
  /*width: 6.5rem;*/
  /*height: 3.64rem;*/
  /*width: 6.96rem;*/
  /*height: 3.92rem;*/
  display: none;
  overflow: hidden;
  border-radius: 0.16rem;
  margin: 0rem auto;
}

.video2 {
  object-fit: fill;
  width:6.9rem;
  height: 3.88rem;
  /*width:7.5rem;*/
  /*height: 4.22rem;*/
  /*width: 6.5rem;*/
  /*height: 3.64rem;*/
  /*width: 6.96rem;*/
  /*height: 3.92rem;*/
  overflow: hidden;
  border-radius: 0.16rem;
}

input {
  background-color: transparent;
  height: 0.4rem;
  width: 3.2rem;
  border: 0;
  outline: 0;
  color: #040f41;
}

.reason_show img {
  width: 0.3rem;
  position: absolute;
  left: 0.1rem;
  top: 0.34rem;
}


/*小程序提醒添加起泡start*/
.pop-add-min {
  position: fixed;
  right: 0.2rem;
  top: 0.2rem;
  top: 0;
  box-sizing: border-box;
  z-index: 999;
  display: none;

  width: 4.3rem;
  height: 1.11rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/tls/1/a/1009182813.png")
    no-repeat center center;
  background-size: 4.3rem 1.11rem;
}
.pop-add-min .p-a-m-c {
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  right: 0;
  top: 0.1rem;
}
.pop-add-min .pop-add-min-wp:before {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 0.9rem;
  top: 0;
  margin-top: -20px;
}
.pop-add-min .pop-add-min-wp {
  box-sizing: border-box;
  padding: 0.2rem;
  padding-left: 0.3rem;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 0.26rem;
  color: #fff;
  line-height: 0.38rem;
  letter-spacing: 1px;
}
.pop-add-min .pop-add-min-wp b:nth-child(1) {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  bottom: 0.04rem;
}
.pop-add-min .pop-add-min-wp b:nth-child(2) {
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  top: 0rem;
  margin: 1px;
}
.pop-add-min .pop-add-min-wp b:nth-child(3) {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  bottom: 0.04rem;
}
.pop-add-min .pop-add-min-wp span {
  display: inline-block;
  padding: 0rem 0.1rem 0 0;
}

.aniscale {
  transform-origin: 75% top;
  animation: sc21 1.5s ease;
}
/*小程序提醒添加起泡end*/


/* 右下角浮窗 */
.mobile-canvas {
  position: fixed;
  z-index: 99;
  height: 1.3rem;
  width: 2.6rem;
  transform: rotate(90deg);
  bottom: 4rem;
  right: -0.8rem;
  /*overflow: hidden;*/
  padding: 0.2rem;
  transition: all 200ms linear 1500ms;
}
.mobile-canvas.open {
  position: fixed;
  z-index: 99;
  height: 2.7rem;
  width: 4rem;
  transform: rotate(90deg);
  bottom: 2.6rem;
  right: -0.8rem;
  overflow: hidden;
  padding: 0.2rem;
  border-radius: 0 0 50% 50%;
  transition: all 1ms linear;
}
.mobile-canvas.out {
  right: -2.6rem;
  transition: all 300ms linear 200ms;
}
.mobile-canvas.open .overlay {
  opacity: 0.6;
}
.mobile-canvas.open h1 {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.overlay {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  transition: all 300ms linear 200ms;
  background: #240e31;
}

.button-container {
  position: absolute;
  top: 0.3rem;
  left: 1.6rem;
  width: 50px;
  height: 50px;
}
/*.button-container.open {*/
/*    position: absolute;*/
/*    top: 0.3rem;*/
/*    right: 1.4rem;*/
/*    width: 55px;*/
/*    height: 55px;*/
/*}*/
.button-container .btnBg {
  width: 90%;
  height: 90%;
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  transition: all 300ms linear 200ms;
}
.button-container.open .btnBg {
  width: 266%;
  height: 266%;
  opacity: 1;
  position: absolute;
  top: -85%;
  left: -85%;
  transition: all 300ms linear 200ms;
}
.button-container .button {
  /*padding: 0.14rem 0.325rem!important;*/
  padding-right: 0.07rem !important;
  background-image: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220916/发现底.png);
}
.button-container .button .buttonImg {
  position: relative;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.14rem auto 0;
  background-image: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220916/发现.png);
  background-size: cover;
  transition: all 300ms linear 0ms;
}

.button-container .button-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.button-container.open .button {
  /*padding: 0.14rem 0.338rem!important;*/
  padding-right: 0.07rem !important;
  background-image: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220916/关闭底.png) !important;
}
.button-container.open .button .buttonImg {
  transition: all 300ms linear 0ms;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0.16rem auto 0;
  background-image: url(https://telunsu-cdn.mengniu.com.cn/telunsu/active/20220916/关闭.png) !important;
}
/*.button-container.open .button span {*/
/*    width: 3px;*/
/*    background-color: #2dfbb2;*/
/*    box-shadow: 0 0 9px 2px #2dfbb2, 0 0 9px 2px #2dfbb2 inset;*/
/*    transition: margin 300ms, border-radius 300ms 600ms, height 300ms 600ms, -webkit-transform 300ms;*/
/*    transition: margin 300ms, transform 300ms, border-radius 300ms 600ms, height 300ms 600ms;*/
/*    transition: margin 300ms, transform 300ms, border-radius 300ms 600ms, height 300ms 600ms, -webkit-transform 300ms;*/
/*}*/
.buttonImg.transform {
  transform: rotate(90deg) !important;
  transition: all 300ms ease-in-out 500ms;
}

/*.button-container.open .button span:first-child, .button-container.open .button span:last-child {*/
/*    margin: 0;*/
/*    height: 30px;*/
/*    border-radius: 5px;*/
/*}*/
/*.button-container.open .button span:first-child {*/
/*    -webkit-transform: translate(-50%, -50%) rotate(45deg);*/
/*    transform: translate(-50%, -50%) rotate(45deg);*/
/*}*/
/*.button-container.open .button span:nth-of-type(2) {*/
/*    opacity: 0;*/
/*}*/
/*.button-container.open .button span:last-child {*/
/*    -webkit-transform: translate(-50%, -50%) rotate(-45deg);*/
/*    transform: translate(-50%, -50%) rotate(-45deg);*/
/*}*/
.button-container.open .button-child-wrapper {
  -webkit-transform: translateX(-70px);
  transform: translateX(-70px);
  transition-delay: 0s;
}
.button-container.open .button-child {
  /* box-shadow: 0 0 9px 2px #fc3e9f, 0 0 9px 2px #fc3e9f inset; */
  transition-delay: 500ms;
}
/*.button-container.open .button-child svg {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transition-delay: 500ms;*/
/*}*/
.button-container.open .button-child svg g {
  -webkit-animation: flicker-icon 1.5s infinite alternate;
  animation: flicker-icon 1.5s infinite alternate;
}
.button-container.open .button-child div,
.button-container.open .button-child img {
  display: block !important;
  opacity: 1 !important;
  transition: all 300ms linear 400ms;
  width: 100%;
  height: 100%;
}
.button-container.open .button-child:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.button-container.open .button-child:nth-child(2) {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.button-container.open .button-child:nth-child(3) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.button-container.open .button-child:nth-child(4) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.button-container.open .button-child:nth-child(5) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.button-container.open .button-child.wx:nth-child(2) {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.button-container.open .button-child.wx:nth-child(3) {
  -webkit-transform: rotate(-115deg);
  transform: rotate(-115deg);
}
.button-container.open .button-child.wx:nth-child(4) {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.button-container.open .button-child.wx.child:nth-child(2) {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.button-container.open .button-child.wx.haveNew:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.button-container.open .button-child.wx.haveNew:nth-child(3) {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.button-container.open .button-child.wx.haveNew:nth-child(4) {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.button-container.open .button-child.wx.child.haveNew:nth-child(2) {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.button-container.open .button-child.wx.child.haveNew:nth-child(3) {
  -webkit-transform: rotate(-115deg);
  transform: rotate(-115deg);
}
.button-container.open .button-child.wx.child.haveNew:nth-child(4) {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.button-container.open .button-child.wx:nth-child(2) .floatPop {
  transform: rotate(-30deg);
}
.button-container.open .button-child.wx:nth-child(3) .floatPop {
  transform: rotate(25deg);
}
.button-container.open .button-child.wx.child:nth-child(2) .floatPop {
  transform: rotate(0deg);
}
.button-container.open .button-child.wx.haveNew:nth-child(2) .floatPop {
  transform: rotate(-45deg);
}
.button-container.open .button-child.wx.haveNew:nth-child(3) .floatPop {
  transform: rotate(0deg);
}
.button-container.open .button-child.wx.haveNew:nth-child(4) .floatPop {
  transform: rotate(45deg);
}

.button-container.open .button-child.wx.child.haveNew:nth-child(2) .floatPop {
  transform: rotate(-30deg);
}
.button-container.open .button-child.wx.child.haveNew:nth-child(3) .floatPop {
  transform: rotate(25deg);
}

.button,
.button-child-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  /* border-radius: 50%; */
  z-index: 40;
  /*  border: 3px solid #fc3e9f;
    box-shadow: 0 0 9px 2px #fc3e9f, 0 0 9px 2px #fc3e9f inset; */
  transition: all 300ms ease-in-out 500ms;
}
.button span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  background-color: #fc3e9f;
  border-radius: 50%;
  box-shadow: 0 0 9px 2px #fc3e9f, 0 0 9px 2px #fc3e9f inset;
  transition: height 300ms, margin 300ms 600ms, background-color 600ms,
    border-radius 600ms, -webkit-transform 600ms;
  transition: height 300ms, transform 600ms, margin 300ms 600ms,
    background-color 600ms, border-radius 600ms;
  transition: height 300ms, transform 600ms, margin 300ms 600ms,
    background-color 600ms, border-radius 600ms, -webkit-transform 600ms;
}
.button span:first-child {
  margin-top: -10px;
}
.button span:last-child {
  margin-top: 10px;
}

.button-child-wrapper {
  transition: -webkit-transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5) 500ms;
  transition: transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5) 500ms;
  transition: transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5) 500ms,
    -webkit-transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5) 500ms;
  z-index: 30;
  transform: translateX(-70px);
}

.button-child {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  /* border: 3px solid #fc3e9f; */
  -webkit-transform-origin: 100px;
  transform-origin: 94px;
  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.button-child img,
.button-child div {
  width: 100%;
  height: 100%;
  transition: all 300ms linear 0ms;
}
.button-child:not(:nth-child(1)) img,
.button-child:not(:nth-child(1)) div {
  opacity: 0;
  transition: all 300ms linear 0ms;
}
.button-child:nth-child(1) img {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 35;
  opacity: 1;
  transition: all 300ms linear 100ms;
}
.button-child:nth-child(2) img {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 34;
}
.button-child:nth-child(3) img {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 33;
}
.button-child:nth-child(4) img {
  -webkit-transform: rotate(-125deg);
  transform: rotate(-125deg);
  z-index: 32;
}
.button-child:nth-child(5) img {
  -webkit-transform: rotate(-165deg);
  transform: rotate(-165deg);
  z-index: 31;
}
/*.button-child svg {*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: all 600ms cubic-bezier(0.64, 0.04, 0.35, 1) calc((-$delay)/2);*/
/*}*/
/*右下角浮窗 end*/



.reason_other_input::placeholder {
  color: rgba(0, 0, 0, 0.2);
  letter-spacing: 2px;
  font-size: 0.22rem;
}
textarea.reason_other_input::placeholder {
  color: rgba(0, 0, 0, 0.2);
  letter-spacing: 2px;
  font-size: 0.22rem;
  letter-spacing: -0.01rem;
}
.whlz input {
  color: #fff;
  color: #aa8c67;
  width: 2.5rem;
  width: 2.8rem;
}
.whlz input::placeholder {
  color: #fff;
  color: #aa8c67;
}
.whlz .tjbtn {
  position: absolute;
  bottom: 3rem;
  width: 2.5rem;
  height: 0.64rem;
  left: 1.5rem;
}


/* 转盘抽奖 */
.luckDrawMark .mcMarkBox {
  width: 100%;
  height: 100%;
  /*display: unset;*/
  /*align-items: unset;*/
  /*justify-content: unset;*/
  z-index: 112;
}

.mcMarkBox {
  width: 100%;
  height: 100%;
  display: unset;
  align-items: unset;
  justify-content: unset;
  background-color: transparent;
  z-index: 112;
}

.dzpBox {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0rem;
  /*padding: 0.03rem;*/
  /*position: relative;*/
  position: absolute;
  top: 0.3rem;
  left: 0.99rem;
  z-index: 9;
  /*transform: scale(0.8);*/
}

.dzpBox .circle {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0913/zhuanpan-1.png?v=001");
  background-size: 1.5rem 1.5rem;
}

.dzpBox .circleBtn {
  display: block;
  width: 0.4rem;
  height: 0.51rem;
  position: absolute;
  left: 0.55rem;
  top: 0.5rem;
  background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0913/zz-1.png?v=000");
  background-size: 0.4rem 0.51rem;
  z-index: 444;
}

.circleBG {
  display: block;
  width: 2.88rem;
  height: 2.88rem;
  position: absolute;
  left: -0.05rem;
  top: -0.08rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/20221115/指针背景.png")
    no-repeat;
  background-size: 2.88rem 2.88rem;
  z-index: 333;
  transform: rotate(180deg);
}
/* 转盘抽奖 end */

/*个人信息*/
.userCon {
  width: 6.9rem;
  height: 3rem;
  margin: 1.2rem auto 0rem;
  z-index: 2;
  position: relative;
}
.userCon .userInfoBox {
  width: 7.6rem;
  height: 4.25rem;
  background-size: 7.6rem 4.25rem;
  background-repeat: no-repeat;
  background-image: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0303/bg1.png?v=003");
  position: relative;
  margin: 0 -0.3rem;
}

.userCon .userInfo {
  width: 6.6rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.05rem 0rem 0.2rem 0.1rem;
  margin: 0 auto;
  /*border-bottom: 0.01rem solid #0A47AE;*/
}
.userCon .userInfo .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: -0.5rem;
}
.userCon .userInfo .left .left-item{
  width: 1.02rem;
  height: 1.02rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:space-between;
  /*background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0129/kuang.png") no-repeat;*/
  /*background-size: 1.15rem 1.04rem;*/
}
.userCon .userInfo .left img {
  width: 1.2rem;
  height: 0.37rem;
  margin: 0.05rem auto;
}
.userCon .userInfo .left img.headImg {
  width: 0.94rem;
  height: 0.94rem;
  border-radius: 50%;
  /*border: 0.06rem solid #ffffff;*/
  margin: 0.04rem 0rem 0 0rem;
}
.userCon .userInfo .left img.headImgBox{
  width: 1.2rem;
  height: 1.3rem;
  position: absolute;
  top: -0.2rem;
  left: -0.1rem;
  margin: 0;
}
.userCon .userInfo .left img.headImgBox1{
  width: 1.36rem;
  height: 1.25rem;
  position: absolute;
  top: -0.09rem;
  left: -0.2rem;
  margin: 0;
}
.userCon .userInfo .name {
  width: 1.2rem!important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
  /*margin: 0.03rem 0 0.08rem;*/
  color: #d09c5b;
  font-size: 0.2rem;
  font-weight: 600;
  /*font-family: FZLTHJT;*/
}

.userCon .userInfo .role {
  width: 1.2rem;
  height: 0.37rem;
}
.userCon .userInfo .name div {
  /*width: 4.8rem;*/
  width: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.userCon .name img {
  width: 0.51rem;
  height: 0.25rem;
  margin-top: 0.02rem;
}

.userCon .userInfo .right {
  width: 5.3rem;
  height: 0.55rem;
  color: #d3bba0;
  white-space: nowrap;
  text-align: end;
  display: flex;
}
.userCon .userInfo .tip {
  width: 4rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  /*margin-top: 0.1rem;*/
  align-items: center;
  margin-left: 0.21rem;
}
.userCon .userInfo .tip .img1 {
  width: 2.69rem;
  height: 0.2rem;
}
.userCon .userInfo .tip .img2 {
  width: 1.82rem;
  height: 0.33rem;
}
.userCon .userInfo .tip .img3 {
  width: 5.48rem;
  height: 0.3rem;
}
.userCon .userInfo .right .img1 {
  width: 2.69rem;
  height: 0.2rem;
}
.userCon .userInfo .right .login {
  width: 1.22rem;
  height: 0.33rem;
}
/*个人信息 end*/

/*秒杀*/
.sqbjMS {
  width: 3.3rem;
  height: 6.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0rem;
  left: 0rem;
  border-radius: 0.2rem;
  z-index: 999 !important;
}
.sqbjMS .chuo{
  width: 2rem;
  height: 1.98rem;
  background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/0807/chuoT10.png?v=00') no-repeat;
  background-size: 2rem 1.98rem;
  overflow: hidden;
}
.sqbjMS .chuo10{
  width: 2rem;
  height: 1.98rem;
  background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/0807/chuo10.png?v=00') no-repeat;
  background-size: 2rem 1.98rem;
  overflow: hidden;
}
.stepBg {
  width: 1.04rem;
  height: 0.65rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0327/stepBg.png?v=003") no-repeat;
  background-size: 1.04rem 0.65rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  z-index: 2 !important;
  display: block;
}
/*秒杀 end*/


.timedown[coupontype="12"] {
  top: 3.85rem;
  right: 1.1rem;
}
.timedown[coupontype="10"] {
  top: 3.75rem;
  right: 1.1rem;
}
.timedown[coupontype="16"] {
  top: 3.95rem;
  right: 1.1rem;
}



.swiper-pagination {
  width: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem;
  opacity: 0.4 !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}


.mood-container {
  width: 2.69rem !important;
  height: 0.2rem;
  overflow: hidden;
  position: relative;
}
.mood-content {
  width: 2.69rem;
  height: 0.2rem;
}
.mood-item {
  width: 2.69rem;
  height: 0.21rem;
  display: flex;
  justify-content: space-between;
}
.mood-item .row-2 {
  width: 2.69rem;
  height: 0.2rem;
  text-align: center;
  position: relative;
}


.flowerBox {
  background-size: 6.96rem 6.07rem !important;
  width: 6.96rem;
  height: 6.07rem;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  text-align: center;
}
.jkfxwxsk1 {
  width: 6.96rem;
  height: 3.17rem;
  display: block;
  margin: 0rem auto;
  background-image:url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12025/0830/bg1.png');
  background-repeat: no-repeat;
  background-size: 6.96rem 3.17rem;
}


#lb1-8 img{
  width: 6.6rem!important;
  height: 3rem!important;
  border-radius: 1rem 1rem 0 0!important;
}
#lb1-8 .swiper-slide img{
  border-radius: 1rem 1rem 0 0!important;
}
#lb1-8-2 .swiper-slide img{
  transform: scale(0.75)!important;
  transition: all 0.3s;
}
#lb1-8-2 .swiper-slide.swiper-slide-active img{
  transform: scale(1)!important;
  transition: all 0.3s;
}

#lb1-8-2 .swiper-slide.swiper-slide-active .yuan{
  background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0129/yuan.png?v=004') no-repeat;
  background-size: 1.3rem 1.3rem;
  background-position: 0rem 0.08rem;
  transition: all 0.5s;
}
/*#lb1-8-2 img{*/
/*  width: 1.46rem!important;*/
/*  height: 1.55rem!important;*/
/*}*/
/*#lb1-8-2 img.small{*/
/*  width: 1.46rem!important;*/
/*  height: 1.55rem!important;*/
/*}*/

.txyShop11{
  width: 6.6rem;
  height: 3rem;
  margin: 0 auto;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0303/img5-5.png?v=1") no-repeat;
  background-size: 6.6rem 3rem;
  position: relative;
}

.scale{
  /*transform: scale(1.2);*/
  transition: all 1.5s .6s ease;
}

.l-box{
  width: 7rem;
  height: 3.53rem;
  /*background: url(https://telunsu-cdn.mengniu.com.cn/tls/1/a/b/1/a7.png) no-repeat center center;*/
  background-size: 6.72rem 4.34rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  /*transform: translate(-50%, -50%);*/
}
.y1{
  position: absolute;
  top: -2.2rem;
  right: 0.4rem;
  width: 1.38rem;
  height: 1.66rem;
  transform: scale(0);
  z-index: 10;
}
.l-box.open .y1{
  transform: scale(1);
  transition: all 2s ease;
}
.y2{
  position: absolute;
  top: -1.5rem;
  left: 0.1rem;
  width: 0.83rem;
  height: 0.99rem;
  transform: scale(0);
  z-index: 10;
}
.l-box.open .y2{
  transform: scale(1);
  transition: all 1.5s ease;
}
.l-box.open{
  transition: all 1.5s ease;
}
.l-box .a{
  position: absolute;
  top: -0.3rem;
  width: 7.04rem;
  height: 3.52rem;
  z-index: 1;
}
.l-box .f{
  position: absolute;
  width: 7.01rem;
  height: 3.2rem;
  z-index: -1;
}
.l-box .b{
  position: absolute;
  width: 7.01rem;
  height: 2.28rem;
  transform-origin:top;
  z-index: 2;
  /*top: 0.02rem;*/
}

.l-box .d{
  position: absolute;
  width: 6.51rem;
  height: 7.86rem;
  top: .51rem;
  left: 1.6rem;
}
.l-box.close1 .b{
  transform: rotateX(0deg);
  transition: all 1s .6s ease;
}
.l-box.open .b{
  transform: rotateX(180deg);
  transition: all 1s ease;
  z-index: 0;
}
.l-box .e{
  position: absolute;
  width: 6.26rem;
  height: 4.06rem;
  left: 0.4rem;
  top: .2rem;
  background: url("https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0129/1111.png") no-repeat center top;
  background-size: 6.26rem 4.06rem;
  opacity: 0;
  transform: scale(0.5);
}
.l-box .e.up{
  transition: all 1s .6s ease, z-index .6s;
  width: 6.26rem;
  height: 4.06rem;
  background-size: 6.26rem 4.06rem;
  top: -2rem;
  left: 0.4rem;
  transform: scale(1);
  /*z-index: 5;*/
}
.huoqi{
  width: 3rem;
  height: 2rem;
  position: absolute;
  top: 1.9rem;
  left: 2rem;
  z-index: 9;
}
.huoqi.act{
  animation: op0 1.5s .5s ease forwards;
}
.img-2{
  width: 0.75rem;
  height: .72rem;
  position: absolute;
  left: 1.125rem;
  top: 0rem;
}
.ani-a{
  animation: move1 0.7s 0.7s ease forwards;
}
.ani-c{
  animation: move3 0.7s 1.7s ease forwards;
}
@keyframes move1 {
  from{
    top: 0;
  }
  to{
    top: 0.5rem;
  }
}
@keyframes move1a {
  from{
    top: 3rem;
  }
  to{
    top: 1.8rem;
    /*transform: rotate(5deg);*/
  }
}

@keyframes move3 {
  from{
    top: -1.5rem;
  }
  to{
    top: -1.2rem;
  }
}

#nanguaFloat.out{
  right: -1.5rem!important;
  /*transition: all 200ms linear 1500ms;*/
  transition: all 300ms linear 200ms!important;
}

.GTXAnswer{
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
}
.GTXAnswer img{
  width: 0.33rem;
  height: 0.3rem;
}