@charset "UTF-8";
html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
  color: #3E403F;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

img {
  vertical-align: middle;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

em, i {
  font-style: normal;
}

img {
  max-width: 100%;
  border: 0;
}

input:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul, li {
  list-style: none;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  color: #3E403F;
}

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

.cf {
  min-height: 1%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.break {
  word-break: break-all;
  word-wrap: break-word;
}

html {
  font-size: 100px;
  font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33333px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 721px) and (max-width: 750px) {
  html {
    font-size: 100px;
    font-size: 13.33333vw;
  }
}

@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
}

.box {
  width: 7.5rem;
  margin: 0 auto;
}

.De-head {
  position: relative;
}

.De-head .head-top-white {
  display: none;
}

.De-head .head-top {
  display: none;
  width: 7.5rem;
  height: 2.24rem;
}

.De-head .head-nav2 {
  display: none;
}

.head-no .De-head .head-top-white {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  display: none;
  width: 7.5rem;
  height: 1.84rem;
  z-index: 99;
  background-color: #fff;
}

.head-no .De-head .head-top {
  display: block;
  width: 7.5rem;
  height: 1.84rem;
}

.head-no .De-head .head-top .head-nav {
  height: 100%;
}

.head-no .De-head .head-nav2 {
  width: 7.5rem;
  height: 1.86rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 14;
  background-color: #fff;
}

.head-no .De-head .barrage {
  position: relative !important;
  bottom: 0;
  left: 0;
  margin-top: 0.24rem;
}

.head-no .De-head .danmu-box {
  position: relative !important;
  bottom: 0;
  left: 0;
  margin-top: 0.24rem;
}

.head-no .shop {
  margin-top: 0.24rem;
  padding-top: 0.24rem;
}

.head-btn {
  position: absolute;
  top: 0.72rem;
  right: 0.64rem;
  width: 1.88rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

.head-btn img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  margin: 0 0.08rem 0 0.04rem;
}

.head-btn p {
  font-size: 0.22rem;
  color: #3E403F;
  line-height: 0.24rem;
}

.shopSwiper {
  width: 7.5rem;
  height: auto;
  margin: 0 auto;
}

.shopSwiper .swiper-slide {
  width: 7.5rem;
}

.shopSwiper .swiper-slide img {
  width: 100%;
  height: auto;
}

.shopSwiper .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  background: #fff;
}

.barrage {
  position: absolute !important;
  width: 7.5rem;
  bottom: 0.89rem;
  left: 0;
  z-index: 999;
  width: 100%;
  margin: 0.4rem auto 0;
  overflow: hidden;
}

.barrage .swiper-slide {
  width: auto;
  overflow: hidden;
  height: 0.4rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  padding-right: 0.2rem;
}

.barrage .swiper-slide img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  margin: 0 0.08rem 0 0.04rem;
}

.barrage .swiper-slide p {
  line-height: 0.28rem;
  color: #3E403F;
  font-size: 0.2rem;
  display: flex;
}

.barrage .swiper-slide p a {
  display: block;
}

.danmu-box {
  position: absolute !important;
  width: 7.5rem;
  bottom: 0.89rem;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow: hidden;
}

.danmu-box.on {
  opacity: 1;
}

.danmu-content {
  width: 7.5rem;
  height: 0.4rem;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.danmu-content ul {
  white-space: nowrap;
  font-size: 0;
  -webkit-transition: all .02s;
  transition: all .02s;
}

.danmu-content li {
  height: 0.4rem;
  display: inline-block;
  margin-bottom: 0.1rem;
  font-size: 0.2rem;
}

.danmu-content li span {
  float: right;
  height: 0.4rem;
  border-radius: 0.56rem;
  padding: 0 0.1rem;
  line-height: 0.4rem;
  margin-right: 0.2rem;
  padding-left: .44rem;
  position: relative;
  color: #6c6467;
  background-size: auto 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-right: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.2rem;
}

.danmu-content li span em {
  display: flex;
  align-items: center;
  color: #3E403F;
}

.danmu-content li span em i {
  max-width: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.danmu-content li span img {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  margin-top: -0.16rem;
  left: .05rem;
}

.top-nav {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  top: 0;
  width: 7.5rem;
  height: 1.03rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 997;
  margin-top: -0.22rem;
}

.top-nav a {
  font-size: 0.26rem;
  color: #7A7D7A;
  margin: 0 0.24rem;
}

.top-nav .on {
  position: relative;
  font-size: 0.3rem;
  font-weight: bold;
  color: #131715;
}

.top-nav .on::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -0.16rem;
  bottom: -0.14rem;
  width: 0.32rem;
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: #23C268;
}

.top-nav-hi {
  display: none;
}

.shop {
  position: relative;
  z-index: 2;
  width: 7.5rem;
  background-color: #F2F3F5;
  border-radius: 0.2rem 0.2rem 0 0;
  margin-top: -0.25rem;
  padding-top: 0.54rem;
  box-sizing: border-box;
}

.shop .shop-item {
  position: relative;
  width: 6.86rem;
  margin: 0 auto;
  background-color: #fff;
}

.shop .shop-item::after {
  content: "";
  position: absolute;
  top: -0.22rem;
  left: 50%;
  margin-left: -3.52rem;
  width: 7.04rem;
  height: 0.48rem;
  background: url("../images/shop-top.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop .shop-item .item {
  width: 6.48rem;
  margin: 0 auto;
  display: flex;
  padding-top: 0.46rem;
  margin-left: 0.32rem;
  box-sizing: border-box;
}

.shop .shop-item .item img {
  width: 2.72rem;
  height: 1.60rem;
  border-radius: 0.2rem;
  margin-right: 0.32rem;
}

.shop .shop-item .item .item-info span {
  display: block;
  width: 3rem;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #131715;
  margin-top: 0.08rem;
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop .shop-item .item .item-info p {
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
}

.shop .shop-item .item .item-info p a {
  color: #EE8E1A;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.36rem;
  margin-right: 0.04rem;
}

.shop .shop-item .item .item-info p i {
  color: #EE8E1A;
  font-size: 0.2rem;
  line-height: 0.24rem;
  margin-top: 0.06rem;
}

.shop .shop-item .item .item-info p em {
  margin-left: 0.16rem;
  font-size: 0.2rem;
  line-height: 0.24rem;
  text-decoration: line-through;
  color: #CFD1D0;
  margin-top: 0.06rem;
}

.shop .shop-text-con {
  width: 6.86rem;
  box-sizing: border-box;
  padding: 0.24rem 0.32rem 0.30rem;
  margin: 0 auto 0;
  background-color: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
}

.shop .cdkTips {
  display: flex;
  align-items: center;
  margin-top: 0.28rem;
}

.shop .cdkTips i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-about2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop .cdkTips span {
  color: #A7A8A7;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.shop .shop-text {
  display: flex;
  max-height: 0.95rem;
  overflow: hidden;
  line-height: 0.38rem;
}

.shop .shop-text > div {
  position: relative;
  overflow: hidden;
}

.shop .shop-text > div::before {
  content: '';
  float: left;
  width: 0.01rem;
  height: 100%;
  margin-bottom: -0.43rem;
}

.shop .shop-text > div img {
  display: block;
  float: left;
  width: 0.84rem;
  height: 0.32rem;
  vertical-align: top;
  margin-top: 0.06rem;
  margin-right: 0.12rem;
}

.shop .shop-text > div span {
  display: block;
  vertical-align: top;
  font-size: 0.26rem;
  line-height: 0.50rem;
  color: #3E403F;
  width: 6.2rem;
}

.shop .shop-text > div a {
  float: right;
  clear: both;
  position: relative;
  font-size: 0.26rem;
  color: #0AAC3C;
  margin-right: 0.1rem;
  padding-left: 0.15rem;
  line-height: 0.42rem;
}

.shop .shop-text > div a::after {
  content: '...';
  position: absolute;
  left: 0;
  top: -0.06rem;
  color: #7b7b7b;
  transform: translateX(-50%);
}

.parmet {
  width: 6.86rem;
  margin: 0.16rem auto;
  border-radius: 0.2rem;
  background-color: #fff;
  padding: 0.16rem 0.32rem;
  box-sizing: border-box;
}

.parmet ul li {
  height: 0.82rem;
  display: flex;
  align-items: center;
}

.parmet ul li:nth-child(1) {
  margin-top: 0;
}

.parmet ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.parmet ul li span {
  display: block;
  font-size: 0.28rem;
  color: #A7A8A7;
  line-height: 0.34rem;
  margin-right: 0.32rem;
  min-width: 1.18rem;
  text-align: justify;
  text-align-last: justify;
}

.parmet ul li p {
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #131715;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.parmet ul li .pa-con {
  flex: 1;
}

.parmet ul li .pa-con .pa-zz {
  position: relative;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.parmet ul li .pa-con .pa-zz::before {
  content: "";
  position: absolute;
  right: -0rem;
  top: 0;
  width: 0.6rem;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.parmet ul li .pa-con .pa-con-img {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-right: 0.08rem;
  max-width: 2.16rem;
}

.parmet ul li .pa-con .pa-con-img::before {
  content: "";
  position: absolute;
  right: -0.2rem;
  top: 0;
  width: 0.6rem;
  height: 0.64rem;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.parmet ul li .pa-con .pa-con-img img {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.12rem;
  margin-right: 0.12rem;
}

.parmet ul li i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.parmet ul li .pa-con {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.parmet ul li .pa-con .pa-con-icon {
  position: relative;
  width: 5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.parmet ul li .pa-con .pa-con-icon::before {
  content: "";
  position: absolute;
  right: -0rem;
  top: 0;
  width: 0.6rem;
  height: 100%;
  z-index: 5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.parmet ul li .pa-con .pa-con-icon p {
  white-space: nowrap;
}

.parmet ul li .pa-con .pa-con-icon em {
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #131715;
  white-space: nowrap;
}

.parmet ul li .pa-con .pa-con-icon .icon-y {
  flex-shrink: 0;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-y.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.parmet ul li .pa-con .pa-con-icon .line {
  flex-shrink: 0;
  width: 0.12rem;
  height: 0.02rem;
  background-color: #CFD1D0;
  margin: 0 0.32rem;
}

.parmet ul li .pa-con .pa-con-icon .icon-n {
  flex-shrink: 0;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-n.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.gift ul li .pa-con {
  flex: 1;
}

.gift ul li .pa-con p {
  position: relative;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gift ul li .pa-con p::before {
  content: "";
  position: absolute;
  right: -0rem;
  top: 0;
  width: 0.6rem;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.team {
  position: relative;
  width: 6.22rem;
  height: 2.84rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  background-color: #F9FFFB;
  border: 1px solid #134151;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0 0.32rem;
}

.team .team-t-box {
  position: relative;
  display: flex;
}

.team .team-t1 {
  position: relative;
  width: auto;
  margin: -1px 0 0 -1px;
  height: 0.4rem;
  font-size: 0.2rem;
  color: #134151;
  display: flex;
  align-items: center;
  background: url("../images/team-t1.png") no-repeat 0 0;
  background-size: auto 100%;
  z-index: 1;
}

.team .team-t1 em {
  width: 0.23rem;
  height: 0.18rem;
  margin: 0 0.06rem;
  background: url("../images/icon-team.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t1::before {
  position: absolute;
  top: 0;
  right: -0.2rem;
  content: "";
  width: 0.2rem;
  height: 0.4rem;
  background: url("../images/team-tips1.png") no-repeat 0 0;
  background-size: auto 100%;
}

.team .team-t2 {
  position: relative;
  width: auto;
  height: 0.4rem;
  margin: -1px 0 0 0;
  line-height: 0.36rem;
  font-size: 0.2rem;
  padding-left: 0.24rem;
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: end;
  background: url("../images/team-t2.png") no-repeat 0 0;
  background-size: auto 100%;
  z-index: 0;
}

.team .team-t2 a {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.08rem;
  background: url("../images/icon-qu.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t2::before {
  position: absolute;
  top: 0;
  right: -0.3rem;
  content: "";
  width: 0.34rem;
  height: 0.4rem;
  z-index: -1;
  background: url("../images/team-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up {
  position: relative;
  display: flex;
  height: 1.8rem;
}

.team .team-up .team-line {
  position: absolute;
  top: 0.7rem;
  left: 0.4rem;
  display: flex;
}

.team .team-up .team-line i {
  display: block;
  width: 1.8rem;
  height: 0.04rem;
  border-radius: 0.25rem;
  background-color: #E4F3EB;
}

.team .team-up .team-line .on {
  background-color: #30C376;
}

.team .team-up .team-line .icon-v1 {
  position: absolute;
  left: 1.64rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.17rem;
  height: 0.2rem;
  background: url("../images/icon-v1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .team-line .icon-v2 {
  position: absolute;
  left: 3.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.17rem;
  height: 0.2rem;
  background: url("../images/icon-v1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-left {
  position: absolute;
  width: 1.12rem;
  top: 0.3rem;
  left: 0.4rem;
}

.team .team-up .tu-left i {
  display: block;
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../images/icon-e1-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-left a {
  display: block;
  width: 1.12rem;
  height: 0.44rem;
  font-size: 0.2rem;
  line-height: 0.44rem;
  text-align: center;
  color: #fff;
  border-radius: 0.24rem;
  margin-top: 0.08rem;
  background: linear-gradient(to right, #30C376, #00DE73);
}

.team .team-up .tu-con {
  position: absolute;
  top: 0.3rem;
  left: 2.7rem;
}

.team .team-up .tu-con i {
  display: block;
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../images/icon-rw-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con .con-btn-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.team .team-up .tu-con .con-btn {
  max-width: 2rem;
  padding-right: 0.16rem;
  line-height: 0.44rem;
  background: linear-gradient(to right, #30C376, #00DE73);
  border-radius: 0.24rem;
  margin-top: 0.08rem;
  display: flex;
  align-items: center;
}

.team .team-up .tu-con .con-btn div {
  float: left;
  width: 1rem;
  display: flex;
  justify-content: center;
  margin-left: 0.04rem;
}

.team .team-up .tu-con .con-btn div img {
  display: block;
  flex-shrink: 0;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin-left: -0.1rem;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.team .team-up .tu-con .con-btn div .icon-img-add {
  border: 0;
}

.team .team-up .tu-con .con-btn em {
  white-space: nowrap;
  font-size: 0.2rem;
  color: #fff;
}

.team .team-up .tu-con2 .con-btn {
  max-width: 2rem;
  background: linear-gradient(to right, #FC9215, #FFB415);
}

.team .team-up .tu-right {
  position: absolute;
  width: 1.12rem;
  top: 0.3rem;
  right: 0.5rem;
}

.team .team-up .tu-right i {
  display: block;
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../images/icon-g-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-right p {
  text-align: center;
  margin-top: 0.16rem;
  font-size: 0.2rem;
  color: #3E403F;
  line-height: 0.24rem;
}

.team .team-up .tu-con-un {
  top: 0.4rem;
  left: 2.78rem;
}

.team .team-up .tu-con-un i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-rw.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-un .on {
  position: relative;
}

.team .team-up .tu-con-un .on::after {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-un p {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 0.20rem;
  line-height: 0.24rem;
  color: #7A7D7A;
  margin-top: 0.16rem;
}

.team .team-up .tu-on {
  top: 0.38rem;
  left: 0.4rem;
}

.team .team-up .tu-on i {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-e1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-on i::before {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-on a {
  background: none;
  color: #7A7D7A;
  height: auto;
  line-height: 0.24rem;
  margin-top: 0.16rem;
  font-size: 0.2rem;
  text-align: center;
}

.team .team-up .tu-right-un {
  top: 0.38rem;
  right: 0.46rem;
}

.team .team-up .tu-right-un p {
  color: #7A7D7A;
}

.team .team-up .tu-right-un i {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .text {
  display: inline-block;
  padding: 0.04rem 0.04rem;
  background: linear-gradient(to right, #30C376, #00DE73);
  border-radius: 0.24rem;
  margin-top: 0.5rem;
}

.team .text div {
  float: left;
  height: 0.3rem;
  display: flex;
}

.team .text div img {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin-right: -0.1rem;
}

.team .text i {
  float: left;
  font-size: 0.2rem;
  color: #fff;
}

.team .team-time {
  width: 4.34rem;
  height: 0.32rem;
  margin: 0 auto;
  line-height: 0.32rem;
  color: #134151;
  white-space: nowrap;
  font-size: 0.2rem;
  text-align: center;
  background: linear-gradient(to right, rgba(255, 246, 36, 0), rgba(255, 246, 36, 0.08), rgba(255, 246, 36, 0.08), rgba(255, 246, 36, 0));
  border-radius: 0.2rem;
}

.address {
  width: 6.86rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  margin-bottom: 0.16rem;
  background: linear-gradient(to right, #FFF8EB, #FFFFFF);
  padding: 0.24rem 0.32rem 0.23rem;
  box-sizing: border-box;
}

.address p {
  font-size: 0.26rem;
  line-height: 0.40rem;
  color: #3E403F;
}

.warm-tips {
  width: 6.86rem;
  margin: 0.16rem auto;
  padding: 0.4rem 0.32rem 0.44rem;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: #fff;
}

.warm-link {
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: #0AAC3C;
  margin-top: 0.04rem;
  position: relative;
  padding-left: 0.30rem;
}

.warm-link::before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  left: 0rem;
  top: 50%;
  margin-top: -0.10rem;
  background: url("../images/icon-link.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.warm-link img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.03rem;
}

.De-title {
  display: flex;
  align-items: center;
}

.De-title img {
  margin-right: 0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  flex-shrink: 0;
  margin-top: -0.03rem;
}

.De-title span {
  font-size: 0.30rem;
  line-height: 0.34rem;
  color: #131715;
  font-weight: bold;
}

.De-text {
  font-size: 0.26rem;
  line-height: 0.44rem;
  color: #3E403F;
  margin-top: 0.27rem;
}

.De-text a {
  color: #0AAC3C;
}

.De-text2 {
  font-size: 0.26rem;
  line-height: 0.44rem;
  color: #3E403F;
  margin-top: 0.22rem;
}

.De-text2 a {
  color: #0AAC3C;
}

.De-text2:nth-child(2) {
  margin-top: 0.27rem;
}

.act-link {
  width: 6.86rem;
  padding: 0.24rem 0.32rem;
  box-sizing: border-box;
  background: linear-gradient(to right, #F1FFF5, #FFFFFF);
  display: flex;
  align-items: center;
  margin: 0 auto;
  border-radius: 0.2rem;
}

.act-link span {
  color: #0AAC3C;
  font-size: 0.26rem;
  flex-shrink: 0;
}

.act-link i {
  width: 0.02rem;
  height: 0.26rem;
  background-color: #C8D2CB;
  margin: 0 0.16rem;
}

.act-link p {
  width: 5.04rem;
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: #3E403F;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.act-link em {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.1rem;
  background: url("../images/icon-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.sim-shop {
  width: 6.86rem;
  margin: 0.16rem auto;
  padding: 0.4rem 0 0.6rem;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: #fff;
}

.sim-shop .De-title {
  margin-left: 0.32rem;
}

.sim-shop .sim-Swiper {
  width: 100%;
  margin-top: 0.28rem;
}

.sim-shop .sim-Swiper .swiper-slide {
  background-color: #fff;
  width: 2.72rem;
  height: 3.12rem;
  border-radius: 0.16rem;
  margin: 0 0.12rem;
}

.sim-shop .sim-Swiper .swiper-slide:nth-child(1) {
  margin-left: 0.24rem;
}

.sim-shop .sim-Swiper .swiper-slide img {
  width: 2.72rem;
  height: 1.6rem;
  border-radius: 0.16rem;
  margin-bottom: 0.16rem;
}

.sim-shop .sim-Swiper .swiper-slide .con {
  padding: 0 .16rem .24rem;
  border-top: none;
}

.sim-shop .sim-Swiper .swiper-slide .con .title {
  height: .72rem;
  font-size: .24rem;
  line-height: .36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #3E403F;
}

.sim-shop .sim-Swiper .swiper-slide .con .title span {
  display: inline-block;
  vertical-align: middle;
  height: .28rem;
  box-sizing: border-box;
  padding: 0 .06rem;
  background: rgba(255, 162, 36, 0.08);
  border: 1px solid #FFA224;
  line-height: .28rem;
  font-size: .2rem;
  color: #EE8E1A;
  border-radius: .08rem;
  margin-right: .08rem;
  margin-top: -.05rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .title .sp-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .08rem;
  margin-top: -.05rem;
  height: .28rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .title .i-tag {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: .08rem;
  margin-top: -.08rem;
  margin-bottom: 0;
  height: 0.28rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .info {
  margin-top: .24rem;
  height: .3rem;
  display: flex;
  align-items: center;
}

.sim-shop .sim-Swiper .swiper-slide .con .info p {
  font-size: .24rem;
  color: #131715;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: .3rem;
  line-height: .32rem;
  overflow: hidden;
}

.sim-shop .sim-Swiper .swiper-slide .con .info p span {
  height: .3rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .info p .sp-spec {
  font-size: .24rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .info p .sp-spec i {
  font-size: .24rem;
  font-weight: bold;
  margin-right: .04rem;
  letter-spacing: -.02rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .info p .sp-cost {
  color: #CFD1D0;
  font-size: .2rem;
  text-decoration: line-through;
  margin-left: .08rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .info .sp-discount {
  flex-shrink: 0;
  width: .28rem;
  height: .28rem;
  text-align: center;
  border-radius: .06rem;
  background: linear-gradient(270deg, #FC9215 -1.59%, #FFB415 100%);
  line-height: .3rem;
  font-size: .18rem;
  color: #fff;
  margin-left: .06rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info {
  height: .4rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  margin: .16rem 0 0;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize {
  flex-shrink: 0;
  font-size: 0;
  color: #131715;
  font-size: .2rem;
  display: flex;
  align-items: flex-start;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize .i-type {
  font-size: .18rem;
  -webkit-text-stroke-width: .2pt;
  height: .4rem;
  line-height: .42rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize .i-val {
  height: .4rem;
  font-size: .18rem;
  display: flex;
  align-items: baseline;
  margin-top: -.04rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize .i-val span {
  font-weight: bold;
  height: .4rem;
  line-height: .42rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize .i-val .sp1 {
  font-size: .288rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-prize .i-val .sp2 {
  font-size: .19rem;
  margin-right: 0.02rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-cost {
  flex-shrink: 0;
  color: #CFD1D0;
  font-size: 0.2rem;
  text-decoration: line-through;
  margin-left: 0.08rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-discount {
  flex-shrink: 0;
  width: .28rem;
  height: .28rem;
  text-align: center;
  border-radius: .06rem;
  background: linear-gradient(270deg, #E0F842 -1.59%, #E0F842 100%);
  line-height: .3rem;
  font-size: .18rem;
  color: #131715;
  margin-left: 0.08rem;
}

.sim-shop .sim-Swiper .swiper-slide .con .pay-info .sp-low {
  height: .28rem;
  line-height: .28rem;
  border-radius: .1rem;
  background: rgba(255, 77, 13, 0.1);
  padding: 0 .04rem;
  color: #FF4D0D;
  font-size: .18rem;
  margin-left: .04rem;
}

.detail-shop {
  width: 6.86rem;
  margin: 0.16rem auto;
  padding: 0.4rem 0.32rem 0.4rem;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: #fff;
}

.detail-shop .d-shop-img {
  width: 6.22rem;
  height: auto;
  border-radius: 0.2rem;
  margin-top: 0.26rem;
}

.store-tips {
  width: 6.86rem;
  margin: 0.16rem auto;
  padding: 0.40rem 0.32rem 0.4rem;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: #fff;
}

.De-more-title {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.28rem;
  margin: 0.52rem 0 0.3rem;
  width: 7.5rem;
  height: 0.76rem;
  background: url("../images/s-tit.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.De-more-title span {
  font-size: 0.24rem;
  color: #0AAC3C;
  position: relative;
}

.De-more-title span::after {
  content: "";
  position: absolute;
  width: 0.14rem;
  height: 0.12rem;
  top: 0.1rem;
  left: -0.24rem;
  background: url("../images/t-left.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.De-more-title span::before {
  content: "";
  position: absolute;
  width: 0.14rem;
  height: 0.12rem;
  top: 0.1rem;
  right: -0.24rem;
  background: url("../images/t-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.more-list {
  display: flex;
  flex-wrap: wrap;
}

.more-list li {
  width: 3.28rem;
  height: 3.58rem;
  border-radius: 0.16rem;
  border: 1px solid #EEEEEE;
  margin-left: 0.3rem;
  margin-bottom: 0.3rem;
  background-color: #fff;
}

.more-list li img {
  width: 3.28rem;
  height: 1.92rem;
  border-radius: 0.16rem 0.16rem 0 0;
}

.more-list li .more-p {
  width: 2.88rem;
  margin: 0.18rem auto 0.26rem;
  height: 0.72rem;
}

.more-list li .more-p p {
  font-size: 0.24rem;
  font-weight: bold;
  color: #3E403F;
  line-height: 0.36rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.more-list li .price1 {
  width: 2.88rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.more-list li .price1 a {
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #EE8E1A;
}

.more-list li .price1 a em {
  font-weight: bold;
}

.more-list li .price1 span {
  flex: 1;
  font-size: 0.2rem;
  color: #CFD1D0;
  text-decoration: line-through;
  line-height: 0.28rem;
  margin-left: 0.06rem;
}

.more-list li .price1 i {
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/icon-z.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.more-list li .price2 {
  width: 2.88rem;
  margin: 0 auto;
}

.more-list li .price2 p {
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #EE8E1A;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.more-list li .price2 p em {
  font-weight: bold;
}

.more-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .4rem 0;
  margin-top: .2rem;
}

.more-link a {
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #7A7D7A;
}

.more-link i {
  width: 0.18rem;
  height: 0.18rem;
  margin-left: 0.16rem;
  margin-top: -0.04rem;
  background: url("../images/icon-right2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.bom {
  width: 7.5rem;
  height: 1.79rem;
}

.bom-on {
  height: 1rem;
}

.tab-shop {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -3.75rem;
  z-index: 99;
}

.tab-shop .shop-off-tips {
  position: absolute;
  top: -0.64rem;
  left: 0;
  text-align: center;
  line-height: 0.64rem;
  height: 0.64rem;
  width: 7.5rem;
  font-size: 0.28rem;
  background: #7A7D7A;
  color: #fff;
}

.tab-shop .tab-time {
  width: 7.5rem;
  height: 0.96rem;
  margin-bottom: -0.18rem;
  background: url("../images/time-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 0.4rem 0 0.32rem;
  display: flex;
  justify-content: flex-end;
}

.tab-shop .tab-time p {
  position: absolute;
  left: 0.32rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #EE8E1A;
  margin-top: 0.22rem;
  white-space: nowrap;
}

.tab-shop .tab-time .tab-date {
  display: flex;
  align-items: center;
  margin-top: 0.18rem;
  height: 0.44rem;
}

.tab-shop .tab-time .tab-date i {
  width: 0.38rem;
  height: 0.44rem;
  border-radius: 0.08rem;
  background-color: #FD9416;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.44rem;
  text-align: center;
  color: #fff;
  flex-shrink: 0;
}

.tab-shop .tab-time .tab-date span {
  font-size: 0.2rem;
  line-height: 0.32rem;
  color: #EE8E1A;
  white-space: nowrap;
  margin: 0 0.16rem 0 0.04rem;
}

.tab-shop .tab-time .tab-date a {
  font-size: 0.2rem;
  line-height: 0.32rem;
  color: #EE8E1A;
  margin-left: 0.16rem;
  white-space: nowrap;
}

.tab-shop .tab-time .tab-date em {
  font-size: 0.2rem;
  line-height: 0.32rem;
  color: #EE8E1A;
  font-weight: bold;
  margin: 0 0.06rem;
  white-space: nowrap;
}

.tab-shop .date-icon-tips {
  position: absolute;
  top: -0.65rem;
  left: 1.9rem;
  width: 4.70rem;
  height: 0.72rem;
  background: url("../images/tip1.png") no-repeat 0 0;
  background-size: 100% 100%;
  font-size: 0.24rem;
  line-height: 0.64rem;
  text-align: center;
  color: #EEEEEE;
}

.tab-shop .tab-btn {
  width: 7.5rem;
  height: 1.04rem;
  box-shadow: 0px -0.5px 0px 0px #EEE;
  background-color: #fff;
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.24rem 0 0.2rem;
}

.tab-shop .tab-btn .tab-icon {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-right: 0.05rem;
}

.tab-shop .tab-btn .tab-icon-tips {
  position: absolute;
  top: -0.76rem;
  left: 0rem;
  width: 4.78rem;
  height: 0.72rem;
  background: url("../images/tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
  font-size: 0.24rem;
  line-height: 0.62rem;
  text-align: center;
  color: #EEEEEE;
}

.tab-shop .tab-btn p {
  width: 0.72rem;
  height: 0.76rem;
  margin-right: 0.24rem;
}

.tab-shop .tab-btn p:nth-last-child(1) {
  margin-right: 0.28rem;
}

.tab-shop .tab-btn p img {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  margin: 0 auto 0.04rem;
}

.tab-shop .tab-btn p span {
  display: block;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.28rem;
  white-space: nowrap;
}

.tab-shop .tab-btn .tab-btn-box {
  display: flex;
}

.tab-shop .tab-btn .tab-btn-box a {
  width: 2.44rem;
  height: 0.72rem;
  display: block;
  margin: 0 0.08rem;
}

.tab-shop .tab-btn .tab-btn1 {
  flex: 1;
  height: 0.72rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  text-align: center;
  line-height: 0.72rem;
  color: #fff;
  border-radius: 0.36rem;
  background: linear-gradient(to right, #FFB415, #FC9215);
}

.tab-shop .tab-btn .tab-btn2 {
  flex: 1;
  height: 0.72rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  text-align: center;
  line-height: 0.72rem;
  color: #fff;
  border-radius: 0.36rem;
  background: linear-gradient(to right, #42DC72, #28C36B);
}

.tab-shop .tab-btn .tab-btn3 {
  flex: 1;
  height: 0.72rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  text-align: center;
  line-height: 0.72rem;
  color: #fff;
  border-radius: 0.36rem;
  background: #CFD1D0;
}

.bimg-box {
  width: 7.5rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -3.75rem;
  background-color: #000;
  z-index: 1000;
  display: flex;
  align-items: center;
}

.bimg-box .bimg-Swiper {
  width: 7.5rem;
  height: 5.3rem;
}

.bimg-box .bimg-Swiper .swiper-slide {
  width: 7.5rem;
  height: 4.4rem;
}

.bimg-box .bimg-Swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.bimg-box .bimg-Swiper .swiper-pagination {
  color: #fff;
  font-size: 0.32rem;
}

.bimg-box .bimg-Swiper .swiper-pagination span {
  color: #fff;
}

.bimg-box .bimg-num {
  position: relative;
  text-align: center;
  color: #FFF;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.38rem;
  margin-top: 0.32rem;
  /* 118.75% */
}

.bimg-box .bimg-name {
  text-align: center;
}

.bimg-box .bimg-name span {
  box-sizing: border-box;
  display: inline-flex;
  padding: 0.24rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.24rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
  color: #FFF;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.38rem;
  /* 118.75% */
}

.hidden {
  display: none;
}

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

.pull-box {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
  width: 7.5rem;
  height: 11.08rem;
  border-radius: 0.2rem 0.2rem 0 0;
  background-color: #fff;
  z-index: 999;
  padding: 0.48rem;
  box-sizing: border-box;
  animation: fadeIn .3s ease forwards;
}

.pull-box .p-close {
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  top: 0.32rem;
  right: 0.32rem;
  background: url("../images/pu-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-size-con {
  width: 100%;
  max-height: 4rem;
  overflow: auto;
}

.pull-box .pull-shop-img {
  display: flex;
  align-items: center;
}

.pull-box .pull-shop-img img {
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.2rem;
  margin-right: 0.32rem;
}

.pull-box .pull-shop-img p {
  display: flex;
  font-size: 0.20rem;
  color: #EE8E1A;
  line-height: 0.40rem;
}

.pull-box .pull-shop-img p a {
  font-weight: bold;
  font-size: 0.36rem;
  color: #EE8E1A;
  margin-right: 0.04rem;
  line-height: 0.36rem;
}

.pull-box .pull-address-con {
  max-height: 7.4rem;
  overflow-y: auto;
}

.pull-box .pull-address {
  width: 100%;
  height: 1.12rem;
  margin: 0.48rem 0;
  border-radius: 0.2rem;
  background: linear-gradient(to right, #f2f3f5, rgba(242, 243, 245, 0));
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 0.2rem;
}

.pull-box .pull-address .pull-add-text {
  flex: 1;
  font-size: 0.26rem;
  line-height: 0rem;
}

.pull-box .pull-address .pull-add-text p {
  font-size: 0.26rem;
  color: #3E403F;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
  display: flex;
  align-items: center;
}

.pull-box .pull-address .pull-add-text p a {
  font-weight: bold;
  margin-right: 0.2rem;
}

.pull-box .pull-address .pull-add-text p em {
  display: block;
  width: 0.56rem;
  height: 0.3rem;
  font-size: 0.22rem;
  color: #0AAC3C;
  line-height: 0.3rem;
  text-align: center;
  border-radius: 0.08rem;
  background-color: rgba(35, 194, 104, 0.08);
}

.pull-box .pull-address .pull-add-text span {
  display: block;
  width: 5.52rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.22rem;
  line-height: 0.26rem;
  color: #A7A8A7;
}

.pull-box .pull-address i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-address .round {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-address .round-active {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-address .mod {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-xg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-size {
  margin-bottom: 0.24rem;
  width: 100%;
}

.pull-box .pull-size p {
  height: 0.42rem;
  font-size: 0.26rem;
  line-height: 0.42rem;
  color: #3E403F;
  font-weight: bold;
  margin-bottom: 0.16rem;
}

.pull-box .pull-size .pull-size-option {
  display: flex;
  flex-wrap: wrap;
}

.pull-box .pull-size .pull-size-option a {
  font-size: 0.26rem;
  line-height: 0.3rem;
  color: #3E403F;
  padding: 0.17rem 0.24rem;
  border-radius: 0.16rem;
  background-color: #F2F3F5;
  margin-right: 0.24rem;
  margin-bottom: 0.24rem;
  padding: 0;
  min-width: 0.92rem;
  line-height: 0.36rem;
  padding: 0.14rem 0.2rem;
  box-sizing: border-box;
}

.pull-box .pull-size .pull-size-option .on {
  color: #EE8E1A;
  background-color: rgba(255, 162, 36, 0.08);
}

.pull-box .pull-size .pull-size-option .un {
  color: #A7A8A7;
  position: relative;
}

.pull-box .pull-size .pull-size-option .un i {
  position: absolute;
  top: -0.14rem;
  right: -0.08rem;
  width: 0.64rem;
  height: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.14rem 0.14rem 0.14rem 0.04rem;
  background-color: #4F5558;
}

.pull-box .pull-size .size a {
  min-width: 0.92rem;
  text-align: center;
  box-sizing: border-box;
}

.pull-box .pull-num {
  float: left;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pull-box .pull-num .num-text {
  font-size: 0.22rem;
  color: #A7A8A7;
  line-height: 0.26rem;
}

.pull-box .pull-num .num-text a {
  font-size: 0.26rem;
  color: #3E403F;
  font-weight: bold;
  line-height: 0.3rem;
  margin-right: 0.08rem;
}

.pull-box .pull-num .num-add {
  display: flex;
}

.pull-box .pull-num .num-add .reduce {
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-reduce.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-num .num-add i {
  width: 0.96rem;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
  background-color: #F2F3F5;
  color: #3E403F;
  font-size: 0.24rem;
}

.pull-box .pull-num .num-add .reduce-un {
  background: url("../images/icon-reduce-un.png") no-repeat 0 0;
  background-size: 100% 100%;
  filter: grayscale(1);
}

.pull-box .pull-num .num-add .add {
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-ad.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-bom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.pull-box .pull-balan {
  width: 6.54rem;
  margin: 0 auto;
  height: 0.68rem;
  border-radius: 0.2rem;
  background: linear-gradient(to right, #f2f3f5, rgba(242, 243, 245, 0));
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.2rem;
}

.pull-box .pull-balan p {
  font-size: 0.24rem;
  color: #7A7D7A;
  line-height: 0.28rem;
}

.pull-box .pull-balan p i {
  font-weight: bold;
  color: #3E403F;
}

.pull-box .pull-balan span {
  display: block;
  width: 0.02rem;
  height: 0.28rem;
  background-color: #EEEEEE;
}

.pull-box .pull-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0.48rem 0 0.50rem;
  align-self: start;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

.pull-box .pull-btn a {
  margin: 0 0.15rem;
}

.pull-box .pull-btn .pull-btn1 {
  width: 6.54rem;
  height: 0.76rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.76rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.5rem;
  background: linear-gradient(to right, #FFB415, #FC9215);
}

.pull-box .pull-btn .pull-btn1 em {
  margin-left: 0.08rem;
  font-weight: bold;
}

.pull-box .pull-btn .pull-btn1-on {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.pull-box .pull-btn .pull-btn1-on::before {
  position: absolute;
  content: "";
  top: 0;
  left: -20%;
  width: 6.54rem;
  height: 0.76rem;
  border-radius: 0.5rem;
  z-index: -1;
  background: linear-gradient(270deg, #FDC142 0%, #FFB415 100%);
  animation: moveleft 1.4s ease-in-out infinite;
}

.pull-box .pull-btn .pull-btn2 {
  width: 6.54rem;
  height: 0.76rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.76rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.5rem;
  background-color: #23c268;
}

.pull-box .pull-btn .pull-btn3 {
  width: 6.54rem;
  height: 0.76rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.76rem;
  text-align: center;
  color: #3E403F;
  border-radius: 0.5rem;
  border: 1px solid #F2F3F5;
}

.pull-box .p-title {
  font-size: 0.32rem;
  font-weight: bold;
  color: #131715;
  text-align: center;
  line-height: 0.48rem;
}

.pull-box .pull-op-btn {
  display: flex;
  justify-content: end;
  margin: 0.2rem 0 0.28rem;
}

.pull-box .pull-op-btn a {
  margin-left: 0.24rem;
}

.pull-box .pull-op-btn .op-btn1 {
  width: 1.14rem;
  height: 0.48rem;
  font-size: 0.26rem;
  color: #0AAC3C;
  border-radius: 0.24rem;
  background-color: rgba(35, 194, 104, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pull-box .pull-op-btn .op-btn1 i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.06rem;
  background: url("../images/icon-wr.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box .pull-op-btn .op-btn2 {
  width: 1.14rem;
  height: 0.48rem;
  font-size: 0.26rem;
  color: #0AAC3C;
  border-radius: 0.24rem;
  background-color: rgba(35, 194, 104, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pull-box .pull-op-btn .op-btn2 i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.06rem;
  background: url("../images/icon-add2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-select {
  height: 9.96rem;
}

.pull-box-select .pull-size-con {
  max-height: 3.6rem;
}

.pull-box-address .pull-address {
  margin: 0.24rem 0;
}

.pull-box-address .pull-address:nth-child(1) {
  margin-top: 0;
}

.pull-box-address-mag .pull-address {
  margin: 0.24rem 0 0;
  border-radius: 0.2rem 0.2rem 0 0;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 0.2rem;
}

.pull-box-address-mag .pull-address:nth-child(1) {
  margin-top: 0;
}

.pull-box-address-mag .pull-address-delete {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.8rem;
  background: linear-gradient(to right, #f2f3f5, rgba(242, 243, 245, 0));
  border-radius: 0 0 0.2rem 0.2rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.24rem;
}

.pull-box-address-mag .pull-address-delete .round {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #7A7D7A;
}

.pull-box-address-mag .pull-address-delete .round i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.12rem;
  background: url("../images/icon-r2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-address-mag .pull-address-delete .round-active i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.12rem;
  background: url("../images/icon-d2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-address-mag .pull-address-delete span {
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #7A7D7A;
}

.pull-box-shop-pmt .pull-pmt-con {
  width: 100%;
  height: 8rem;
  overflow-y: auto;
  margin-top: 0.40rem;
}

.pull-box-shop-pmt .pull-pmt-con::-webkit-scrollbar {
  display: none;
}

.pull-box-shop-pmt .pull-pmt-con li {
  display: flex;
  align-items: start;
  margin: 0.48rem 0;
}

.pull-box-shop-pmt .pull-pmt-con li:nth-child(1) {
  margin-top: 0;
}

.pull-box-shop-pmt .pull-pmt-con li i {
  width: 1.3rem;
  color: #A7A8A7;
  font-size: 0.26rem;
  margin-right: 0.34rem;
  flex-shrink: 0;
}

.pull-box-shop-pmt .pull-pmt-con li p {
  flex: 1;
  color: #3E403F;
  font-size: 0.26rem;
}

.pull-box-shop-yh .pull-pmt-con {
  width: 100%;
  height: 8rem;
  overflow-y: auto;
  margin-top: 0.4rem;
}

.pull-box-shop-yh .pull-pmt-con::-webkit-scrollbar {
  display: none;
}

.pull-box-shop-yh .pull-pmt-con li {
  display: flex;
  align-items: start;
  margin: 0.48rem 0;
}

.pull-box-shop-yh .pull-pmt-con li:nth-child(1) {
  margin-top: 0;
}

.pull-box-shop-yh .pull-pmt-con li i {
  width: 1.3rem;
  color: #A7A8A7;
  font-size: 0.26rem;
  margin-right: 0.34rem;
  flex-shrink: 0;
}

.pull-box-shop-yh .pull-pmt-con li p {
  color: #3E403F;
  font-size: 0.26rem;
}

.pull-box-shop-con .pull-pmt-con {
  width: 100%;
  height: 8.58rem;
  overflow-y: auto;
  margin-top: 0.4rem;
}

.pull-box-shop-con .pull-pmt-con::-webkit-scrollbar {
  display: none;
}

.pull-box-shop-con .pull-pmt-con li {
  display: flex;
  align-items: start;
}

.pull-box-shop-con .pull-pmt-con li i {
  color: #A7A8A7;
  font-size: 0.26rem;
  margin-right: 0.64rem;
  white-space: nowrap;
}

.pull-box-shop-con .pull-pmt-con li p {
  color: #3E403F;
  font-size: 0.28rem;
}

.pull-box-shop-exc {
  height: auto;
}

.pull-box-shop-exc .pull-shop-info p {
  font-size: 0.32rem;
  font-weight: bold;
  color: #131715;
  line-height: 0.48rem;
  text-align: center;
  margin-top: 0.16rem;
}

.pull-box-shop-exc .pull-shop-info p a {
  color: #EE8E1A;
}

.pull-box-shop-exc .pull-shop-info span {
  margin: 0.08rem 0 0.32rem;
  display: block;
  text-align: center;
  line-height: 0.34rem;
  font-size: 0.28rem;
  color: #EE8E1A;
}

.pull-box-shop-exc .pull-shop-info img {
  display: block;
  width: 2.4rem;
  height: 1.4rem;
  margin: 0 auto;
  border-radius: 0.2rem;
}

.pull-box-shop-exc .pull-shop-exc {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #3E403F;
  margin: 0.48rem 0;
}

.pull-box-shop-exc .exc-seat {
  height: 1.92rem;
}

.pull-box-shop-success {
  height: auto;
  max-height: 11.08rem;
  border-radius: 0;
  padding-top: 0;
}

.pull-box-shop-success .p-close {
  right: 0.32rem;
  top: -0.98rem;
}

.pull-box-shop-success .suc-top {
  position: absolute;
  top: -1.72rem;
  left: 0;
  width: 7.5rem;
  height: 1.74rem;
}

.pull-box-shop-success .suc-top img {
  width: 7.5rem;
  height: 1.74rem;
}

.pull-box-shop-success .suc-top-box {
  position: absolute;
  top: -1.22rem;
  left: 0;
  width: 7.5rem;
  height: 1.22rem;
  background-color: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
}

.pull-box-shop-success .success-title {
  position: absolute;
  width: 7.5rem;
  top: -0.70rem;
  left: 0;
  text-align: center;
  font-size: 0.44rem;
  color: #131715;
  line-height: 0.44rem;
  font-weight: bold;
}

.pull-box-shop-success .success-tips {
  font-size: 0.32rem;
  text-align: center;
  color: #131715;
  line-height: 0.48rem;
  margin: 0.24rem 0 0.24rem;
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
}

.pull-box-shop-success .success-tips a {
  color: #EE8E1A;
}

.pull-box-shop-success .s-text {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #7A7D7A;
}

.pull-box-shop-success .s-text2 {
  margin-top: 0.48rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #7A7D7A;
  text-align: justify;
}

.pull-box-shop-success .s-text2 a {
  color: #0AAC3C;
}

.pull-box-shop-success .s-copy {
  margin-top: 0.4rem;
}

.pull-box-shop-success .s-copy .copy-code {
  font-size: 0.26rem;
  color: #3E403F;
  line-height: 0.3rem;
}

.pull-box-shop-success .s-copy .copy {
  width: 100%;
  height: 0.96rem;
  border-radius: 0.24rem;
  background-color: #F6F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.30rem 0 0.32rem;
  box-sizing: border-box;
  margin-top: 0.16rem;
}

.pull-box-shop-success .s-copy .copy span {
  color: #131715;
  font-size: 0.30rem;
  line-height: 0.4rem;
  margin-right: 0.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pull-box-shop-success .s-copy .copy p {
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #0AAC3C;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.pull-box-shop-success .s-copy .copy p i {
  flex-shrink: 0;
  margin-right: 0.12rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/icon-copy.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-shop-success .bom-success {
  width: 100%;
  height: 1.98rem;
}

.pull-box-shop-success .pull-bom-success {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.07rem;
}

.pull-box-shop-success .pull-bom-success .success-btn {
  display: flex;
  justify-content: center;
}

.pull-box-shop-success .pull-bom-success .success-btn a {
  width: 3.12rem;
  height: 0.76rem;
  text-align: center;
  line-height: 0.76rem;
  border-radius: 0.36rem;
  margin: 0 0.15rem;
  box-sizing: border-box;
}

.pull-box-shop-success .pull-bom-success .success-btn .s-btn1 {
  font-size: 0.3rem;
  color: #3E403F;
  border: 1px solid rgba(207, 209, 208, 0.8);
}

.pull-box-shop-success .pull-bom-success .success-btn .s-btn2 {
  font-size: 0.3rem;
  color: #fff;
  background: linear-gradient(to right, #FFB415, #FC9215);
}

.pull-box-shop-success .pull-bom-success .success-btn .s-btn2 i {
  font-size: 0.2rem;
}

.pull-box-shop-success .pull-bom-success p {
  text-align: center;
  line-height: 0.38rem;
  color: #A7A8A7;
  margin-top: 0.36rem;
  font-size: 0.22rem;
}

.pull-box-shop-success .pull-bom-success p i {
  color: #3E403F;
}

.pull-box-cdtion {
  height: auto;
  max-height: 9.68rem;
}

.pull-box-cdtion .cd-title {
  text-align: center;
  margin-top: 0.12rem;
  font-size: 0.32rem;
  line-height: 0.38rem;
  color: #131715;
}

.pull-box-cdtion .cd-title a {
  color: #0AAC3C;
}

.pull-box-cdtion .cd-text {
  font-size: 0.26rem;
  color: #7A7D7A;
  line-height: 0.4rem;
  margin-top: 0.2rem;
}

.pull-box-cdtion .pull-bom .pull-btn {
  margin: 0.32rem 0 0.50rem;
}

.pull-box-cdtion .bom-cd {
  height: 1.58rem;
}

.pull-box-cdtion .cd-list {
  width: 100%;
  margin-top: 0.32rem;
  max-height: 5.76rem;
  overflow-y: auto;
}

.pull-box-cdtion .cd-list::-webkit-scrollbar {
  display: none;
}

.pull-box-cdtion .cd-list li {
  width: 100%;
  margin-bottom: 0.32rem;
}

.pull-box-cdtion .cd-list li .cd-top {
  position: relative;
  width: 6.54rem;
  height: 1.13rem;
  background: url("../images/cd-top.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.24rem 0 0 0.32rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t {
  display: flex;
  align-items: center;
  font-size: 0.26rem;
  line-height: 0.3rem;
  font-weight: bold;
  color: #3E403F;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t i {
  width: 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.2rem;
  font-weight: bold;
  color: #23C268;
  margin-right: 0.12rem;
  background: url("../images/icon-num.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn {
  position: absolute;
  right: 0.08rem;
  top: 0.08rem;
  width: 1.5rem;
  height: 0.5rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn1 {
  position: absolute;
  right: 0.08rem;
  top: 0.08rem;
  display: block;
  width: 1.78rem;
  height: 0.68rem;
  color: #FFFFFF;
  display: flex;
  font-size: 0.24rem;
  justify-content: end;
  box-sizing: border-box;
  padding-right: 0.16rem;
  padding-top: 0.08rem;
  border-radius: 0 0.22rem 0 0;
  background: linear-gradient(to right, #42DC72, #28C36B);
  z-index: -1;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn1 i {
  margin-top: 0.08rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.04rem;
  background: url("../images/icon-play.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn2 {
  position: absolute;
  right: 0.08rem;
  top: 0.08rem;
  display: block;
  width: 1.78rem;
  height: 0.68rem;
  color: #0AAC3C;
  display: flex;
  font-size: 0.24rem;
  justify-content: end;
  box-sizing: border-box;
  padding-right: 0.16rem;
  padding-top: 0.08rem;
  border-radius: 0 0.22rem 0 0;
  background: linear-gradient(to bottom, rgba(35, 194, 104, 0.08), rgba(255, 255, 255, 0.08));
  z-index: -1;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn2 i {
  margin-top: 0.08rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.04rem;
  background: url("../images/icon-d3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-con {
  position: relative;
  width: 6.54rem;
  margin-top: -0.36rem;
  background-color: #f6f7fb;
  border-radius: 0 0 0.2rem 0.2rem;
  box-sizing: border-box;
  padding: 0 0.32rem 0.32rem;
  overflow: hidden;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box {
  display: flex;
  max-height: 0.66rem;
  overflow: hidden;
  line-height: 0.32rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div {
  position: relative;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div::before {
  content: '';
  float: right;
  width: 0;
  height: 100%;
  margin-bottom: -0.34rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div span {
  vertical-align: top;
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #7A7D7A;
  text-align: justify;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div a {
  vertical-align: top;
  position: relative;
  clear: both;
  float: right;
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #0AAC3C;
  margin-right: 0.12rem;
  padding-left: 0.15rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div a::after {
  content: '...';
  position: absolute;
  left: -0.1rem;
  top: -0.06rem;
  color: #7b7b7b;
}

.f-load {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  width: 2rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.2rem;
  z-index: 9999;
}

.f-load .f-load-icon {
  display: flex;
  justify-content: center;
}

.f-load .f-load-icon i {
  width: 0.32rem;
  height: 0.26rem;
  margin: 0.6rem 0.05rem 0;
  background: url("../images/icon-load.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.f-load .f-load-icon i:nth-child(1) {
  animation: moveY 1s infinite linear;
}

.f-load .f-load-icon i:nth-child(2) {
  animation: moveY 1s infinite linear 0.2s;
}

.f-load .f-load-icon i:nth-child(3) {
  animation: moveY 1s infinite linear 0.45s;
}

.f-load p {
  color: #FFFFFF;
  margin-top: 0.44rem;
  font-size: 0.26rem;
  line-height: 0.3rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f-load p a {
  color: #FFFFFF;
  font-size: 0.26rem;
  margin-top: -0.18rem;
  margin-left: 0.02rem;
}

.frame {
  width: 5.76rem;
  background-color: #fff;
  border-radius: 0.2rem;
  box-sizing: border-box;
  padding: 0.48rem;
}

.frame .f-title {
  font-size: 0.32rem;
  color: #131715;
  text-align: center;
  line-height: 0.38rem;
}

.frame .f-con {
  font-size: 0.28rem;
  color: #3E403F;
  line-height: 0.42rem;
}

.frame .f-btn {
  display: flex;
  justify-content: center;
}

.frame .f-btn a {
  margin: 0.48rem 0.12rem 0;
}

.frame .f-btn .f-btn1 {
  width: 2.28rem;
  height: 0.72rem;
  background-color: #fff;
  border-radius: 0.36rem;
  text-align: center;
  line-height: 0.72rem;
  border: 1px solid #F2F3F5;
  font-size: 0.3rem;
  color: #3E403F;
}

.frame .f-btn .f-btn2 {
  width: 2.28rem;
  height: 0.72rem;
  font-size: 0.3rem;
  color: #FFFFFF;
  border-radius: 0.36rem;
  text-align: center;
  line-height: 0.72rem;
  background-color: #23C268;
}

.fadeOn {
  animation: fadeOn .8s ease forwards;
}

@keyframes fadeIn {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes fadeOn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes fadeOn {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes moveY {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-40%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(40%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes moveleft {
  0% {
    left: -80%;
  }
  5% {
    left: -80%;
  }
  19% {
    left: -80%;
  }
  20% {
    left: -65%;
  }
  34% {
    left: -65%;
  }
  35% {
    left: -50%;
  }
  49% {
    left: -50%;
  }
  50% {
    left: -35%;
  }
  64% {
    left: -35%;
  }
  65% {
    left: -15%;
  }
  80% {
    left: -15%;
  }
  81% {
    left: 0;
  }
  100% {
    left: 0;
  }
}

@media screen and (max-width: 750px) {
  .head-no .De-head .head-top-white {
    display: block;
  }
  .head-no .De-head .head-top {
    display: block;
  }
}

.box1 {
  height: 0.56rem;
  background: #999;
  display: flex;
}

.box1 span,
.box1 p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  font-size: 0.22rem;
}

.box1 span {
  display: flex;
  align-items: center;
  background: #00f;
  color: #fff;
  margin-left: -0.3rem;
  font-size: 0.22rem;
}

.box1 p {
  background: #333;
  color: #f50;
  z-index: 1;
}

@keyframes fadeOutBot {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(1.5rem);
  }
}

@keyframes fadeInBot {
  0% {
    transform: translateY(1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}

body {
  background-color: #f2f3f5;
  margin: 0 auto !important;
}

.htmlOver {
  overflow: visible;
}

.htmlOver body {
  width: 100%;
  height: 100vh;
  overflow: visible;
}

.head-btn {
  position: fixed;
  left: 0;
  right: inherit;
  top: 1.84rem;
  border-radius: 0 0.2rem 0.2rem 0;
  background-color: rgba(0, 0, 0, 0.65);
  width: auto;
  display: inline-flex;
  height: 0.4rem;
  padding: 0rem 0.04rem 0rem 0.08rem;
  justify-content: center;
  align-items: center;
  gap: 0.04rem;
  flex-shrink: 0;
}

.head-btn p {
  color: #fff;
  font-family: "Source Han Sans CN";
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.48rem;
  /* 218.182% */
}

.head-btn img {
  margin: 0;
}

.head-switch {
  position: absolute;
  top: 0.72rem;
  left: 0.64rem;
  width: 1.36rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  overflow: hidden;
}

.head-switch a {
  color: #fff;
  width: 50%;
  border-radius: 0.2rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.22rem;
}

.head-switch .on {
  background-color: #fff;
  color: #3E403F;
}

.h-video {
  position: relative;
  width: 7.5rem;
  height: auto;
  overflow: hidden;
}

.tab-shop .tab-time {
  height: 0.8rem;
  margin-bottom: -0.01rem;
  align-items: center;
  padding: 0 0.32rem;
}

.tab-shop .tab-time p {
  margin-top: 0;
  color: #131715;
  font-size: 0.22rem;
}

.tab-shop .tab-time .tab-date {
  margin-top: 0;
}

.tab-shop .tab-time .tab-date span {
  font-size: 0.2rem;
  color: #131715;
  margin: 0 0.08rem 0 0.04rem;
}

.tab-shop .tab-time .tab-date em {
  font-size: 0.2rem;
  color: #131715;
}

.tab-shop .tab-time .tab-date i {
  width: 0.32rem;
  height: 0.42rem;
  font-size: 0.22rem;
  background-color: #131715;
  color: #fff;
}

.tab-shop .tab-time .tab-date a {
  font-size: 0.2rem;
  color: #131715;
  margin-left: 0.08rem;
}

.tab-shop .tab-time .red-btn {
  margin-left: 0.18rem;
}

.tab-shop .tab-time .red-btn a {
  width: 1.12rem;
  height: 0.48rem;
  box-sizing: border-box;
  display: block;
  text-align: center;
  line-height: 0.48rem;
  border: 1px solid #FD9416;
  color: #FD9416;
  border-radius: 0.24rem;
  font-size: 0.2rem;
}

.tab-shop .date-icon-tips {
  width: auto;
  min-width: 4.82rem;
  left: 1.75rem;
  padding: 0 0.05rem;
}

.tab-shop .date-icon-tips2 {
  position: absolute;
  font-size: 0.24rem;
  line-height: 0.64rem;
  text-align: center;
  color: #EEEEEE;
  left: auto;
  right: 0.2rem;
  top: -0.64rem;
  width: auto;
  white-space: nowrap;
  padding: 0 0.1rem;
  height: 0.68rem;
  line-height: 0.72rem;
  background: none;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.15rem;
}

.tab-shop .date-icon-tips2::after {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  bottom: -0.07rem;
  right: 1.4rem;
  border-radius: 0.05rem;
  background-color: rgba(0, 0, 0, 0.7);
  width: 0.21rem;
  height: 0.07rem;
  background: url("../images/icon-t.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-btn .tab-btn-box {
  flex: 1;
  position: relative;
}

.tab-shop .tab-btn .tab-btn-box a {
  position: relative;
}

.tab-shop .tab-btn .tab-btn-box a.tab-btn4 {
  padding: 0 0.2rem;
  flex: 1;
  width: auto;
  height: 0.72rem;
  display: block;
  margin: 0 0.08rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  text-align: center;
  line-height: 0.72rem;
  color: #131715;
  border-radius: 0.24rem;
  background: #F6F5F5;
}

.tab-shop .tab-btn .tab-btn-box a.tab-btn5 {
  width: auto;
  padding: 0 0.2rem;
  flex: 1;
  height: 0.72rem;
  display: block;
  margin: 0 0.08rem;
  font-size: 0.28rem;
  line-height: 0.34rem;
  text-align: center;
  line-height: 0.72rem;
  color: #131715;
  border-radius: 0.24rem;
  background: #E0F842;
}

.shopSwiper .swiper-pagination-bullets {
  bottom: 0.58rem !important;
}

.shop {
  margin-top: -0.45rem;
}

.shop .shop-item {
  width: 7.02rem;
}

.shop .shop-item .item .item-info span {
  word-wrap: break-word;
}

.shop .shop-item .item .item-info span img {
  width: 0.84rem;
  height: 0.32rem;
  border-radius: 0;
  margin-right: 0;
  vertical-align: top;
  margin-top: 0.04rem;
}

.shop .shop-item .item .item-pay-info {
  margin-top: 0.12rem;
}

.shop .shop-item .item .item-pay-info p {
  display: flex;
  align-items: center;
}

.shop .shop-item .item .item-pay-info p em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  /* 100% */
}

.shop .shop-item .item .item-pay-info p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.shop .shop-item .item .item-pay-info p span i {
  font-size: 0.24rem;
}

.shop .shop-item .item .item-pay-info div {
  display: flex;
  align-items: center;
  margin-top: 0.08rem;
}

.shop .shop-item .item .item-pay-info div span {
  color: #CFD1D0;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 140% */
  text-decoration: line-through;
}

.shop .shop-item .item .item-pay-info div em {
  display: flex;
  width: 0.28rem;
  height: 0.28rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.06rem;
  background: #E0F842;
  margin-left: 0.08rem;
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
  /* 111.111% */
}

.shop .shop-item .item .item-pay-info div em.down {
  width: auto;
  height: 0.28rem;
  line-height: .28rem;
  border-radius: 0.1rem;
  background: rgba(255, 77, 13, 0.1);
  padding: 0 0.04rem;
  color: #FF4D0D;
  font-size: .18rem;
  margin-left: 0.04rem;
}

.shop .shop-item .item .item-pay-info .pay-tips {
  display: flex;
  padding: 0.04rem 0.08rem;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  align-self: stretch;
  border-radius: 0.08rem;
  background: rgba(255, 77, 13, 0.1);
  margin-top: 0.32rem;
  color: #FF4D0D;
  /* 单·Font10 */
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  /* 120% */
}

.shop .shop-item .item .item-pay-info .item-num {
  position: absolute;
  top: 0.62rem;
  right: 0.32rem;
  color: #A7A8A7;
  font-size: 0.22rem;
  line-height: 0.36rem;
}

.shop .shop-text-con {
  width: 7.02rem;
}

.shop.shop-pay .shop-text div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.3rem;
}

.shop.shop-pay .shop-text div::before {
  display: none;
}

.shop.shop-pay .shop-text div img {
  width: 0.72rem;
  height: 0.32rem;
  display: inline;
}

.shop.shop-pay .shop-text div span {
  color: #131715;
  /* 段落·Font15 */
  font-family: "Source Han Sans CN";
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.44rem;
  /* 146.667% */
  display: inline;
}

.sim-shop {
  width: 7.02rem;
}

.sim-shop .sim-Swiper .swiper-slide:nth-child(1) {
  margin-left: 0.32rem;
}

.sim-shop .sim-Swiper .swiper-slide:nth-last-child(1) {
  margin-right: 0.3rem;
}

.parmet {
  width: 7.02rem;
  margin-bottom: 0;
}

.parmet ul li .pa-con .pa-con-icon {
  display: block;
}

.parmet ul li .pa-con .pa-con-icon::before {
  display: none;
}

.parmet ul li .pa-con .pa-con-icon p {
  display: flex;
  align-items: center;
}

.parmet ul li .pa-con .pa-con-icon em {
  line-height: 0.34rem;
}

.parmet ul li .pa-con .pa-con-icon em a {
  color: #0AAC3C;
}

.parmet ul li .pa-con .pa-con-icon .icon-y {
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/icon-y-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.parmet ul li .pa-con .pa-con-icon .icon-y.on {
  background: url("../images/icon-y2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.parmet ul li .pa-con .pa-con-icon .pa-con-icon-tips {
  height: 0.36rem;
  border-radius: 0.08rem;
  background: linear-gradient(90deg, #F2F3F5 0%, rgba(242, 243, 245, 0) 100%);
  margin-top: 0.08rem;
  font-size: 0.24rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.parmet ul li .pa-con .pa-con-icon .pa-con-icon-tips span {
  font-size: 0.24rem;
  height: 0.36rem;
  box-sizing: border-box;
  color: #3E403F;
  border-radius: 0.08rem;
  padding: 0 0.08rem;
  display: inline-block;
  border: 0.5px solid #CFD1D0;
  margin-right: 0;
  text-align: center;
  text-align-last: center;
  min-width: 0.88rem;
}

.parmet ul li .pa-con .pa-con-icon .pa-con-icon-tips em {
  display: inline;
  font-size: 0.24rem;
  color: #3E403F;
  margin-left: 0.1rem;
  flex: 1;
}

.parmet ul .par-btn4 {
  padding: 0.24rem 0;
  height: auto;
  align-items: flex-start;
}

.parmet ul .par-btn5 .pa-con {
  justify-content: space-between;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  color: #3E403F;
  line-height: 0.26rem;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* 118.182% */
}

.parmet ul .par-btn5 .pa-con .pa-con-img {
  max-width: 3.8rem;
  width: 3.8rem;
}

.parmet ul .par-btn5 .pa-con .pa-con-img img {
  width: 0.84rem;
  height: 0.50rem;
  margin-right: 0.08rem;
}

.parmet ul .par-btn5 .pa-con .pa-con-img em {
  display: flex;
  padding: 0.08rem 0.12rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.08rem;
  background: #F2F3F5;
  color: var(--black-black_h2, #3E403F);
  /* 单·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  margin-right: 0.08rem;
  /* 121.429% */
}

.parmet ul .par-btn5 .pa-con p {
  flex-shrink: 0;
  font-size: 0.22rem;
  margin-right: 0.04rem;
}

.parmet ul .par-btn6 .pa-con {
  display: block;
}

.parmet ul .par-btn6 .pa-con .pa-zz {
  color: #3E403F;
  /* 单·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  /* 121.429% */
}

.parmet ul .par-btn6 .pa-con .pa-bind {
  margin-top: 0.04rem;
  width: 4.8rem;
  display: block;
  color: #A7A8A7;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* 116.667% */
}

.parmet ul .pa-img-tips {
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  color: #3E403F;
  line-height: 0.26rem;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.28rem;
  box-sizing: border-box;
  padding-left: 1.42rem;
}

.address {
  width: 7.02rem;
  margin-top: 0.16rem;
}

.detail-shop {
  width: 7.02rem;
}

.detail-shop .d-shop-img {
  width: 6.28rem;
}

.store-tips {
  width: 7.02rem;
}

.more-list {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.24rem;
  overflow: hidden;
}

.more-list li {
  width: 3.4rem;
  height: 3.66rem;
  margin-left: 0rem;
  margin-bottom: 0.22rem;
}

.more-list li .more-p p {
  color: #3E403F;
  font-weight: 500;
}

.more-list li .price1 a {
  color: #131715;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.more-list li .price2 p {
  color: #131715;
}

.more-list li img {
  width: 3.4rem;
  height: 2rem;
}

.listArea {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.24rem;
}

.listArea .li {
  flex-shrink: 0;
  width: 3.4rem;
  height: 3.76rem;
  box-sizing: border-box;
  margin-bottom: .22rem;
}

.listCard {
  width: 3.4rem;
  height: 100%;
  background: #fff;
  padding: 1px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: .2rem;
}

.listCard.not {
  position: relative;
}

.listCard.not::before {
  content: '';
  width: .8rem;
  height: .8rem;
  overflow: hidden;
  position: absolute;
  right: .2rem;
  top: 1.02rem;
  z-index: 5;
  opacity: 1;
  background: url(../images/list-not.png) no-repeat 0 0;
  background-size: 300% 100%;
  background-color: transparent;
}

.listCard.not .img {
  opacity: .5;
}

.listCard.not.not-none::before {
  background-position: 0 0;
}

.listCard.not.not-end::before {
  background-position: 50% 0;
}

.listCard.not.not-over::before {
  background-position: 100% 0;
}

.listCard .img {
  height: 2rem;
  position: relative;
}

.listCard .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .19rem .19rem 0 0;
}

.listCard .img .tip {
  position: absolute;
  left: 0;
  top: 0;
  height: .24rem;
  overflow: hidden;
  font-size: .2rem;
  color: #fff;
  line-height: .26rem;
  padding: .04rem .08rem;
  border-radius: 0 0 .16rem 0;
}

.listCard .img .tip.tip-grey {
  background: #4F5558;
}

.listCard .img .tip.tip-yellow {
  background: linear-gradient(270deg, #FC9215 -1.59%, #FFB415 100%);
}

.listCard .img .tip.tip-green {
  background: linear-gradient(270deg, #28C36B -1.59%, #3AD470 91.53%);
}

.listCard .img .tag-made {
  background: url(../images/tag-made.png) no-repeat 0 0;
  background-size: 100% 100%;
  background-color: transparent;
  width: 1.26rem;
  height: .32rem;
  overflow: hidden;
  line-height: 99;
  position: absolute;
  left: .07rem;
  top: .07rem;
}

.listCard .img .sp-tag {
  height: .32rem;
  font-size: .2rem;
  line-height: .34rem;
  color: #fff;
  padding: 0 .08rem 0 .36rem;
  border-radius: 0 .08rem .08rem 0;
  overflow: hidden;
  position: absolute;
  left: .07rem;
  top: .07rem;
}

.listCard .img .sp-tag.tag1 {
  background: url(../images/tag-sp1.png) no-repeat 0 0;
  background-size: auto 100%;
  background-color: transparent;
}

.listCard .img .sp-tag.tag2 {
  background: url(../images/tag-sp2.png) no-repeat 0 0;
  background-size: auto 100%;
  background-color: transparent;
}

.listCard .con {
  padding: .16rem .2rem .24rem;
  border-top: none;
}

.listCard .con .title {
  height: .72rem;
  font-size: .24rem;
  line-height: .36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #3E403F;
}

.listCard .con .title span {
  display: inline-block;
  vertical-align: middle;
  height: .28rem;
  box-sizing: border-box;
  padding: 0 .06rem;
  background: rgba(255, 162, 36, 0.08);
  border: 1px solid #FFA224;
  line-height: .28rem;
  font-size: .2rem;
  color: #EE8E1A;
  border-radius: .08rem;
  margin-right: .08rem;
  margin-top: -.05rem;
}

.listCard .con .title .sp-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .08rem;
  margin-top: -.05rem;
  height: .28rem;
}

.listCard .con .title .i-tag {
  display: inline-block;
  vertical-align: middle;
  margin-right: .08rem;
  margin-top: -.05rem;
  height: .32rem;
}

.listCard .con .info {
  margin-top: .24rem;
  height: .3rem;
  display: flex;
  align-items: center;
}

.listCard .con .info p {
  font-size: .24rem;
  color: #131715;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: .3rem;
  line-height: .32rem;
  overflow: hidden;
}

.listCard .con .info p span {
  height: .3rem;
}

.listCard .con .info p .sp-spec {
  font-size: .24rem;
}

.listCard .con .info p .sp-spec i {
  font-size: .24rem;
  font-weight: bold;
  margin-right: .04rem;
  letter-spacing: -.02rem;
}

.listCard .con .info p .sp-cost {
  color: #CFD1D0;
  font-size: .2rem;
  text-decoration: line-through;
  margin-left: .08rem;
}

.listCard .con .info .sp-discount {
  flex-shrink: 0;
  width: .28rem;
  height: .28rem;
  text-align: center;
  border-radius: .06rem;
  background: linear-gradient(270deg, #FC9215 -1.59%, #FFB415 100%);
  line-height: .3rem;
  font-size: .18rem;
  color: #fff;
  margin-left: .06rem;
}

.listCard .con .pay-info {
  height: .4rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  margin: .2rem 0 -.04rem;
}

.listCard .con .pay-info .sp-prize {
  flex-shrink: 0;
  font-size: 0;
  color: #131715;
  font-size: .2rem;
  display: flex;
  align-items: flex-start;
}

.listCard .con .pay-info .sp-prize .i-type {
  font-size: .22rem;
  -webkit-text-stroke-width: .2pt;
  height: .4rem;
  line-height: .42rem;
}

.listCard .con .pay-info .sp-prize .i-val {
  height: .4rem;
  font-size: .2rem;
  display: flex;
  align-items: baseline;
  margin-top: -.04rem;
}

.listCard .con .pay-info .sp-prize .i-val span {
  font-weight: bold;
  height: .4rem;
  line-height: .42rem;
}

.listCard .con .pay-info .sp-prize .i-val .sp1 {
  font-size: .36rem;
}

.listCard .con .pay-info .sp-prize .i-val .sp2 {
  font-size: .24rem;
}

.listCard .con .pay-info .sp-cost {
  flex-shrink: 0;
  color: #CFD1D0;
  font-size: 0.2rem;
  text-decoration: line-through;
  margin-left: 0.08rem;
}

.listCard .con .pay-info .sp-discount {
  flex-shrink: 0;
  width: .28rem;
  height: .28rem;
  text-align: center;
  border-radius: .06rem;
  background: linear-gradient(270deg, #E0F842 -1.59%, #E0F842 100%);
  line-height: .3rem;
  font-size: .18rem;
  color: #131715;
  margin-left: 0.08rem;
}

.listCard .con .pay-info .sp-low {
  height: .32rem;
  line-height: .34rem;
  border-radius: .1rem;
  background: rgba(255, 77, 13, 0.1);
  padding: 0 .06rem;
  color: #FF4D0D;
  font-size: .2rem;
  margin-left: .04rem;
}

.De-more-title {
  margin-top: 0.4rem;
  margin-bottom: 0.16rem;
}

.De-more-title img {
  width: 7.5rem;
}

.min-pull-h {
  min-height: 7rem;
  height: auto;
}

.min-pull-h .pull-num {
  margin-bottom: 2.4rem;
}

.pull-box .pull-address {
  height: auto;
  padding: 0.2rem 0 0.2rem 0.2rem;
}

.pull-box .pull-address .pull-add-text p {
  margin-bottom: 0.08rem;
  align-items: flex-start;
}

.pull-box .pull-address .pull-add-text p a:nth-child(1) {
  white-space: nowrap;
  width: 0.78rem;
  flex-shrink: 0;
}

.pull-box .pull-address .pull-add-text p a {
  word-break: break-all;
}

.pull-box .pull-address .pull-add-text p a.add-name {
  width: auto;
}

.pull-box .pull-address .pull-add-text span {
  margin-top: 0.16rem;
}

.pull-box .pull-on {
  height: 0.96rem;
  padding-left: 0.32rem;
}

.pull-box .pull-on .pull-add-text p {
  justify-content: space-between;
  margin-bottom: 0;
}

.pull-box .pull-on .pull-add-text p a {
  font-size: 0.3rem;
}

.pull-box .pull-on .pull-add-text p a:nth-child(1) {
  width: 0.78rem;
  flex-shrink: 0;
}

.pull-box .num-box .pull-on:nth-child(1) {
  margin-bottom: 0.24rem;
}

.pull-box .num-box .pull-on:nth-child(2) {
  margin-top: 0;
}

.pull-box .p-close {
  position: absolute;
  width: 0.42rem;
  height: 0.42rem;
  background: url("../images/pu-close.png") no-repeat center center;
  background-size: 0.24rem 0.24rem;
}

.pull-box-cdtion {
  max-height: 11.68rem;
}

.pull-box-cdtion .cd-list {
  max-height: 7.76rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t em {
  position: relative;
  width: 4rem;
  height: 0.4rem;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t em b {
  position: absolute;
  bottom: 0.07rem;
  left: 0;
  color: #3E403F;
  white-space: nowrap;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t i {
  width: 0.28rem;
  height: 0.28rem;
  overflow: hidden;
  line-height: 99;
  background: url(../images/icon-y-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-top .cd-top-t.on i {
  background: url(../images/icon-y2.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn1 {
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 0.36rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn1 i {
  position: absolute;
  right: 0.14rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn2 {
  justify-content: flex-end;
  box-sizing: border-box;
  padding-right: 0.36rem;
}

.pull-box-cdtion .cd-list li .cd-top .cd-btn2 i {
  position: absolute;
  right: 0.14rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-box div span em {
  color: #0AAC3C;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list {
  margin-top: 0.24rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list .cl-item {
  width: 100%;
  box-sizing: border-box;
  padding: 0.12rem 0.16rem;
  background-color: #FFFFFF;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  justify-content: space-between;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list .cl-item:nth-last-child(1) {
  margin-bottom: 0;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list .cl-item span {
  font-size: 0.22rem;
  color: #7A7D7A;
  line-height: 0.32rem;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list .cl-item i {
  margin-left: 0.24rem;
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
  display: block;
  background: url("../images/icon-y-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cdtion .cd-list li .cd-con .cd-con-list .cl-item i.on {
  background: url("../images/icon-y2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-name {
  height: auto;
  max-height: 11rem;
}

.pull-box-name .name-text {
  font-size: 0.24rem;
  color: #3E403F;
  text-align: justify;
}

.pull-box-name .name-text .warm-link {
  font-size: 0.24rem;
}

.pull-box-name .icon-camera {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0.08rem 0 0.22rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #3E403F;
}

.pull-box-name .icon-camera a {
  display: flex;
  align-items: center;
}

.pull-box-name .icon-camera i {
  width: 0.32rem;
  height: 0.32rem;
  display: block;
  margin-right: 0.02rem;
  background: url("../images/icon-camera.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-name .name-list-box {
  position: relative;
}

.pull-box-name .name-list-box .headimg-tips {
  width: 3.38rem;
  height: 0.64rem;
  position: absolute;
  top: -0.35rem;
  left: 0rem;
  z-index: 1;
}

.pull-box-name .name-list-box .cikPop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.6rem;
  height: 3.4rem;
  background: url("../images/ppp.png") no-repeat 0 0;
  background-size: 136.50rem 3.4rem;
  -webkit-animation: em-icon 1.52s steps(37) forwards infinite;
  animation: em-icon 1.52s steps(37) forwards infinite;
  -moz-animation: em-icon 1.52s steps(37) forwards infinite;
  -o-animation: em-icon 1.52s steps(37) forwards infinite;
  -ms-animation: em-icon 1.52s steps(37) forwards infinite;
  z-index: 999;
}

.pull-box-name .name-list {
  width: 100%;
  height: 5.6rem;
  overflow-y: auto;
  position: relative;
}

.pull-box-name .name-list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.48rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.pull-box-name .name-list li {
  position: relative;
  height: 1.12rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
}

.pull-box-name .name-list li:nth-child(odd) {
  background-color: #FBFAFA;
}

.pull-box-name .name-list li .headimg {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  margin: 0 0.16rem 0 0.2rem;
}

.pull-box-name .name-list li p {
  font-size: 0.26rem;
}

.pull-box-name .name-list li p span {
  display: block;
  width: 4.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  color: #3E403F;
  margin-bottom: 0.04rem;
}

.pull-box-name .name-list li p em {
  font-size: 0.22rem;
  color: #A7A8A7;
}

.pull-box-name .name-list li p em i {
  margin-left: 0.1rem;
}

.pull-box-name .p-name-tips {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #A7A8A7;
  margin: 0.24rem 0.32rem;
}

.pull-box-share {
  height: auto;
  max-height: 11rem;
  padding-bottom: 0.72rem;
}

.pull-box-share .dia-code-list {
  margin-top: 0.24rem;
  padding-top: .1rem;
}

.pull-box-share .dia-code-list li {
  margin-top: .24rem;
}

.pull-box-share .dia-code-list li:first-child {
  margin-top: 0;
}

.pull-box-share .dia-code-list .dia-code {
  margin-top: 0;
}

.pull-box-share .dia-code {
  background: #F6F5F5;
  border-radius: .24rem;
  margin-top: .24rem;
  overflow: hidden;
  padding: .2rem .3rem;
  color: #3E403F;
  position: relative;
}

.pull-box-share .dia-code .label {
  height: .56rem;
  line-height: .58rem;
  overflow: hidden;
  font-size: .3rem;
  color: #7A7D7A;
}

.pull-box-share .dia-code .label .bt {
  float: right;
  color: #0AAC3C;
  margin-left: .15rem;
}

.pull-box-share .dia-code .label span {
  color: #131715;
  word-break: break-all;
  font-weight: bold;
}

.pull-box-share .dia-code .label em {
  margin-right: .24rem;
}

.pull-box-share .share-list {
  width: 7.5rem;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: 0.72rem 0 0.72rem -0.6rem;
}

.pull-box-share .share-list::-webkit-scrollbar {
  display: none;
}

.pull-box-share .share-list a {
  width: 1.28rem;
  flex-shrink: 0;
}

.pull-box-share .share-list a:nth-child(1) {
  margin-left: 0.4rem;
}

.pull-box-share .share-list a img {
  display: block;
  margin: 0 auto;
  width: 0.96rem;
  height: 0.96rem;
}

.pull-box-share .share-list a i {
  display: block;
  width: 0.96rem;
  height: 0.96rem;
  margin: 0 auto;
}

.pull-box-share .share-list a .s1 {
  background: url("../images/s1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a .s2 {
  background: url("../images/s2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a .s3 {
  background: url("../images/s3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a .s4 {
  background: url("../images/s4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a .s5 {
  background: url("../images/s5.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a .s6 {
  background: url("../images/s6.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-share .share-list a p {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #7A7D7A;
  margin-top: 0.12rem;
}

.pull-box-share .share-text {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #7A7D7A;
}

.pull-box-use .use-con {
  width: 100%;
  height: 8rem;
  overflow-y: auto;
  margin-top: 0.32rem;
}

.pull-box-use .use-con::-webkit-scrollbar {
  display: none;
}

.pull-box-use .use-con p {
  font-size: 0.28rem;
  color: #3E403F;
  line-height: 0.42rem;
}

.pull-box-use .use-con img {
  display: block;
  margin-top: 0.32rem;
  width: 100%;
  border-radius: 0.2rem;
}

.pull-box-use .use-list {
  margin-top: 0.32rem;
}

.pull-box-use .use-list ul {
  width: 6.9rem;
  height: 8.2rem;
  overflow-y: auto;
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.pull-box-use .use-list ul li {
  position: relative;
  border-left: 1px dashed #23C268;
  box-sizing: border-box;
  padding-left: 0.36rem;
  padding-bottom: 0.48rem;
}

.pull-box-use .use-list ul li:nth-last-child(1) {
  padding-bottom: 0;
}

.pull-box-use .use-list ul li i {
  position: absolute;
  left: -0.2rem;
  top: 0;
  width: 0.4rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.42rem;
  font-size: 0.28rem;
  color: #fff;
  background: url("../images/num-icon.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-use .use-list ul li p {
  color: #3E403F;
  font-size: 0.28rem;
}

.pull-box-use .use-list ul li img {
  display: block;
  width: 6.06rem;
  height: auto;
  margin-top: 0.24rem;
}

.f-card {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7.5rem;
  z-index: 99999;
}

.f-card .f-close {
  position: absolute;
  top: -1.52rem;
  right: 0.64rem;
  width: 0.6rem;
  height: 0.6rem;
  z-index: 999;
  background: url("../images/f-close.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.f-card .card-img {
  width: 3.70rem;
  height: 5.88rem;
  border-radius: 0.4rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-animation: Rcard linear 1.3s;
  animation: Rcard linear 1.3s;
}

.f-card .card-img::after {
  content: "";
}

.f-card .card-img .card-mask {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3.77rem;
  margin-top: -4.49rem;
  width: 7.55rem;
  height: 8.98rem;
  background: url("../images/card-bg1.png") no-repeat 0 0;
  background-size: 100% 100%;
  z-index: -1;
  -webkit-animation: card-light .8s linear infinite alternate;
  animation: card-light .8s linear infinite alternate;
}

.f-card .card-img img {
  width: 3.70rem;
  height: 5.88rem;
  border-radius: 0.4rem;
  position: relative;
  z-index: 1;
}

.f-card .card-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
}

.f-card .card-btn a {
  width: 2.48rem;
  height: 0.72rem;
  margin: 0 0.2rem;
  border: 1px solid #FBFAFA;
  color: #fff;
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.72rem;
  border-radius: 0.36rem;
  margin-top: 1.8rem;
}

.f-card .card-btn a span {
  font-size: 0.22rem;
}

.team {
  position: relative;
  width: 6.22rem;
  height: auto;
  margin: 0.24rem auto 0.24rem;
  border-radius: 0.2rem;
  background-color: #F9FFFB;
  border: 1px solid #134151;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0 0.32rem;
}

.team .team-t-box {
  position: relative;
  display: flex;
}

.team .team-t1 {
  position: relative;
  width: auto;
  margin: -1px 0 0 -1px;
  height: 0.4rem;
  font-size: 0.2rem;
  color: #fff;
  display: flex;
  align-items: center;
  background: url("../images/team-t2.png") no-repeat 0 0;
  background-size: auto 100%;
  z-index: 1;
}

.team .team-t1 em {
  width: 0.23rem;
  height: 0.18rem;
  margin: 0 0.15rem 0 0.1rem;
  background: url("../images/icon-team.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t1::after {
  position: absolute;
  top: 0;
  left: 0rem;
  content: "";
  width: 0.43rem;
  height: 0.4rem;
  z-index: -1;
  background: url("../images/icon-team-t.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t1::before {
  position: absolute;
  top: 0;
  right: -0.3rem;
  content: "";
  width: 0.34rem;
  height: 0.4rem;
  z-index: -1;
  background: url("../images/team-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t2 {
  position: relative;
  width: auto;
  height: 0.4rem;
  margin: -1px 0 0 0;
  line-height: 0.38rem;
  font-size: 0.2rem;
  padding-left: 0.34rem;
  color: #3E403F;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: end;
  z-index: 0;
  background: none;
  letter-spacing: 0.02rem;
  padding-top: 0.02rem;
}

.team .team-t2 i {
  color: #30C376;
}

.team .team-t2 a {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.08rem;
  background: url("../images/icon-qu2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-t2::before {
  position: absolute;
  top: 0;
  right: -0.3rem;
  content: "";
  width: 0.34rem;
  height: 0.4rem;
  z-index: -1;
  display: none;
  background: url("../images/team-tips2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up {
  position: relative;
  display: flex;
  height: 1.6rem;
  margin-top: -0.1rem;
}

.team .team-up .team-line {
  position: absolute;
  top: 0.7rem;
  left: 0.4rem;
  display: flex;
}

.team .team-up .team-line i {
  display: block;
  width: 1.8rem;
  height: 0.04rem;
  border-radius: 0.25rem;
  background-color: #E4F3EB;
}

.team .team-up .team-line .on {
  background-color: #30C376;
}

.team .team-up .team-line .un {
  background-color: #FFA224;
}

.team .team-up .team-line .icon-v1 {
  position: absolute;
  left: 1.64rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.17rem;
  height: 0.2rem;
  background: url("../images/icon-v1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .team-line .icon-v1.un {
  background: url("../images/icon-v2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .team-line .icon-v2 {
  position: absolute;
  left: 3.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.17rem;
  height: 0.2rem;
  background: url("../images/icon-v1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .team-line .icon-v2.un {
  background: url("../images/icon-v2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-left {
  position: absolute;
  width: 1.12rem;
  top: 0.4rem;
  left: 0.4rem;
}

.team .team-up .tu-left i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-e1-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-left p {
  display: block;
  font-size: 0.2rem;
  text-align: center;
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 0.20rem;
  line-height: 0.24rem;
  color: #0AAC3C;
  margin-top: 0.08rem;
}

.team .team-up .tu-con {
  position: absolute;
  top: 0.4rem;
  left: 2.78rem;
}

.team .team-up .tu-con p {
  display: block;
  font-size: 0.2rem;
  text-align: center;
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 0.20rem;
  line-height: 0.24rem;
  color: #7A7D7A;
  margin-top: 0.08rem;
}

.team .team-up .tu-con i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-rw.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con .con-btn-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.team .team-up .tu-con .con-btn {
  max-width: 2rem;
  padding-right: 0.16rem;
  line-height: 0.44rem;
  background: linear-gradient(to right, #30C376, #00DE73);
  border-radius: 0.24rem;
  margin-top: 0.08rem;
  display: flex;
  align-items: center;
}

.team .team-up .tu-con .con-btn div {
  float: left;
  width: 1rem;
  display: flex;
  justify-content: center;
  margin-left: 0.04rem;
}

.team .team-up .tu-con .con-btn div img {
  display: block;
  flex-shrink: 0;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin-left: -0.1rem;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.team .team-up .tu-con .con-btn div .icon-img-add {
  border: 0;
}

.team .team-up .tu-con .con-btn em {
  white-space: nowrap;
  font-size: 0.2rem;
  color: #fff;
}

.team .team-up .tu-con.on p {
  color: #7A7D7A;
}

.team .team-up .tu-con.on i {
  background: url("../images/icon-rw-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con.on i::before {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con.in p {
  color: #0AAC3C;
}

.team .team-up .tu-con.in i {
  background: url("../images/icon-rw-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-err i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-go-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-err p {
  color: #EE8E1A;
}

.team .team-up .tu-con-fai i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-go-un2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-fai p {
  color: #3E403F;
}

.team .team-up .tu-con2 .con-btn {
  max-width: 2rem;
  background: linear-gradient(to right, #FC9215, #FFB415);
}

.team .team-up .tu-right {
  position: absolute;
  width: 1.12rem;
  top: 0.4rem;
  right: 0.5rem;
}

.team .team-up .tu-right i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-right p {
  text-align: center;
  margin-top: 0.08rem;
  font-size: 0.2rem;
  color: #7A7D7A;
  line-height: 0.24rem;
}

.team .team-up .tu-right.on i {
  background: url("../images/icon-g-on.png") no-repeat 0 0;
  background-size: 100% 100%;
  position: relative;
}

.team .team-up .tu-right.on i::before {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-right.on p {
  color: #7A7D7A;
}

.team .team-up .tu-con-un {
  top: 0.4rem;
  left: 2.78rem;
}

.team .team-up .tu-con-un i {
  display: block;
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
}

.team .team-up .tu-con-un .on {
  position: relative;
}

.team .team-up .tu-con-un .on::after {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-con-un p {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 0.20rem;
  line-height: 0.24rem;
  color: #7A7D7A;
  margin-top: 0.08rem;
}

.team .team-up .tu-left.on i {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
}

.team .team-up .tu-left.on i::before {
  content: "";
  position: absolute;
  bottom: 0.02rem;
  right: 0.02rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-up .tu-left.on p {
  background: none;
  color: #7A7D7A;
  height: auto;
  line-height: 0.24rem;
  margin-top: 0.08rem;
  font-size: 0.2rem;
  text-align: center;
}

.team .team-up .tu-left.on a {
  margin-top: 0.08rem;
}

.team .team-up .tu-right-un {
  top: 0.38rem;
  right: 0.46rem;
}

.team .team-up .tu-right-un p {
  color: #7A7D7A;
}

.team .team-up .tu-right-un i {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url("../images/icon-g.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-list {
  display: flex;
  justify-content: center;
  margin-bottom: 0.24rem;
}

.team .team-list .team-li {
  margin: 0 0.04rem;
  width: 1.04rem;
}

.team .team-list .team-li a {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  margin: 0 auto;
  background: url("../images/icon-add.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-list .team-li a.un {
  background: url("../images/icon-user.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.team .team-list .team-li img {
  display: block;
  margin: 0 auto;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
}

.team .team-list .team-li p {
  width: 0.9rem;
  margin: 0 auto;
  font-size: 0.2rem;
  color: #7A7D7A;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.16rem;
}

.team .team-list .team-li span {
  width: 100%;
  display: block;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  background-color: #F6F5F5;
  border-radius: 0.24rem;
  color: #7A7D7A;
  font-size: 0.2rem;
  margin-top: 0.12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team .team-on .team-li {
  width: 0.56rem;
  margin: 0;
  flex-shrink: 0;
  margin-left: -0.1rem;
  border: 0.02rem solid #fff;
  border-radius: 50%;
}

.team .team-text {
  font-size: 0.2rem;
  line-height: 0.32rem;
  color: #134151;
  text-align: center;
  width: 5.24rem;
  margin: 0 auto;
}

.team .team-text span {
  position: relative;
}

.team .team-text span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.08rem;
  border-radius: 0.04rem;
  background-color: rgba(35, 194, 104, 0.12);
}

.team .tame-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 0.32rem;
}

.team .tame-btn a {
  width: 2rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.58rem;
  font-size: 0.2rem;
  color: #fff;
  border-radius: 0.28rem;
  margin: 0 0.2rem;
}

.team .tame-btn .tbtn1 {
  color: #0AAC3C;
  background-color: rgba(35, 194, 104, 0.1);
}

.team .tame-btn .tbtn2 {
  color: #EE8E1A;
  background-color: rgba(255, 162, 36, 0.1);
}

.team .text {
  display: inline-block;
  padding: 0.04rem 0.04rem;
  background: linear-gradient(to right, #30C376, #00DE73);
  border-radius: 0.24rem;
  margin-top: 0.5rem;
}

.team .text div {
  float: left;
  height: 0.3rem;
  display: flex;
}

.team .text div img {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  margin-right: -0.1rem;
}

.team .text i {
  float: left;
  font-size: 0.2rem;
  color: #fff;
}

.team .team-time {
  width: 6rem;
  height: 0.32rem;
  margin: 0 auto;
  line-height: 0.32rem;
  color: #134151;
  white-space: nowrap;
  font-size: 0.2rem;
  text-align: center;
  background: linear-gradient(to right, rgba(255, 246, 36, 0), rgba(255, 246, 36, 0.08), rgba(255, 246, 36, 0.08), rgba(255, 246, 36, 0));
  border-radius: 0.2rem;
}

.warm-tips {
  width: 7.02rem;
  margin-bottom: 0;
}

.act-link {
  width: 7.02rem;
  margin-top: 0.16rem;
}

.tab-shop .tab-icon p {
  position: relative;
}

.tab-shop .tab-icon p em {
  position: absolute;
  top: -0.1rem;
  right: 0.0rem;
  height: 0.26rem;
  line-height: 0.26rem;
  min-width: 0.26rem;
  border-radius: 0.8rem;
  font-size: 0.2rem;
  color: #fff;
  background: #F16456;
  text-align: center;
  box-sizing: border-box;
  padding: 0 0.02rem;
}

.tab-shop .tab-icon p img {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  border-radius: 0.15rem;
}

.tab-shop .tab-icon p i {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
}

.tab-shop .tab-icon p .icon-share {
  background: url("../images/icon-share.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-book {
  background: url("../images/icon-book.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-start {
  background: url("../images/icon-start.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-start.on {
  background: url("../images/icon-start-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-ref {
  background: url("../images/icon-ref.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-shop {
  background: url("../images/icon-shop.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-store {
  background: url("../images/icon-stroe.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-fw {
  background: url("../images/icon-fw.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.tab-shop .tab-icon p .icon-fw.on {
  background: url("../images/icon-fw-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.f-load {
  z-index: 999999 !important;
}

.mask {
  background-color: rgba(0, 0, 0, 0.75);
}

.side {
  position: fixed;
  right: .02rem;
  bottom: 2.4rem;
  z-index: 100;
}

.side a {
  display: block;
  position: relative;
}

.side a img {
  width: 1.2rem;
  height: 1.2rem;
}

.side a span {
  position: absolute;
  top: -0.16rem;
  left: 50%;
  white-space: nowrap;
  display: inline-block;
  transform: translateX(-50%);
  font-size: 0.18rem;
  line-height: 0.28rem;
  padding: 0 0.08rem;
  color: #FFFFFF;
  border-radius: 0.14rem;
  background: linear-gradient(to right, #FC9215, #FFB415);
}

.side {
  z-index: 997;
}

.side a i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
}

.side a .side1 {
  background: url("../images/side1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.side a .side2 {
  background: url("../images/side2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.side a span {
  background: linear-gradient(to right, #FC9215, #FFB415);
}

.exchList .lb-btn a.on {
  color: #0AAC3C;
  border: 1px solid #23C268;
}

.exchList .lb-item .state {
  width: 2.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.exchList .lb-item em {
  width: 3.4rem;
  background: none !important;
}

.exchList .ld-gift {
  display: flex;
  padding: 0.18rem 0.24rem;
  background: #F2FDF6;
  box-shadow: 0 0 0 1px #A6E7BE inset;
  border-radius: 0.16rem;
  margin-top: 0.32rem;
  color: #3E403F;
}

.exchList .ld-gift i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  flex-shrink: 0;
  background: url("../images/icon-g2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.exchList .ld-gift p {
  color: #3E403F;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  text-align: justify;
}

.exchList .ld-gift p a {
  font-size: 0.26rem;
  color: #0AAC3C;
}

.pull-bom .pull-btn .user-agr {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0rem;
  top: 0.24rem;
  width: 7.5rem;
}

.pull-bom .pull-btn .user-agr i {
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.42rem;
  background: url(../images/icon-y4-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-bom .pull-btn .user-agr i.on {
  background: url(../images/icon-y4.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-bom .pull-btn .user-agr p {
  font-size: 0.22rem;
  color: #7A7D7A;
  margin-left: 0.16rem;
}

.pull-bom .pull-btn .user-agr p a {
  margin-left: 0rem;
  color: #3AAD11;
}

.pull-bom .pull-btn .pull-btn4 {
  flex: 1;
  height: 0.88rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  color: #131715;
  border-radius: 0.24rem;
  background-color: #E0F842;
}

.pull-bom .pull-btn .pull-btn6 {
  flex: 1;
  height: 0.88rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  color: #131715;
  border-radius: 0.24rem;
  background-color: #E0F842;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-stroke-width: 0.2pt;
  font-weight: 500;
}

.pull-bom .pull-btn .pull-btn6 p {
  font-size: 0.32rem;
}

.pull-bom .pull-btn .pull-btn6 p em {
  font-size: 0.4rem;
  font-weight: bold;
}

.pull-bom .pull-btn .pull-btn5 {
  flex: 1;
  height: 0.88rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.88rem;
  text-align: center;
  color: #131715;
  border-radius: 0.24rem;
  background-color: #F6F5F5;
}

.pull-bom .pull-btn.agr-btn {
  box-sizing: border-box;
  padding-top: 0.64rem;
  height: 1.84rem;
}

.pull-bom .pull-btn.agr-btn .act-info .in-price {
  margin-left: 0.42rem;
  justify-content: flex-start;
}

.pull-box-shop-success .suc-top {
  background: url("../images/suc-top.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-shop-success .pull-address {
  height: auto;
  padding: 0.2rem 0 0.2rem 0.2rem;
  margin: 0.24rem 0 0.09rem;
}

.pull-box-shop-success .pull-address .pull-add-text p {
  margin-bottom: 0.08rem;
  align-items: flex-start;
}

.pull-box-shop-success .pull-address .pull-add-text p a:nth-child(1) {
  white-space: nowrap;
  width: 0.78rem;
}

.pull-box-shop-success .pull-address .pull-add-text p a {
  word-break: break-all;
}

.pull-box-shop-success .pull-address .pull-add-text p a.add-name {
  width: auto;
}

.pull-box-shop-success .s-text2 span {
  color: #000000;
}

.pull-box-shop-success .gift-pack {
  width: 6.58rem;
  margin: 0.24rem auto 0;
  border-radius: 0.2rem;
  background: rgba(255, 162, 36, 0.08);
  display: flex;
  box-sizing: border-box;
  padding: 0.2rem 0.24rem;
}

.pull-box-shop-success .gift-pack i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  flex-shrink: 0;
  background: url("../images/icon-llkg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-shop-success .gift-pack p {
  color: #EE8E1A;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  text-align: justify;
}

.pull-box-shop-success .gift-pack p em {
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 0.3rem;
}

.pull-box-shop-pmt .pull-ser-con p {
  color: #3E403F;
  /* 段落·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.42rem;
  margin-top: 0.34rem;
  /* 150% */
}

.pull-box-shop-pmt .pull-ser-con .pmt-tips {
  margin-top: 0.24rem;
}

.pull-box-shop-pmt .pull-ser-con .pmt-tips .pt-tit {
  display: flex;
  align-items: center;
}

.pull-box-shop-pmt .pull-ser-con .pmt-tips .pt-tit i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  background: url("../images/icon-y3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-shop-pmt .pull-ser-con .pmt-tips .pt-tit em {
  color: #131715;
  /* 段落·Font16 */
  font-family: "Source Han Sans CN";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.48rem;
  /* 150% */
}

.pull-box-shop-pmt .pull-ser-con .pmt-tips span {
  display: block;
  margin-top: 0.08rem;
  color: #7A7D7A;
  /* 段落·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.42rem;
  /* 150% */
}

.pull-box-shop-dis {
  background-color: #fff;
  padding: 0.4rem 0.32rem;
  height: auto;
}

.pull-box-shop-dis .dis-nav {
  display: flex;
  align-items: center;
  margin-top: 0.46rem;
}

.pull-box-shop-dis .dis-nav a {
  flex: 1;
  text-align: center;
  color: #131715;
  text-align: center;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  /* 121.429% */
}

.pull-box-shop-dis .dis-nav a.on {
  font-weight: bold;
  position: relative;
}

.pull-box-shop-dis .dis-nav a.on::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  margin-left: -0.36rem;
  width: 0.72rem;
  height: 0.28rem;
  z-index: -1;
  background: url("../images/nav-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-shop-dis .pull-balan {
  margin-top: 0.48rem;
}

.pull-box-shop-dis .dis-text-con {
  overflow-y: auto;
  margin-top: 0.24rem;
  margin-bottom: 1.28rem;
}

.pull-box-shop-dis .dis-text-con p {
  margin-bottom: 0.24rem;
  color: #3E403F;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.42rem;
}

.pull-box-shop-dis .dis-text-con p:nth-last-child(1) {
  margin-bottom: 0;
}

.pull-box-shop-dis .dis-text-con p a {
  color: #0AAC3C;
}

.pull-box-cancel {
  background-color: #fff;
  padding: 0.4rem 0.48rem;
  height: auto;
  padding-bottom: 1.84rem;
}

.pull-box-cancel .can-tips {
  margin-top: 0.32rem;
  color: #EE8E1A;
  /* 段落·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  /* 150% */
  padding: 0.16rem 0.2rem;
  border-radius: 0.2rem;
  background: rgba(255, 162, 36, 0.08);
}

.pull-box-cancel .can-list {
  margin-top: 0.4rem;
}

.pull-box-cancel .can-list p {
  color: #A7A8A7;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
}

.pull-box-cancel .can-list ul li {
  height: 0.88rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pull-box-cancel .can-list ul li span {
  color: #3E403F;
  /* 单·Font15 */
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  /* 120% */
}

.pull-box-cancel .can-list ul li a {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-y4-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-cancel .can-list ul li a.on {
  background: url("../images/icon-y4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-addcart {
  background-color: #EFF3F4;
  padding: 0.4rem 0.24rem 0;
  height: auto;
}

.pull-box-addcart .p-close {
  position: absolute;
  top: .16rem;
  right: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url(../images/icon-close2.png) no-repeat center center;
  background-size: 0.48rem 0.48rem;
}

.pull-box-addcart .act-tit {
  position: absolute;
  top: 0.24rem;
  width: 3.84rem;
  height: 0.32rem;
  left: 50%;
  margin-left: -1.92rem;
  background: url("../images/tit-kb.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-addcart .pull-addcart-con {
  max-height: 11.70rem;
  margin-top: 0.4rem;
  border-radius: 0.2rem;
  position: relative;
}

.pull-box-addcart .act-con {
  max-height: 7.08rem;
  overflow-y: auto;
}

.pull-box-addcart .pull-size .pull-size-option .on {
  border: 1px solid #E0F842;
  color: #3E403F;
  background: rgba(224, 248, 66, 0.2);
}

.pull-box-addcart .pull-size .pull-size-option a {
  position: relative;
}

.pull-box-addcart .pull-size .pull-size-option a em {
  position: absolute;
  display: flex;
  align-items: center;
  top: -0.08rem;
  right: -0.08rem;
  color: #131715;
  padding: 0 0.08rem;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  background: #E0F842;
  border-radius: 0.14rem 0.14rem 0.14rem 0.04rem;
}

.pull-box-addcart .pull-size .pull-size-option a em i {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/iicon-hot.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-addcart .pull-size .pull-size-option .un {
  color: #CFD1D0;
}

.pull-box-addcart .pull-size .pull-size-option .un i {
  background: #A7A8A7;
}

.pull-box-addcart .pull-size .num-add {
  display: flex;
  width: 2.08rem;
  height: 0.64rem;
  background-color: #F2F3F5;
  align-items: center;
  border-radius: 0.2rem;
  overflow: hidden;
}

.pull-box-addcart .pull-size .num-add .reduce {
  width: 0.64rem;
  height: 0.64rem;
  line-height: 0.56rem;
  text-align: center;
  color: #3E403F;
}

.pull-box-addcart .pull-size .num-add .reduce.reduce-un {
  color: #A7A8A7;
}

.pull-box-addcart .pull-size .num-add i {
  width: 0.96rem;
  height: 0.58rem;
  text-align: center;
  line-height: 0.64rem;
  background-color: #fff;
  color: #3E403F;
  font-size: 0.3rem;
  text-align: center;
  display: block;
}

.pull-box-addcart .pull-size .num-add input {
  width: 0.96rem;
  height: 0.58rem;
  text-align: center;
  line-height: 0.64rem;
  background-color: #fff;
  color: #3E403F;
  font-size: 0.3rem;
  text-align: center;
  display: block;
  border: 0;
}

.pull-box-addcart .pull-size .num-add .add {
  color: #3E403F;
  width: 0.64rem;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
  font-size: 0.36rem;
  font-weight: bold;
}

.pull-box-addcart .pull-size .num-add .add.add-un {
  color: #A7A8A7;
}

.pull-box-addcart .pull-bom {
  position: relative;
  width: 7.5rem;
  margin-left: -0.24rem;
  margin-top: 0.16rem;
}

.pull-box-addcart .pull-btn {
  width: 7.5rem;
  height: 1.28rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.pull-box-addcart .pull-btn .pull-btn4 {
  width: 2.2rem;
  flex: none;
  margin: 0 0.24rem;
  font-weight: bold;
}

.pull-box-addcart .pull-btn.tips {
  height: 1.84rem;
}

.pull-box-addcart .pull-btn.tips .pull-btn6 {
  margin-top: 0.44rem;
}

.pull-box-am {
  padding: 0.4rem 0.32rem 1.48rem;
  max-height: 12.2rem;
  height: 10rem;
}

.pull-box-am .pay-tips {
  text-align: center;
  font-size: 0.22rem;
  color: #A7A8A7;
  margin-top: 0rem;
  line-height: 0.4rem;
}

.pull-box-am .shop-img {
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
  box-sizing: border-box;
  padding-right: 0.3rem;
}

.pull-box-am .shop-img p {
  position: relative;
  width: 1.64rem;
  height: 0.96rem;
  margin-right: 0.16rem;
}

.pull-box-am .shop-img p img {
  display: block;
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.16rem;
}

.pull-box-am .shop-img p i {
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/icon-y4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-am .shop-img span {
  flex: 1;
  text-align: end;
  display: block;
  margin-left: 0.28rem;
  font-size: 0.26rem;
  color: #3E403F;
  line-height: 0.3rem;
  white-space: nowrap;
}

.pull-box-am .act-dis {
  padding: 0;
  margin-top: 0.64rem;
}

.pull-box-am .act-dis .dis-tit {
  margin-top: 0.48rem;
}

.pull-box-am .act-dis .dis-tit div {
  font-weight: bold;
}

.pull-box-am .act-dis .dis-tit2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0.2rem;
}

.pull-box-am .act-dis .dis-tit2 div {
  color: #3E403F;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.36rem;
  /* 120% */
  display: flex;
  align-items: center;
}

.pull-box-am .act-dis .dis-tit2 p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.pull-box-am .act-dis .dis-tit2 p em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.pull-box-am .act-dis .dis-tit2 p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.pull-box-am .act-dis .dis-tit2 p span i {
  font-size: 0.2rem;
}

.pull-box-am .act-dis .dis-tit2 p.d-red em {
  color: #FF4D0D;
}

.pull-box-am .act-dis .dis-tit2 p.d-red span {
  color: #FF4D0D;
}

.pull-box-time {
  height: 6.4rem;
}

.pull-box-time .pull-bom .pull-btn a {
  width: 3.12rem;
  height: 0.8rem;
  line-height: 0.8rem;
}

.addcart-load {
  position: fixed;
  left: 50%;
  margin-left: -0.8rem;
  top: 50%;
  margin-top: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(19, 23, 21, 0.8);
  z-index: 2;
}

.addcart-load img {
  width: 0.80rem;
  height: 0.80rem;
  animation: rot 1s infinite linear;
  -webkit-animation: rot 1s infinite linear;
}

.act-info {
  flex-shrink: 0;
  flex: 1;
}

.act-info .in-price {
  display: flex;
  justify-content: flex-end;
}

.act-info .in-price div {
  display: flex;
  align-items: center;
  /* 116.667% */
}

.act-info .in-price div span {
  color: #A7A8A7;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  white-space: nowrap;
}

.act-info .in-price div em {
  color: #131715;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  margin-left: 0.08rem;
  white-space: nowrap;
  /* 116.667% */
}

.act-info .in-price p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
  align-items: center;
  margin-left: 0.08rem;
}

.act-info .in-price p em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.act-info .in-price p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.act-info .in-price p span i {
  font-size: 0.24rem;
}

.act-info .in-py {
  display: flex;
  justify-content: flex-end;
  color: #FF4D0D;
  margin-top: 0.02rem;
  text-align: right;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 116.667% */
  align-items: center;
  margin-left: 0.16rem;
}

.act-info .in-py em {
  color: #FF4D0D;
  text-align: right;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  display: flex;
  padding: 0.04rem 0.08rem;
  justify-content: center;
  align-items: center;
  /* 116.667% */
  margin-left: 0.12rem;
  border-radius: 0.08rem;
  background: rgba(255, 77, 13, 0.12);
}

.act-add {
  height: 1.12rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0.32rem;
  border-radius: 0.2rem;
  transition: all 0.5s;
  margin-bottom: 0.24rem;
}

.act-add i {
  flex-shrink: 0;
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.16rem;
  background: url("../images/icon-map.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-add div {
  flex: 1;
}

.act-add div p {
  display: flex;
}

.act-add div p span {
  color: #131715;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.30rem;
  margin-right: 0.2rem;
  /* 115.385% */
}

.act-add div em {
  color: #A7A8A7;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  margin-top: 0.08rem;
  display: block;
  /* 118.182% */
}

.act-add a {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/icon-right.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.act-add.on {
  height: 0.96rem;
}

.act-add.on div em {
  display: none;
}

.act-select {
  border-radius: 0.2rem 0.2rem 0 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.32rem 0.32rem 0;
  margin-top: 0.16rem;
}

.act-select .act-img {
  display: flex;
  box-sizing: border-box;
  padding-bottom: 0.32rem;
  border-bottom: 1px solid #EEE;
}

.act-select .act-img img {
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.16rem;
  margin-right: 0.16rem;
}

.act-select .act-img div span {
  display: block;
  margin-top: 0.08rem;
  overflow: hidden;
  color: #3E403F;
  text-overflow: ellipsis;
  /* 单·Font14 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  /* 121.429% */
}

.act-select .act-img div p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
  align-items: center;
}

.act-select .act-img div p em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.14rem;
  /* 100% */
}

.act-select .act-img div p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.act-select .act-img div p span i {
  font-size: 0.24rem;
}

.act-select .act-img.on {
  border-bottom: 0;
}

.CDK-select .act-img div {
  flex: 1;
}

.CDK-select .act-img div .cdk-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  color: #131715;
  margin-top: -0.05rem;
}

.CDK-select .act-img div .cdk-sp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.04rem;
}

.CDK-select .act-img div .cdk-sp span {
  font-size: 0.22rem;
  color: #A7A8A7;
}

.act-select-size {
  border-radius: 0 0 0.2rem 0.2rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0.32rem 0.4rem;
  overflow: hidden;
}

.act-select-size .pull-size-con {
  overflow: hidden;
  max-height: 99rem;
  margin-top: 0.32rem;
}

.act-select-size .pull-size-con .pull-size:nth-last-child(1) {
  margin-bottom: 0;
}

.act-select-size .pull-size-con .pull-size p {
  font-size: 0.3rem;
}

.act-select-size .pull-size-con .pull-size-style {
  margin-top: 0.16rem;
}

.act-select-size .pull-size-con .pull-size-style ul {
  display: flex;
  flex-wrap: wrap;
}

.act-select-size .pull-size-con .pull-size-style ul li {
  width: 1.8rem;
  height: 1.56rem;
  border-radius: 0.16rem;
  background-color: #F2F3F5;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.08rem;
  margin-right: 0.24rem;
  margin-bottom: 0.24rem;
}

.act-select-size .pull-size-con .pull-size-style ul li .icon-gr {
  top: 0;
  left: 0;
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  z-index: 1;
  background: url("../images/icon-bi.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-select-size .pull-size-con .pull-size-style ul li img {
  width: 1.64rem;
  height: 0.96rem;
  display: block;
  margin: 0 auto;
  border-radius: 0.16rem;
}

.act-select-size .pull-size-con .pull-size-style ul li span {
  display: block;
  width: 1.6rem;
  margin: 0.08rem auto 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #131715;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 116.667% */
}

.act-select-size .pull-size-con .pull-size-style ul li em {
  position: absolute;
  display: flex;
  align-items: center;
  top: -0.08rem;
  right: -0.08rem;
  color: #131715;
  padding: 0 0.08rem;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  background: #E0F842;
  border-radius: 0.14rem 0.14rem 0.14rem 0.04rem;
  /* 175% */
}

.act-select-size .pull-size-con .pull-size-style ul li em i {
  width: 0.2rem;
  height: 0.2rem;
  background: url("../images/iicon-hot.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-select-size .pull-size-con .pull-size-style ul li.un::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(242, 243, 245, 0.6);
  border-radius: 0.16rem;
}

.act-select-size .pull-size-con .pull-size-style ul li.un em {
  position: absolute;
  top: -0.08rem;
  right: -0.08rem;
  color: #FFF;
  padding: 0 0.08rem;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  background: #A7A8A7;
  border-radius: 0.14rem 0.14rem 0.14rem 0.04rem;
}

.act-select-size .pull-size-con .pull-size-style ul li.on {
  box-sizing: border-box;
  border: 1px solid #E0F842;
  background: rgba(224, 248, 66, 0.2);
}

.act-dis {
  border-radius: 0.2rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.32rem 0.32rem 0.32rem;
  margin-top: 0.16rem;
}

.act-dis .dis-list ul li {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
}

.act-dis .dis-list ul li img {
  width: 0.48rem;
  height: 0.48rem;
}

.act-dis .dis-list ul li p {
  flex: 1;
  color: #3E403F;
  margin-left: 0.1rem;
  /* 单·Font13 */
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 115.385% */
  display: flex;
  align-items: center;
}

.act-dis .dis-list ul li p a {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.08rem;
  background: url("../images/icon-about.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-dis .dis-list ul li .d-red {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.act-dis .dis-list ul li .d-red em {
  color: #FF4D0D;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.act-dis .dis-list ul li .d-red span {
  color: #FF4D0D;
  font-family: Roboto;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.act-dis .dis-list ul li .d-red span i {
  font-size: 0.24rem;
}

.act-dis .dis-list ul li .d-red.un span {
  color: #A7A8A7;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 115.385% */
}

.act-dis .dis-list ul li .d-y span {
  color: #FFF;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  border-radius: 0.2rem;
  display: flex;
  height: 0.4rem;
  padding: 0rem 0.12rem;
  align-items: center;
  background: linear-gradient(90deg, #FFAF1B 0%, #FF4D0D 100%);
  /* 115.385% */
}

.act-dis .dis-list ul li .d-g span {
  color: #0AAC3C;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.38rem;
  border-radius: 0.08rem;
  display: flex;
  height: 0.4rem;
  padding: 0rem 0.12rem;
  align-items: center;
  background: linear-gradient(90deg, #D1FFEE 0%, #EAFCD4 100%);
  /* 115.385% */
}

.act-dis .dis-list ul li i {
  margin-left: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-arr4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-dis .dis-list.un {
  height: 1.6rem;
  overflow: hidden;
}

.act-dis .dis-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.32rem 0 0;
}

.act-dis .dis-tips span {
  color: #A7A8A7;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.act-dis .dis-tips i {
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.16rem;
  background: url("../images/icon-up.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-dis .dis-tips.un i {
  transform: rotate(180deg);
}

.dis-tit-qu {
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  color: #A7A8A7;
  font-weight: 500;
  float: right;
}

.dis-tit-qu i {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.08rem;
  background: url("../images/icon-qu3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.dis-tit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.dis-tit:nth-last-child(1) {
  margin-top: 0.32rem;
}

.dis-tit div {
  color: #131715;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.36rem;
  /* 120% */
  display: flex;
  align-items: center;
}

.dis-tit div em {
  color: #A7A8A7;
  margin-left: 0.16rem;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.dis-tit p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.dis-tit p em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.dis-tit p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.dis-tit p span i {
  font-size: 0.24rem;
}

.dis-tit p.d-red em {
  color: #FF4D0D;
}

.dis-tit p.d-red span {
  color: #FF4D0D;
}

.act-pe {
  border-radius: 0.2rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.32rem 0.32rem 0.28rem;
  margin-top: 0.16rem;
}

.act-pe ul {
  margin-top: 0.16rem;
}

.act-pe ul li {
  display: flex;
  align-items: center;
  height: 0.8rem;
}

.act-pe ul li img {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
}

.act-pe ul li p {
  flex: 1;
  color: #3E403F;
  margin-left: 0.16rem;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  /* 121.429% */
}

.act-pe ul li a {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-y4-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.act-pe ul li a.on {
  background: url("../images/icon-y4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay {
  background-color: #EFF3F4;
  padding: 0.4rem 0.24rem;
  max-height: 14rem;
}

.pull-box-pay .pay-tips {
  text-align: center;
  font-size: 0.22rem;
  color: #A7A8A7;
  margin-top: 0rem;
  line-height: 0.4rem;
}

.pull-box-pay .pay-list {
  margin-top: 0.32rem;
  max-height: 7.2rem;
  overflow-y: auto;
}

.pull-box-pay .pay-list ul li {
  margin-bottom: 0.24rem;
  border-radius: 0.2rem;
  background-color: #FFFFFF;
  padding: 0.42rem 0;
}

.pull-box-pay .pay-list ul li .pay-tit {
  box-sizing: border-box;
  padding: 0 0.32rem;
  display: flex;
  align-items: center;
}

.pull-box-pay .pay-list ul li .pay-tit p {
  color: #131715;
  /* 单·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  display: flex;
  align-items: center;
  flex: 1;
  /* 121.429% */
}

.pull-box-pay .pay-list ul li .pay-tit p i {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.08rem;
  background: url("../images/icon-about.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-tit p em {
  width: 1.47rem;
  height: 0.35rem;
}

.pull-box-pay .pay-list ul li .pay-tit p em.bm1 {
  width: 0.92rem;
  height: 0.35rem;
  background: url("../images/tit-bmh1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-tit p em.bm2 {
  width: 1.47rem;
  height: 0.35rem;
  background: url("../images/tit-bmh2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-tit span {
  color: #A7A8A7;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
  margin-left: 0.08rem;
  /* 118.182% */
}

.pull-box-pay .pay-list ul li .pay-tit a {
  width: 0.4rem;
  height: 0.4rem;
  background: url("../images/icon-y4-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-tit a.on {
  background: url("../images/icon-y4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.88rem;
}

.pull-box-pay .pay-list ul li .pay-con .pay-num {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.32rem;
}

.pull-box-pay .pay-list ul li .pay-con .pay-num p {
  flex: 1;
  display: flex;
  align-items: center;
  color: #7A7D7A;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 116.667% */
}

.pull-box-pay .pay-list ul li .pay-con .pay-num p i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  background: url("../images/icon-bmh2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con .pay-num span {
  display: flex;
  height: 0.4rem;
  padding: 0rem 0.08rem;
  justify-content: center;
  align-items: center;
  gap: 0.08rem;
  color: #3AAD11;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
  border-radius: 0.08rem;
  background: rgba(35, 194, 104, 0.08);
}

.pull-box-pay .pay-list ul li .pay-con .pay-num span em {
  font-weight: bold;
}

.pull-box-pay .pay-list ul li .ds-item-box {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
}

.pull-box-pay .pay-list ul li .ds-item {
  width: 2.32rem;
  height: 2.08rem;
  background: url("../images/dis-on.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.24rem;
  margin-left: 0.16rem;
  flex-shrink: 0;
}

.pull-box-pay .pay-list ul li .ds-item:nth-child(1) {
  margin-left: 0.32rem;
}

.pull-box-pay .pay-list ul li .ds-item span {
  color: #74A544;
  align-self: stretch;
  /* 单·Font12 */
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  display: block;
  /* 116.667% */
}

.pull-box-pay .pay-list ul li .ds-item p {
  margin-top: 0.12rem;
  display: flex;
  align-items: flex-end;
}

.pull-box-pay .pay-list ul li .ds-item p em:nth-child(1) {
  transform: translateY(-0.13rem);
  color: #131715;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.32rem;
  /* 133.333% */
}

.pull-box-pay .pay-list ul li .ds-item p em:nth-child(2) {
  color: #131715;
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-weight: bold;
}

.pull-box-pay .pay-list ul li .ds-item i {
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
  color: #131715;
  /* 单·Font10 */
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  /* 120% */
}

.pull-box-pay .pay-list ul li .ds-item i em {
  font-weight: bold;
  margin: 0 0.08rem;
}

.pull-box-pay .pay-list ul li .dis-num {
  margin-left: 0.32rem;
}

.pull-box-pay .pay-list ul li .dis-num p {
  color: #131715;
  font-size: 0.30rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.36rem;
  /* 120% */
}

.pull-box-pay .pay-list ul li .dis-num span {
  display: block;
  color: #A7A8A7;
  margin-top: 0.08rem;
  /* 单·Font11 */
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.pull-box-pay .pay-list ul li .dis-num .num-add {
  display: flex;
  width: 2.08rem;
  height: 0.64rem;
  background: url(../images/num-add.png) no-repeat 0 0;
  background-size: 100% 100%;
  margin-top: 0.4rem;
}

.pull-box-pay .pay-list ul li .dis-num .num-add a {
  width: 0.64rem;
  height: 0.64rem;
}

.pull-box-pay .pay-list ul li .dis-num .num-add i {
  width: 0.96rem;
  height: 0.64rem;
  text-align: center;
  line-height: 0.64rem;
  color: #3E403F;
  font-size: 0.3rem;
  text-align: center;
  display: block;
}

.pull-box-pay .pay-list ul li .dis-num .num-add.un {
  background: url(../images/num-add-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .ds-item.un {
  background: url("../images/dis-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .ds-item.un span {
  color: #7A7D7A;
}

.pull-box-pay .pay-list ul li .pay-dis-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-top: 0.24rem;
  width: 100%;
}

.pull-box-pay .pay-list ul li .pay-dis-list::-webkit-scrollbar {
  display: none;
}

.pull-box-pay .pay-list ul li .pay-dis-list .ds-item.on {
  background: url("../images/dis-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-dis-list .ds-item.un {
  background: url("../images/dis-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con.cb .pay-num p i {
  background: url("../images/icon-bmh3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con.cb .pay-num span {
  color: #C27636;
  background: #FCF3E1;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item {
  background: url(../images/dis2-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item span {
  color: #C27636;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item p em {
  color: #C27636;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item i {
  color: #C27636;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item.on {
  background: url(../images/dis2-on.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item.un {
  background: url(../images/dis2-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item.un span {
  color: #7A7D7A;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item.un p em {
  color: #3E403F;
}

.pull-box-pay .pay-list ul li .pay-con.cb .ds-item.un i {
  color: #3E403F;
}

.pull-box-pay .pay-list ul li.on {
  width: 7.02rem;
  height: 4.72rem;
  box-sizing: border-box;
  background: url("../images/dis-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.pull-box-pay .pay-use {
  position: absolute;
  width: 7.5rem;
  left: 0;
  bottom: 1.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pull-box-pay .pay-use p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #3E403F;
  margin: 0 0.12rem;
}

.pull-box-pay .pay-use p em {
  font-size: 0.36rem;
  color: #FF4D0D;
  font-weight: bold;
}

.pull-box-pay .pay-use p i {
  margin-left: 0.04rem;
  transform: translateY(0.02rem);
  font-size: 0.2rem;
  color: #FF4D0D;
  font-weight: bold;
}

.mt38 {
  margin-top: 0.38rem !important;
}

.pop-box {
  width: 6rem;
  background-color: #fff;
  border-radius: 0.8rem 0.32rem 0.32rem;
  padding: 0.48rem;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

.pop-box .pb-title {
  color: #131715;
  text-align: center;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.48rem;
}

.pop-box .pb-text {
  color: #3E403F;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.44rem;
  margin-top: 0.32rem;
}

.pop-box .pb-tips {
  display: block;
  font-size: 0.2rem;
  margin-top: 0.32rem;
}

.pop-box .pb-tips span {
  padding: 0.06rem 0.12rem;
  gap: 0.1rem;
  border-radius: 0.36rem;
  background: #F2F3F5;
  color: #3E403F;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
}

.pop-box .pb-tips-con {
  color: #7A7D7A;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  margin-top: 0.08rem;
}

.pop-box .pb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.48rem;
}

.pop-box .pb-btn a {
  margin: 0 0.12rem;
  width: 2.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  border-radius: 0.4rem;
  font-size: 0.3rem;
  box-sizing: border-box;
}

.pop-box .pb-btn .pb-btn1 {
  color: #3E403F;
  border: 1px solid #CFD1D0;
}

.pop-box .pb-btn .pb-btn2 {
  color: #fff;
  background: linear-gradient(270deg, #28C36B -1.59%, #3AD470 100%);
}

@-webkit-keyframes em-icon {
  100% {
    background-position: 100% 0;
  }
}

@keyframes Rcard {
  0% {
    transform: scale(0) rotateY(0deg);
    box-shadow: 0rem 0.1rem 1rem rgba(245, 242, 162, 0.7);
  }
  15% {
    transform: scale(0.25) rotateY(90deg);
  }
  30% {
    transform: scale(0.5) rotateY(180deg);
  }
  45% {
    transform: scale(0.75) rotateY(270deg);
  }
  60% {
    transform: scale(1) rotateY(360deg);
  }
  90% {
    transform: scale(1.1) rotateY(360deg);
    box-shadow: 0rem 0.1rem 1.4rem rgba(245, 242, 162, 0.7);
  }
  100% {
    transform: scale(1) rotateY(360deg);
    box-shadow: none;
  }
}

@-webkit-keyframes card-light {
  0% {
    -webkit-transform: scale(1) rotate(1deg);
    transform: scale(1) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
  }
}

@keyframes card-light {
  0% {
    -webkit-transform: scale(1) rotate(1deg);
    transform: scale(1) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
  }
}

@-webkit-keyframes card-light2 {
  0% {
    -webkit-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(-1deg);
    transform: scale(1) rotate(-1deg);
  }
}

@keyframes card-light2 {
  0% {
    -webkit-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(-1deg);
    transform: scale(1) rotate(-1deg);
  }
}

.box {
  overflow: hidden;
}

.h-smb {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: 0;
  top: 0.88rem;
  position: absolute;
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 7.5rem;
}

.h-smb i {
  width: 0.48rem;
  height: 0.48rem;
  background: url("../images/cld/icon-ic.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-notice {
  position: absolute;
  top: 3.22rem;
  left: 50%;
  transform: translateX(-56%);
  display: flex;
  align-items: center;
}

.h-notice img {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.08rem;
}

.h-notice .new-box {
  display: flex;
  align-items: center;
  height: 0.72rem;
  width: auto;
  box-sizing: border-box;
  padding: 0 0.22rem;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #fff;
  border-radius: 0.36rem;
}

.h-notice .divScrbox {
  height: 0.58rem;
  overflow: hidden;
  margin: 0 auto;
}

.h-notice .scrollList li {
  height: 0.58rem;
  line-height: 0.58rem;
  color: #3E403F;
  white-space: nowrap;
  font-size: 0.24rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.h-notice .scrollList li i {
  margin-left: 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/cld/hiocn-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.h-notice .scrollList span,
.h-notice .scrollList em {
  color: #1CA9EF;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.h-notice .scrollList span {
  max-width: 1.8rem;
}

.h-notice .scrollList em {
  max-width: 2.8rem;
}

.mbox {
  width: 7.5rem;
  margin-top: -3.1rem;
  border-radius: 0.32rem 0.32rem 0rem 0rem;
  border: 1px solid #EFF3F4;
  background: linear-gradient(180deg, rgba(239, 243, 244, 0.4) 0%, #EFF3F4 100%);
  backdrop-filter: blur(3px);
  box-sizing: border-box;
  padding-top: 0.32rem;
}

.mcald {
  width: 7.02rem;
  height: 1.16rem;
  margin: 0 auto;
  border-radius: 0.1rem;
  background-color: #fff;
  position: relative;
}

.caleH {
  position: relative;
  width: 7.02rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 0.16rem;
}

.caleH .caleHBox {
  display: flex;
  align-items: center;
  width: 6.3rem;
  height: 1.16rem;
  position: relative;
  overflow-x: auto;
}

.caleH .caleHBox::-webkit-scrollbar {
  display: none;
}

.caleH .caleHBox .caleHD {
  display: flex;
  align-items: center;
}

.caleH .caleHBox .caleHD li {
  cursor: pointer;
  width: 0.92rem;
  height: 0.92rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.caleH .caleHBox .caleHD li p {
  font-size: 0.2rem;
  color: #3E403F;
  text-align: center;
}

.caleH .caleHBox .caleHD li span {
  display: block;
  font-size: 0.28rem;
  color: #3E403F;
  font-weight: bold;
  text-align: center;
}

.caleH .caleHBox .caleHD li.start {
  position: relative;
  z-index: 0;
  background-color: #E5FBFE;
  border-radius: 0.16rem 0 0 0.16rem;
}

.caleH .caleHBox .caleHD li.start::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0.16rem;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
  z-index: -1;
}

.caleH .caleHBox .caleHD li.end {
  position: relative;
  z-index: 0;
  background-color: #E5FBFE;
  border-radius: 0 0.16rem 0.16rem 0;
}

.caleH .caleHBox .caleHD li.end::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0.16rem;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
  z-index: -1;
}

.caleH .caleHBox .caleHD li.on {
  position: relative;
  z-index: 0;
  border-radius: 0.16rem;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
}

.caleH .caleHBox .caleHD li.in {
  background-color: #E5FBFE;
}

.caleH .cald-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.96rem;
  height: 1.16rem;
  background: url("../images/cld/cale-btn.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.calendarWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.5rem;
  margin: 0 auto;
  border-radius: 0.32rem;
  overflow: hidden;
  z-index: 9;
}

.calendarBtns {
  background: #fff;
  padding: .32rem .32rem .16rem 0.32rem;
  display: flex;
  justify-content: space-between;
}

.calendarBtns span.on {
  color: #131715;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
}

.calendarBtns span {
  background: #F2F3F5;
  width: 1.58rem;
  height: .52rem;
  line-height: .52rem;
  color: #3E403F;
  font-size: .24rem;
  margin-left: .16rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: .16rem;
  text-align: center;
  overflow: hidden;
}

.calendarBtns span:nth-child(1) {
  margin-left: 0;
}

.calendarDays {
  background: #fff;
  height: .64rem;
  line-height: .64rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 1rem;
  overflow: hidden;
}

.calendarDays span {
  text-align: center;
  color: #A7A8A7;
  font-size: .24rem;
}

.calendarDates {
  background: #EFF3F4;
  position: relative;
  overflow: hidden;
}

.calendarDates .caleMonthBox {
  max-height: 4.8rem;
  height: 4.8rem;
  overflow-y: auto;
}

.calendarDates .caleMonthBox::-webkit-scrollbar {
  display: none;
}

.calendarDates .caleFixTitle,
.calendarDates .caleMonthTitle {
  background: #EFF3F4;
  width: 100%;
  height: .64rem;
  line-height: .64rem;
  text-align: center;
  font-size: .28rem;
  color: #131715;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

.calendarDates .caleFixTitle strong,
.calendarDates .caleMonthTitle strong {
  font-family: kb_bold;
  margin-right: .08rem;
  font-size: .3rem;
}

.calendarDates .caleFixTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.caleMonthDays {
  width: 6.16rem;
  margin: 0 auto;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.caleMonthDays li.start {
  position: relative;
  z-index: 0;
  background-color: #E5FBFE;
  border-radius: 0.16rem 0 0 0.16rem;
}

.caleMonthDays li.start::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0.16rem 0 0 0.16rem;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
  z-index: -1;
}

.caleMonthDays li.end {
  position: relative;
  z-index: 0;
  background-color: #E5FBFE;
  border-radius: 0 0.16rem 0.16rem 0;
}

.caleMonthDays li.end::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0 0.16rem 0.16rem 0;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
  z-index: -1;
}

.caleMonthDays li.on {
  position: relative;
  z-index: 0;
  border-radius: 0.16rem;
  background: linear-gradient(149deg, #E8FFD4 3.24%, #ADF3FF 55.6%, #D4F9FF 90.81%);
}

.caleMonthDays li.in {
  background-color: #E5FBFE;
}

.cale-mask {
  width: 100vw;
  height: calc(100vh - 6rem);
  position: fixed;
  left: 0;
  top: 2rem;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 8;
}

.caleMonthDays li {
  width: 0.88rem;
  height: 0.88rem;
  line-height: 0.88rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  font-weight: 500;
  -webkit-text-stroke-width: .2pt;
  font-size: .26rem;
  margin-bottom: 0.2rem;
  color: #131715;
}

.caleMonthDays .space1 {
  width: 0.88rem;
}

.caleMonthDays .space2 {
  width: 1.76rem;
}

.caleMonthDays .space3 {
  width: 2.64rem;
}

.caleMonthDays .space4 {
  width: 3.52rem;
}

.caleMonthDays .space5 {
  width: 4.4rem;
}

.caleMonthDays .space6 {
  width: 5.28rem;
}

.caleMonthDays .now {
  position: relative;
}

.caleMonthDays .now:before {
  background: #000;
  width: .2rem;
  height: .2rem;
  line-height: .2rem;
  font-size: .16rem;
  color: #fff;
  text-align: center;
  border-radius: .06rem;
  content: '今';
  position: absolute;
  left: 50%;
  margin-left: -.08rem;
  top: .08rem;
}

.caleMonthDays .pass {
  color: #A7A8A7;
}

.calendarReset {
  background: #fff;
  padding: .32rem;
  display: box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
}

.calendarReset a {
  height: .8rem;
  line-height: .8rem;
  border-radius: .2rem;
  text-align: center;
  font-size: .28rem;
  overflow: hidden;
}

.calendarReset .reset {
  width: 2.4rem;
  -webkit-box-shadow: 0 0 0 .02rem #000 inset;
  box-shadow: 0 0 0 .02rem #000 inset;
  color: #000;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.calendarReset .sure {
  background: #000;
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 0%;
  margin-left: .32rem;
}

.m-nav {
  display: flex;
  margin: 0.24rem auto;
  width: 7.5rem;
  overflow-x: auto;
}

.m-nav::-webkit-scrollbar {
  display: none;
}

.m-nav a {
  display: flex;
  height: 0.64rem;
  padding: 0rem 0.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
  background: #FFF;
  color: #131715;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.64rem;
  /* 115.385% */
  margin-right: 0.16rem;
  white-space: nowrap;
}

.m-nav a:nth-child(1) {
  margin-left: 0.24rem;
}

.m-nav a.on {
  background: #131715;
  font-weight: bold;
  color: #fff;
}

.cale-gift-list {
  flex-wrap: wrap;
}

.cale-gift-list li {
  position: relative;
  width: 7.02rem;
  border-radius: 0.2rem;
  border: 1px solid #EEEEEE;
  margin: 0.24rem auto 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.24rem;
}

.cale-gift-list li a {
  display: flex;
}

.cale-gift-list li img {
  flex-shrink: 0;
  width: 2.8rem;
  height: 1.64rem;
  margin-right: 0.16rem;
  border-radius: 0.16rem;
}

.cale-gift-list li .more-p {
  width: 3.58rem;
}

.cale-gift-list li .more-p p {
  font-size: 0.28rem;
  color: #3E403F;
  line-height: 0.34rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cale-gift-list li .price1 {
  width: 3.58rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
}

.cale-gift-list li .price1 p {
  font-size: 0.24rem;
  line-height: 0.28rem;
  color: #131715;
}

.cale-gift-list li .price1 p em {
  font-weight: bold;
}

.cale-gift-list li .price1 span {
  font-size: 0.2rem;
  color: #CFD1D0;
  text-decoration: line-through;
  line-height: 0.28rem;
  margin-left: 0.06rem;
}

.cale-gift-list li .price1 i {
  margin-left: 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/icon-z.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cale-gift-list li .price2 {
  margin: 0 auto;
  margin-top: 0.16rem;
}

.cale-gift-list li .price2 p {
  font-size: 0.24rem;
  line-height: 0.28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cale-gift-list li .price2 p em {
  font-weight: bold;
}

.cale-gift-list li .ca-li-btn1 {
  position: absolute;
  bottom: 0.24rem;
  right: 0.24rem;
  width: 3.58rem;
  height: 0.52rem;
  background: url("../images/cld/ca-li-btn1.png") no-repeat 0 0;
  background-size: 100% 100%;
  align-items: center;
}

.cale-gift-list li .ca-li-btn1 span {
  color: #131715;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  width: 1.98rem;
  text-align: center;
}

.cale-gift-list li .ca-li-btn1 p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-left: 0.1rem;
}

.cale-gift-list li .ca-li-btn1 p em {
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.28rem;
  background: linear-gradient(90deg, #E4FED8 1%, #99F8FF 51.5%, #68B6FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cale-gift-list li .ca-li-btn1 p i {
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.08rem;
  background: url("../images/cld/icon-ca-r.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cale-gift-list li .ca-li-btn2 {
  position: absolute;
  bottom: 0.24rem;
  right: 0.24rem;
  width: 3.58rem;
  height: 0.52rem;
  background: url("../images/cld/ca-li-btn2.png") no-repeat 0 0;
  background-size: 100% 100%;
  align-items: center;
}

.cale-gift-list li .ca-li-btn2 span {
  color: #FFF;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  width: 2.1rem;
  text-align: center;
}

.cale-gift-list li .ca-li-btn2 p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-left: 0.1rem;
}

.cale-gift-list li .ca-li-btn2 p em {
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.28rem;
  color: #131715;
}

.cale-gift-list li .ca-li-btn2 p i {
  display: none;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.04rem;
  background: url("../images/cld/icon-d.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.cale-gift-list li .ca-li-btn2.on p i {
  display: block;
}

.cale-gift-list li .ca-li-btn2.on p em {
  color: #A7A8A7;
}

.ca-list-tips {
  color: #A7A8A7;
  text-align: center;
  line-height: 0.36rem;
  font-size: 0.24rem;
  margin: 0.36rem auto;
}

.ca-list-un {
  margin-top: 2.2rem;
}

.ca-list-un img {
  width: 3.2rem;
  height: 2.8rem;
  display: block;
  margin: 0 auto;
}

.ca-list-un p {
  text-align: center;
  margin-top: 0.34rem;
}

.ca-list-un p span {
  display: block;
  color: #A7A8A7;
  text-align: center;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.42rem;
  /* 150% */
}

.ca-list-un p em {
  display: block;
  margin-top: 0.1rem;
  color: #A7A8A7;
  text-align: center;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
}

.ca-list-un a {
  display: flex;
  width: 2.76rem;
  height: 0.76rem;
  margin: 0.32rem auto 0;
  justify-content: center;
  align-items: center;
  border-radius: 0.44rem;
  background: var(--brand-green_brand, #23C268);
  color: #FFF;
  text-align: center;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.76;
  /* 126.667% */
}

.bind-llk {
  position: relative;
  display: flex;
  width: 7.02rem;
  padding: 0.24rem 0.32rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.2rem;
  background: #FFF;
  box-sizing: border-box;
  margin: 0.16rem auto 0;
  z-index: 3;
}

.bind-llk img {
  width: 1.04rem;
  height: 1.04rem;
  border-radius: 0.24rem;
}

.bind-llk .llk-text {
  flex: 1;
  margin-left: 0.16rem;
}

.bind-llk .llk-text p {
  display: flex;
  align-items: center;
}

.bind-llk .llk-text p span {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.38rem;
  max-width: 2.54rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bind-llk .llk-text p em {
  margin-left: 0.08rem;
  display: flex;
  padding: 0.04rem 0.08rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.08rem;
  background: rgba(35, 194, 104, 0.08);
  color: #0AAC3C;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
}

.bind-llk .llk-text p em.on {
  background: #F6F5F5;
  color: #A7A8A7;
}

.bind-llk .llk-text p:nth-child(2) {
  margin-top: 0.16rem;
  color: #A7A8A7;
  /* 单·Font11 */
  font-family: "Source Han Sans CN";
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.bind-llk .llk-btn {
  position: relative;
}

.bind-llk .llk-btn a {
  display: block;
  display: flex;
  width: 1.6rem;
  height: 0.64rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.4rem;
  background: #23C268;
  color: #FFF;
  text-align: center;
  font-family: "Source Han Sans CN";
  font-size: 0.30rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.36rem;
  /* 120% */
}

.bind-llk .llk-btn a.lkbtn1 {
  background: #23C268;
}

.bind-llk .llk-btn a.lkbtn2 {
  color: #0AAC3C;
  background: rgba(35, 194, 104, 0.08);
}

.bind-llk .llk-btn span {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-60%);
  display: inline-flex;
  height: 0.4rem;
  padding: 0rem 0.4rem 0rem 0.16rem;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.2rem;
  background: #131715;
  color: #FFF;
  /* 单·Font10 */
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  white-space: nowrap;
  /* 120% */
}

.bind-llk .llk-btn span::after {
  content: "";
  position: absolute;
  bottom: -0.06rem;
  left: 56%;
  width: 0.16rem;
  height: 0.16rem;
  background: #131715;
  transform: rotate(45deg);
  border-radius: 0.03rem;
}

.bind-llk .llk-btn span::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../images/icon-bm.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.kbFootWrap .kbFootCopyright {
  padding: 0.14rem 0.32rem;
}

.orderPage {
  background-color: #EFF3F4;
}

.orderPage .box {
  width: 7.5rem;
  margin: 0 auto;
}

.orderPage .order-box {
  box-sizing: border-box;
  padding: 0.24rem 0.24rem 1.28rem;
}

.orderPage .order-info {
  width: 100%;
  box-sizing: border-box;
  padding: 0.32rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  margin-top: 0.16rem;
}

.orderPage .order-info img {
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.2rem;
}

.orderPage .order-info div {
  margin-left: 0.16rem;
  flex: 1;
}

.orderPage .order-info div p {
  width: 4.58rem;
  overflow: hidden;
  color: #131715;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
}

.orderPage .order-info div div {
  display: flex;
  align-items: center;
  margin-left: 0;
}

.orderPage .order-info div div p {
  width: 3rem;
}

.orderPage .order-info div div div {
  display: flex;
  align-items: center;
  margin-top: 0rem;
  flex: 1;
  justify-content: flex-end;
}

.orderPage .order-info div div div em {
  color: #131715;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.orderPage .order-info div div div span {
  display: block;
  color: #131715;
  font-family: Roboto;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
  margin-top: 0;
}

.orderPage .order-info div div div span i {
  font-size: 0.24rem;
}

.orderPage .order-info div span {
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
}

.orderPage .order-info div span em {
  color: #A7A8A7;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
}

.orderPage .order-info div span em:nth-child(2) {
  flex: 1;
  margin-left: 0.32rem;
}

.orderPage .order-info div span a {
  flex: 1;
  color: #A7A8A7;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  text-align: end;
}

.orderPage .icon-order {
  margin-left: 0.36rem;
}

.orderPage .icon-order i {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  margin-left: 0.04rem;
  background: url("../images/icon-order.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.orderPage .icon-order p {
  margin-top: 0.04rem;
  text-align: center;
  color: #3E403F;
  text-align: center;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  /* 155.556% */
}

.orderPage .pull-bom {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
}

.orderPage .pull-btn {
  width: 7.5rem;
  height: 1.28rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.orderPage .pull-btn .pull-btn4 {
  flex: none;
  flex-shrink: 0;
  width: 2.20rem;
  margin: 0 0.24rem;
  line-height: 0.26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.orderPage .pull-btn .pull-btn4 p {
  margin-top: 0.04rem;
  font-size: 0.22rem;
  font-weight: 500;
  color: rgba(19, 23, 21, 0.6);
}

.shopPage {
  background-color: #EFF3F4;
}

.shopPage .box {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
}

.shopPage .shop-box {
  box-sizing: border-box;
  padding: 0 0 1.28rem;
}

.shopPage .shop-head {
  position: relative;
  width: 7.5rem;
  height: 4.80rem;
  margin: 0 auto -1.08rem;
  overflow: hidden;
  z-index: 0;
  background: url("../images/shopcart.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .shop-ref {
  left: 0;
  top: 0.88rem;
  position: absolute;
  width: 7.5rem;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.shopPage .shop-ref i {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 1rem;
  background: url("../images/icon-ref3.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .shop-cart {
  width: 7.5rem;
  display: flex;
  height: 0.72rem;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.32rem 0 0.48rem;
  margin-top: 1.84rem;
}

.shopPage .shop-cart img {
  width: 1.42rem;
  height: 0.44rem;
}

.shopPage .shop-cart i {
  width: 1.42rem;
  height: 0.44rem;
  background: url("../images/shop-text.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .shop-cart p {
  margin-left: 0.08rem;
  color: #131715;
  /* 单·Font13 */
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  flex: 1;
  /* 115.385% */
}

.shopPage .shop-cart a {
  color: #131715;
  /* 单·Font14 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  /* 121.429% */
}

.shopPage .shop-nav {
  width: 7.5rem;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.24rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
}

.shopPage .shop-nav a {
  color: #3E403F;
  /* 单·Font13 */
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 115.385% */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.16rem;
  height: 0.54rem;
  margin-right: 0.48rem;
}

.shopPage .shop-nav a i {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.04rem;
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .shop-nav a.on {
  border-radius: 0.16rem;
  background-color: #fff;
}

.shopPage .shop-nav a.on i {
  transform: rotate(180deg);
}

.shopPage .shop-nav a.up {
  border-radius: 0.16rem;
  background-color: #fff;
}

.shopPage .shop-nav a.up i {
  transform: rotate(180deg);
}

.shopPage .shop-nav a.down {
  border-radius: 0.16rem;
  background-color: #fff;
}

.shopPage .De-more-title {
  margin-top: 0.24rem;
}

.shopPage .pull-bom {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
  z-index: 5;
}

.shopPage .pull-btn {
  width: 7.5rem;
  height: 1.28rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.shopPage .pull-btn .check-all {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 0.24rem;
}

.shopPage .pull-btn .check-all i {
  width: 0.32rem;
  height: 0.32rem;
  background: url(../images/icon-y4-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .pull-btn .check-all i.on {
  background: url(../images/icon-y4.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.shopPage .pull-btn .check-all span {
  font-size: 0.24rem;
  color: #3E403F;
  margin-left: 0.16rem;
}

.shopPage .pull-btn .pull-btn4 {
  flex: none;
  flex-shrink: 0;
  width: 2.20rem;
  margin: 0 0.24rem;
  line-height: 0.26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.shopPage .pull-btn .pull-btn4 p {
  margin-top: 0.04rem;
  font-size: 0.22rem;
  font-weight: 500;
  color: rgba(19, 23, 21, 0.6);
}

.shopPage .pull-btn .pull-btn5 {
  flex: none;
  width: 2.20rem;
}

.shop-list {
  width: 7.5rem;
  box-sizing: border-box;
  padding: 0 0.24rem;
  margin: 0 auto;
}

.shop-list ul li {
  position: relative;
  box-sizing: border-box;
  padding: 0.32rem 0.32rem 0.4rem;
  background-color: #fff;
  border-radius: 0.2rem;
  margin-bottom: 0.24rem;
}

.shop-list ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.shop-list ul li .sl-item-tit {
  display: flex;
  align-items: center;
  margin-bottom: 0.24rem;
}

.shop-list ul li .sl-item-tit img {
  width: 0.58rem;
  height: 0.28rem;
  margin-right: 0.08rem;
}

.shop-list ul li .sl-item-tit i {
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.16rem;
  background: url(../images/icon-y4-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-item-tit i.on {
  width: 0.32rem;
  height: 0.32rem;
  background: url(../images/icon-y4.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-item-tit span {
  color: #3E403F;
  /* 单·Font13 */
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.3rem;
  /* 115.385% */
  flex: 1;
  display: flex;
  align-items: center;
}

.shop-list ul li .sl-item-tit span b {
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.3rem;
  max-width: 5.74rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shop-list ul li .sl-item-tit em {
  font-size: 0.22rem;
  color: #7A7D7A;
}

.shop-list ul li .sl-item-tit a {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-arr4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-info {
  position: relative;
  display: flex;
  margin-bottom: 0.4rem;
}

.shop-list ul li .sl-info:nth-last-child(1) {
  margin-bottom: 0;
}

.shop-list ul li .sl-info .sl-round {
  flex-shrink: 0;
  margin-top: 0.3rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/icon-y4-un.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-info .sl-round.on {
  background: url("../images/icon-y4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-info .sl-round.in {
  background: url("../images/icon-y4-in.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-info .sl-img {
  margin-left: 0.16rem;
  width: 1.64rem;
  height: 0.96rem;
  flex-shrink: 0;
}

.shop-list ul li .sl-info .sl-img img {
  display: block;
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.08rem;
}

.shop-list ul li .sl-info .sl-info-text {
  margin-left: 0.16rem;
}

.shop-list ul li .sl-info .sl-info-text .slt-name {
  width: 4.1rem;
  font-size: 0.24rem;
  color: #131715;
  line-height: 0.36rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shop-list ul li .sl-info .sl-info-text .slt-down {
  display: flex;
  height: auto;
  margin-top: 0.18rem;
  width: auto;
}

.shop-list ul li .sl-info .sl-info-text .slt-down span {
  width: auto;
  display: flex;
  align-items: center;
  color: #7A7D7A;
  /* 单·Font10 */
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  border-radius: 0.12rem;
  background: #FBFAFA;
  height: auto;
  box-sizing: border-box;
  padding: 0.08rem 0.16rem;
  line-height: 0.24rem;
  /* 120% */
}

.shop-list ul li .sl-info .sl-info-text .slt-down span b {
  max-width: 3.52rem;
  font-size: 0.2rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shop-list ul li .sl-info .sl-info-text .slt-down span i {
  flex-shrink: 0;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.08rem;
  transform: rotate(-180deg);
  background: url("../images/icon-up.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-info .sl-info-text .slt-down em {
  line-height: 0.28rem;
  margin-right: 0.32rem;
  font-size: 0.24rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-info .sl-info-text .slt-price {
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
}

.shop-list ul li .sl-info .sl-info-text .slt-price p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.shop-list ul li .sl-info .sl-info-text .slt-price p em {
  color: #131715;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.02rem;
  /* 100% */
}

.shop-list ul li .sl-info .sl-info-text .slt-price p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.shop-list ul li .sl-info .sl-info-text .slt-price p span i {
  font-size: 0.24rem;
}

.shop-list ul li .sl-info .sl-info-text .slt-price div {
  display: flex;
  align-items: center;
}

.shop-list ul li .sl-info .sl-info-text .slt-price div span {
  color: #CFD1D0;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  margin-left: 0.08rem;
  /* 140% */
  text-decoration: line-through;
}

.shop-list ul li .sl-info .sl-info-text .slt-price div em {
  color: #131715;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
  border-radius: 0.06rem;
  background: #E0F842;
  display: flex;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.08rem;
  justify-content: center;
  align-items: center;
  /* 111.111% */
}

.shop-list ul li .sl-info .sl-info-text .slt-tips {
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
  justify-content: space-between;
}

.shop-list ul li .sl-info .sl-info-text .slt-tips span {
  font-size: 0.24rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-info .sl-info-text .slt-tips a {
  display: block;
  width: 1.28rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.44rem;
  border-radius: 0.16rem;
  background-color: #E0F842;
  color: #131715;
  font-size: 0.22rem;
}

.shop-list ul li .sl-info .slt-num {
  position: absolute;
  bottom: 0.05rem;
  right: 0;
  font-size: 0.24rem;
  color: #A7A8A7;
  height: 0.38rem;
  line-height: 0.38rem;
}

.shop-list ul li .sl-info.un .sl-img {
  position: relative;
}

.shop-list ul li .sl-info.un .sl-img span {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 0.08rem 0.08rem;
  height: 0.32rem;
  width: 100%;
  text-align: center;
  line-height: 0.32rem;
  color: #fff;
  font-size: 0.2rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.shop-list ul li .sl-info.un .sl-img::after {
  content: "";
  position: absolute;
  width: 1.64rem;
  height: 0.96rem;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.shop-list ul li .sl-info.un .sl-info-text .slt-name {
  color: #7A7D7A;
}

.shop-list ul li .sl-info.un .sl-info-text .slt-down span {
  color: #A7A8A7;
}

.shop-list ul li .sl-info.un .sl-info-text .slt-price p em {
  color: #A7A8A7;
}

.shop-list ul li .sl-info.un .sl-info-text .slt-price p span {
  color: #A7A8A7;
}

.shop-list ul li .slt-btn {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
  display: flex;
  width: 1.44rem;
  height: 0.44rem;
  background-color: #F2F3F5;
  border-radius: 0.16rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}

.shop-list ul li .slt-btn span {
  font-size: 0.28rem;
  font-weight: bold;
  width: 0.4rem;
  text-align: center;
  height: 100%;
  line-height: 0.42rem;
}

.shop-list ul li .slt-btn .minus {
  font-size: 0.36rem;
}

.shop-list ul li .slt-btn .minus.un {
  color: #A7A8A7;
}

.shop-list ul li .slt-btn a {
  width: 0.56rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  color: #3E403F;
  font-family: Roboto;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  background-color: #fff;
  /* 102.273% */
}

.shop-list ul li .slt-btn .add.un {
  color: #A7A8A7;
}

.shop-list ul li .slt-de-btn {
  position: absolute;
  right: 0rem;
  bottom: 0.08rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/icon-del.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-tips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
  height: 0.48rem;
}

.shop-list ul li .sl-tips:nth-last-child(1) {
  margin-bottom: 0;
}

.shop-list ul li .sl-tips p {
  font-size: 0.3rem;
  font-weight: bold;
  color: #131715;
}

.shop-list ul li .sl-tips span {
  font-size: 0.26rem;
  color: #3E403F;
}

.shop-list ul li .sl-tips em {
  font-size: 0.26rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-add-tips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.32rem;
  height: 0.3rem;
}

.shop-list ul li .sl-add-tips:nth-last-child(1) {
  margin-bottom: 0;
}

.shop-list ul li .sl-add-tips p {
  font-size: 0.26rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-add-tips span {
  font-size: 0.26rem;
  color: #131715;
}

.shop-list ul li .sl-add-tips em {
  font-size: 0.26rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-vote-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.3rem;
}

.shop-list ul li .sl-vote-price div {
  font-size: 0.26rem;
  color: #A7A8A7;
}

.shop-list ul li .sl-vote-price p {
  display: flex;
  align-items: center;
  margin-top: 0rem;
}

.shop-list ul li .sl-vote-price p em {
  color: #131715;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.02rem;
}

.shop-list ul li .sl-vote-price p span {
  color: #131715;
  font-family: Roboto;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.shop-list ul li .sl-vote-price p span i {
  font-size: 0.24rem;
}

.shop-list ul li .sl-for-btn {
  display: flex;
  justify-content: flex-end;
}

.shop-list ul li .sl-for-btn a {
  width: 1.56rem;
  height: 0.68rem;
  line-height: 0.68rem;
  text-align: center;
  border-radius: 0.24rem;
  text-align: center;
  font-size: 0.26rem;
  color: #131715;
  background-color: #F2F3F5;
}

.shop-list ul li .sl-bmh {
  display: flex;
  align-items: center;
}

.shop-list ul li .sl-bmh img {
  width: 0.48rem;
  height: 0.48rem;
}

.shop-list ul li .sl-bmh p {
  flex: 1;
  color: #3E403F;
  margin-left: 0.1rem;
  /* 单·Font13 */
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 115.385% */
  display: flex;
  align-items: center;
}

.shop-list ul li .sl-bmh p a {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.08rem;
  background: url("../images/icon-about.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list ul li .sl-bmh .d-red {
  display: flex;
  align-items: center;
  margin-top: 0rem;
  margin-right: 0.08rem;
}

.shop-list ul li .sl-bmh .d-red em {
  color: #FF4D0D;
  font-family: "Source Han Sans CN";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.24rem;
  margin-top: 0.05rem;
  /* 100% */
}

.shop-list ul li .sl-bmh .d-red span {
  color: #FF4D0D;
  font-family: Roboto;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.4rem;
}

.shop-list ul li .sl-bmh .d-red span i {
  font-size: 0.24rem;
}

.shop-list ul li .sl-bmh .d-red.un span {
  color: #A7A8A7;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 115.385% */
}

.shop-list ul li .sl-bmh i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-arr4.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.shop-list.sub-shop-list {
  padding: 0;
  width: auto;
}

.shop-list.sub-shop-list ul li .sl-info {
  min-height: 1.3rem;
}

.shop-list.sub-shop-list ul li .sl-info .sl-img {
  margin-left: 0;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-name {
  width: 2.9rem;
  white-space: wrap;
  line-height: .3rem;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-down {
  width: 2.9rem;
  margin-top: 0.16rem;
  height: auto;
  display: block;
  font-size: 0.24rem;
  line-height: 0.32rem;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-down em {
  margin-right: 0;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-price {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-price p em {
  font-size: 0.2rem;
}

.shop-list.sub-shop-list ul li .sl-info .sl-info-text .slt-price p span {
  font-size: 0.28rem;
}

.shop-list.sub-shop-list ul li .sl-info .slt-num {
  height: 0.38rem;
  bottom: auto;
  top: 0.58rem;
  line-height: 0.38rem;
}

.shop-list.sub-shop-list ul li .slt-btn {
  bottom: 0rem;
}

.shop-list.shop-for-list {
  padding: 0;
  width: auto;
  margin-top: 0.24rem;
}

.shop-list.shop-for-list ul li .sl-info .sl-img {
  margin-left: 0;
}

.shop-list.shop-for-list ul li .sl-info .sl-info-text .slt-name {
  width: auto;
  white-space: wrap;
  line-height: 0.3rem;
}

.shop-list.shop-for-list ul li .sl-info .sl-info-text .slt-down {
  width: 2.9rem;
  margin-top: 0.16rem;
  height: auto;
  display: block;
  font-size: 0.24rem;
  line-height: 0.32rem;
}

.shop-list.shop-for-list ul li .sl-info .sl-info-text .slt-down em {
  margin-right: 0;
}

.shop-list.shop-for-list ul li .sl-info .sl-info-text .slt-num {
  bottom: -0.02;
}

.shop-un {
  margin: 0.32rem auto 0.72rem;
}

.shop-un img {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  margin: 0 auto;
}

.shop-un p {
  text-align: center;
  margin-top: 0.34rem;
  color: #A7A8A7;
  text-align: center;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  /* 118.182% */
}

.shop-un p span {
  text-align: center;
  color: #A7A8A7;
  text-align: center;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.42rem;
  margin-bottom: 0.04rem;
  display: block;
  text-align: center;
  /* 150% */
}

.shop-un a {
  display: block;
  margin: 0.32rem auto 0;
  height: 0.76rem;
  width: 1.86rem;
  text-align: center;
  line-height: 0.76rem;
  font-size: 0.30rem;
  color: #131715;
  border-radius: 0.24rem;
  background-color: #E0F842;
}

.cancel {
  width: 7.5rem;
  box-sizing: border-box;
  padding: 0 0.24rem 0.64rem;
  margin-top: -2.8rem;
}

.cancel .can-un {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.46rem;
}

.cancel .can-un img {
  width: 1.24rem;
  height: 1.24rem;
  margin-right: 0.08rem;
}

.cancel .can-un p span {
  display: block;
  font-size: 0.48rem;
  font-weight: bold;
  background: linear-gradient(0deg, #131715 10.42%, #4B6257 77.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cancel .can-un p em {
  display: block;
  color: #3E403F;
  text-align: center;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
}

.cancel .can-btn {
  display: flex;
  justify-content: center;
  margin-top: 0.48rem;
}

.cancel .can-btn a {
  width: 2.4rem;
  height: 0.8rem;
  border-radius: 0.24rem;
  font-size: 0.3rem;
  color: #131715;
  text-align: center;
  line-height: 0.8rem;
  margin: 0 0.24rem;
}

.cancel .can-btn a.c-btn1 {
  background-color: #eee;
}

.cancel .can-btn a.c-btn2 {
  background-color: #E0F842;
}

.s-pop {
  width: 6rem;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.48rem;
  border-radius: 0.8rem 0.32rem .32rem .32rem;
  background: #FFF;
  margin: 0 auto;
}

.s-pop .s-tit {
  font-size: 0.4rem;
  color: #131715;
  font-weight: bold;
  text-align: center;
}

.s-pop .s-ch {
  color: #3E403F;
  margin-top: 0.32rem;
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.44rem;
  /* 146.667% */
}

.s-pop .s-text {
  font-size: 0.3rem;
  color: #3E403F;
  text-align: center;
  margin-top: 0.32rem;
}

.s-pop .s-list li {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
}

.s-pop .s-list li .sl-img {
  width: 1.64rem;
  height: 0.96rem;
  flex-shrink: 0;
}

.s-pop .s-list li .sl-img img {
  display: block;
  width: 1.64rem;
  height: 0.96rem;
  border-radius: 0.08rem;
}

.s-pop .s-list li .sl-info-text {
  margin-left: 0.16rem;
}

.s-pop .s-list li .sl-info-text .slt-name {
  width: 3.24rem;
  font-size: 0.24rem;
  color: #131715;
  line-height: 0.36rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s-pop .s-list li .sl-info-text .slt-down {
  display: flex;
  height: 0.4rem;
  margin-top: 0.16rem;
  width: auto;
}

.s-pop .s-list li .sl-info-text .slt-down span {
  width: auto;
  display: flex;
  align-items: center;
  color: #7A7D7A;
  /* 单·Font10 */
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  border-radius: 0.12rem;
  background: #FBFAFA;
  height: 0.4rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
  /* 120% */
}

.s-pop .s-list li .sl-info-text .slt-down span i {
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.08rem;
  transform: rotate(-180deg);
  background: url("../images/icon-up.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.s-pop .s-btn {
  display: flex;
  justify-content: center;
  margin-top: 0.48rem;
}

.s-pop .s-btn a {
  width: 2.4rem;
  height: 0.8rem;
  border-radius: 0.24rem;
  font-size: 0.3rem;
  color: #131715;
  text-align: center;
  line-height: 0.8rem;
  margin: 0 0.12rem;
}

.s-pop .s-btn a.sbtn1 {
  background-color: #F6F5F5;
}

.s-pop .s-btn a.sbtn2 {
  background-color: #E0F842;
}

.HeadUpPage .pull-bom {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
}

.HeadUpPage .pull-btn {
  width: 7.5rem;
  height: 1.04rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.HeadUpPage .pull-btn a {
  margin: 0 0.2rem;
}

.HeadUpPage .pull-btn .pull-btn5 {
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.72rem;
}

.HeadUpPage .pull-btn .pull-btn6 {
  font-size: 0.26rem;
  height: 0.72rem;
  line-height: 0.72rem;
}

.add-up {
  width: 7.02rem;
  padding: 0.4rem 0.32rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-sizing: border-box;
  margin: 0.24rem auto 0;
}

.add-up .add-up-item {
  display: flex;
  align-items: center;
  height: 0.56rem;
  margin-top: 0.48rem;
}

.add-up .add-up-item:nth-child(1) {
  margin-top: 0;
}

.add-up .add-up-item span {
  color: #131715;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  width: 1.12rem;
  margin-right: 0.32rem;
  text-align: justify;
  text-align-last: justify;
}

.add-up .add-up-item .add-up-item-select {
  display: flex;
  align-items: center;
}

.add-up .add-up-item .add-up-item-select a {
  width: 1.44rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  border-radius: 0.16rem;
  color: #3E403F;
  font-size: 0.24rem;
  margin-right: 0.16rem;
  background-color: #F2F3F5;
}

.add-up .add-up-item .add-up-item-select a.on {
  box-sizing: border-box;
  background-color: rgba(224, 248, 66, 0.2);
  border: 1px solid #E0F842;
}

.add-up .add-up-item .add-up-item-input {
  flex: 1;
}

.add-up .add-up-item .add-up-item-input input {
  display: block;
  width: 100%;
  color: #131715;
  font-size: 0.28rem;
  outline: none;
  border: 0;
}

.add-up .add-up-item .add-up-item-input input::-webkit-input-placeholder {
  color: #A7A8A7;
  font-size: 0.28rem;
}

.add-up-btn {
  display: flex;
  align-items: center;
  width: 7.02rem;
  padding: 0.32rem 0.32rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-sizing: border-box;
  justify-content: space-between;
  margin: 0.24rem auto 0;
}

.add-up-btn span {
  font-size: 0.28rem;
  color: #131715;
}

.add-up-btn a {
  color: #7A7D7A;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
}

.add-up-btn a i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-right.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.invoice-info {
  width: 7.02rem;
  padding: 0.4rem 0.32rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-sizing: border-box;
  margin: 0.24rem auto 0;
}

.invoice-info div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.48rem;
}

.invoice-info div:nth-child(1) {
  margin-top: 0;
}

.invoice-info div span {
  font-size: 0.28rem;
  color: #131715;
}

.invoice-info div em {
  color: #7A7D7A;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
}

.set-default {
  display: flex;
  align-items: center;
  width: 7.02rem;
  padding: 0.32rem 0.32rem;
  border-radius: 0.2rem;
  background: #FFF;
  box-sizing: border-box;
  margin: 0.24rem auto 0;
}

.set-default p {
  flex: 1;
}

.set-default p span {
  display: block;
}

.set-default p span:nth-child(1) {
  font-size: 0.28rem;
  color: #131715;
  margin-bottom: 0.0rem;
}

.set-default p span:nth-child(2) {
  font-size: 0.24rem;
  color: #A7A8A7;
}

.set-default i {
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  background: url(../images/icon-y4-un.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.set-default i.on {
  background: url(../images/icon-y4.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.btn-msk {
  position: relative;
}

.btn-msk::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0.24rem;
  background-color: rgba(255, 255, 255, 0.6);
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.list-un {
  margin-top: 35%;
}

.list-un img {
  display: block;
  margin: 0 auto;
  width: 2.8rem;
  height: 2.8rem;
}

.list-un p {
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.32rem;
  color: #A7A8A7;
}

.list-un a {
  display: block;
  margin: 0.32rem auto 0;
  width: 2.76rem;
  height: 0.76rem;
  border-radius: 0.24rem;
  background-color: #E0F842;
  text-align: center;
  line-height: 0.76rem;
  color: #131715;
  font-size: 0.3rem;
}

.head-up-list ul li {
  width: 7.02rem;
  margin: 0.24rem auto 0;
  box-sizing: border-box;
  padding: 0.32rem;
  border-radius: 0.2rem;
  background-color: #fff;
}

.head-up-list ul li .hp-tit {
  color: #131715;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.42rem;
  /* 150% */
}

.head-up-list ul li .hp-con {
  box-sizing: border-box;
  padding-top: 0.24rem;
  border-top: 1px solid #EEE;
  margin-top: 0.2rem;
}

.head-up-list ul li .hp-con .hp-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.32rem;
}

.head-up-list ul li .hp-con .hp-item:nth-last-child(1) {
  margin-bottom: 0;
}

.head-up-list ul li .hp-con .hp-item p {
  flex: 1;
  color: #131715;
  font-size: 0.30rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.44rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.head-up-list ul li .hp-con .hp-item span {
  white-space: nowrap;
  display: flex;
  padding: 0.04rem 0.08rem;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  border-radius: 0.04rem;
  background: rgba(35, 194, 104, 0.08);
  color: #3AAD11;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  margin-left: 0.08rem;
}

.head-up-list ul li .hp-con .hp-item i {
  width: 0.32rem;
  height: 0.32rem;
  flex-shrink: 0;
  margin-left: 0.28rem;
  background: url("../images/icon-wr2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.IRPage .pull-bom {
  position: fixed;
  left: 50%;
  margin-left: -3.75rem;
  bottom: 0;
}

.IRPage .pull-btn {
  width: 7.5rem;
  height: 1.04rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.IRPage .pull-btn a {
  margin: 0 0.2rem;
  height: 0.72rem;
}

.IRPage .pull-btn .pull-btn5 {
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.72rem;
}

.IRPage .pull-btn .pull-btn6 {
  font-size: 0.26rem;
  height: 0.72rem;
  line-height: 0.72rem;
}

.IRPage .pull-btn.btn-apply {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0 0.14rem;
}

.IRPage .pull-btn.btn-apply a {
  margin: 0 0.1rem;
}

.IRPage .pull-btn.btn-apply .pull-btn5 {
  flex: none;
  width: 1.52rem;
  height: 0.72rem;
  font-size: 0.26rem;
  line-height: 0.72rem;
}

.IRPage .pull-btn.btn-apply .pull-btn4 {
  flex: none;
  flex-shrink: 0;
  width: 1.72rem;
  height: 0.72rem;
  line-height: 0.24rem;
  display: flex;
  font-size: 0.26rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-sizing: border-box;
  padding-top: 0.04rem;
}

.IRPage .pull-btn.btn-apply .pull-btn4 p {
  margin-top: 0.04rem;
  font-size: 0.22rem;
  font-weight: 500;
  color: rgba(19, 23, 21, 0.6);
}

.irule-box {
  padding: 0 0.24rem;
}

.irule-box .shop-list ul li .sl-info {
  margin-bottom: 0.32rem;
}

.irule-nav {
  display: flex;
  height: 0.72rem;
  align-items: center;
}

.irule-nav a {
  text-align: center;
  color: #131715;
  text-align: center;
  font-size: 0.28rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.34rem;
  margin-right: 0.46rem;
  /* 121.429% */
}

.irule-nav a.on {
  font-weight: bold;
  position: relative;
}

.irule-nav a.on::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  margin-left: -0.6rem;
  width: 0.72rem;
  height: 0.28rem;
  z-index: -1;
  background: url("../images/nav-on.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.irule-tips {
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
}

.irule-tips i {
  width: 0.24rem;
  height: 0.24rem;
  background: url("../images/icon-about2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.irule-tips span {
  color: #A7A8A7;
  font-size: 0.22rem;
  margin-left: 0.08rem;
}

.itime-nav {
  display: flex;
  align-items: center;
  height: 0.72rem;
}

.itime-nav .nav-time {
  display: flex;
  align-items: center;
  flex: 1;
}

.itime-nav .nav-time span {
  color: #131715;
  font-size: 0.28rem;
  font-weight: bold;
}

.itime-nav .nav-time i {
  width: 0.36rem;
  height: 0.36rem;
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.itime-nav a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 0.56rem;
  border-radius: 0.28rem;
  background-color: #fff;
  padding: 0 0.16rem;
  margin-left: 0.16rem;
  color: #131715;
  font-size: 0.22rem;
}

.itime-nav a i {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.04rem;
}

.itime-nav a i.icon-in1 {
  background: url("../images/icon-in1.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.itime-nav a i.icon-in2 {
  background: url("../images/icon-in2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.kb-time-pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 3rem;
  position: relative;
  margin-top: 0.34rem;
}

.kb-time-pick::before,
.kb-time-pick::after {
  content: "";
  width: 100%;
  height: 0.8rem;
  position: absolute;
  left: 0;
  z-index: 5;
  pointer-events: none;
}

.kb-time-pick::before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.kb-time-pick::after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.kb-time-pick .lb-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.6rem;
  height: 3rem;
  overflow: hidden;
  margin: 0 0.3rem;
}

.kb-time-pick .lb-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.kb-time-pick .lb-item li {
  height: 1rem;
  text-align: center;
  line-height: 1.02rem;
  font-size: 0.3rem;
  color: #7A7D7A;
}

.kb-time-pick .lb-item .swiper-slide-active {
  color: #131715;
  font-size: 0.4rem;
  font-weight: bold;
}

.kb-time-pick .sp-year,
.kb-time-pick .sp-month,
.kb-time-pick .sp-day {
  font-size: 0.22rem;
  height: 0.26rem;
  line-height: 0.28rem;
  color: #131715;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.08rem;
}

.kb-time-pick .sp-year {
  margin-left: -1.6rem;
}

.kb-time-pick .sp-month {
  margin-left: 0.34rem;
}

.kb-time-pick .sp-day {
  margin-left: 2.54rem;
}