.conan-animation {
  width: 100%;
  height: 100%;
}

.conan-loading--fullScreen {
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.conan-loading--fullScreen, .conan-loading__content {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.conan-loading__content {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 12px;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 88px;
  height: 88px;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.conan-loading__content--small {
  border-radius: 8px;
  min-width: 44px;
  height: 44px;
  padding-left: 0;
  padding-right: 0;
}

.conan-loading__lottie {
  width: 44px;
  height: 44px;
  font-size: 0;
}

.conan-loading__lottie--middle {
  width: 28px;
  height: 28px;
}

.conan-loading__lottie--small {
  width: 22px;
  height: 22px;
}

.conan-loading__text {
  color: #fff;
  margin-top: 8px;
  font-size: 14px;
}

.conan-loading--unclickable {
  overflow: hidden;
}

.conan-loading--unclickable * {
  pointer-events: none;
}

.conan-toast {
  z-index: 2000;
}

@-webkit-keyframes conan-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes conan-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes conan-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes conan-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes conan-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes conan-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.conan-fade-enter-active {
  -webkit-animation: .3s ease-out both conan-fade-in;
  animation: .3s ease-out both conan-fade-in;
}

.conan-fade-leave-active {
  -webkit-animation: .3s ease-in both conan-fade-out;
  animation: .3s ease-in both conan-fade-out;
}

.conan-toast {
  box-sizing: border-box;
  z-index: 9999;
  color: #fff;
  white-space: pre-wrap;
  text-align: center;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 12px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 88px;
  max-width: 70%;
  min-height: 88px;
  padding: 16px 20px;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.conan-toast--unclickable {
  overflow: hidden;
}

.conan-toast--unclickable * {
  pointer-events: none;
}

.conan-toast--html, .conan-toast--text {
  min-width: 96px;
  min-height: 44px;
  padding: 8px 12px;
}

.conan-toast--html .conan-toast__text, .conan-toast--text .conan-toast__text {
  margin-top: 0;
}

.conan-toast--top {
  top: 20%;
}

.conan-toast--bottom {
  top: auto;
  bottom: 20%;
}

.conan-toast--horizontal {
  -webkit-flex-direction: row;
  flex-direction: row;
  min-height: 44px;
  padding: 8px 12px;
}

.conan-toast__icon {
  font-size: 26px;
}

.conan-toast__icon--horizontal :first-child {
  width: 24px;
  height: 24px;
}

.conan-toast__loading {
  color: #fff;
  width: 28px;
  height: 28px;
  -webkit-animation: .8s linear infinite conan-rotate;
  animation: .8s linear infinite conan-rotate;
}

.conan-toast__text {
  margin-top: 8px;
}

.conan-toast__text--horizontal {
  margin-top: 0;
  margin-left: 8px;
}

.conan-icon, .conan-icon__image {
  width: 28px;
  height: 28px;
}

.conan-icon__image {
  -o-object-fit: contain;
  object-fit: contain;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  margin: 0;
  padding: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: PingFangSC-Regular, Avenir, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

body, html {
  width: 100%;
  height: 100%;
}

body.lock, html.lock {
  position: fixed;
  overflow: hidden;
}

img {
  -webkit-touch-callout: none;
  content: normal !important;
}

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

.hairline-bottom, .hairline-left, .hairline-right, .hairline-top {
  z-index: 1;
  position: relative;
}

.hairline-top:before {
  content: "";
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 100;
  background: #e7e7e7;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.hairline-bottom:after {
  content: "";
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 100;
  background: #e7e7e7;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.hairline-left:before {
  content: "";
  -webkit-transform-origin: 0;
  transform-origin: 0;
  z-index: 100;
  background: #e7e7e7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}

.hairline-right:after {
  content: "";
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  z-index: 100;
  background: #e7e7e7;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}

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

.zborder {
  position: relative;
}

.zborder:after {
  content: "";
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  border-radius: 70px;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.half-px-border {
  position: relative;
}

.half-px-border:after {
  content: " ";
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.buff-avatar-continer {
  width: .28rem;
  height: .28rem;
}

.buff-avatar-continer .buff-avatar-img {
  width: 100%;
  height: auto;
}

.toast-enter {
  opacity: 0;
}

.toast-enter-active {
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease-in;
}

.toast-enter-to {
  opacity: 1;
}

.buff-toast {
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  z-index: 999;
  background: rgba(0, 0, 0, .8);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  min-width: 210px;
  max-width: 280px;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.uni-popup {
  z-index: 100;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.uni-popup .fade-enter {
  opacity: 0;
}

.uni-popup .fade-enter-to {
  opacity: 1;
}

.uni-popup .fade-enter-active {
  transition: opacity .3s ease-in-out;
}

.uni-popup .slide-top-enter {
  -webkit-transform: translateY(-500px);
  transform: translateY(-500px);
}

.uni-popup .slide-top-enter-to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.uni-popup .slide-bottom-enter {
  -webkit-transform: translateY(500px);
  transform: translateY(500px);
}

.uni-popup .slide-bottom-enter-to {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.uni-popup .zoom-out-enter {
  opacity: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.uni-popup .zoom-out-enter-to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.uni-popup .slide-bottom-enter-active, .uni-popup .slide-top-enter-active, .uni-popup .zoom-out-enter-active {
  transition-property: -webkit-transform, transform, opacity, -webkit-transform;
  transition-duration: .3s;
}

.uni-popup .uni-popup__mask {
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.uni-popup .wrapper-box {
  position: fixed;
}

.uni-popup .wrapper-box .uni-popup__wrapper-box {
  display: block;
  position: relative;
}

.uni-popup .wrapper-top {
  left: 0;
  right: 0;
}

.uni-popup .wrapper-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.uni-popup .wrapper-center {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.buff-loading-mask {
  z-index: 999;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.buff-loading-mask .loading {
  z-index: 1000;
  background: rgba(0, 0, 0, .8);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: .1rem;
  width: .8rem;
  height: .8rem;
  padding: .1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.buff-loading-mask .loading .spinner {
  text-align: center;
  width: .8rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.buff-loading-mask .loading .spinner div {
  background-color: #fff;
  border-radius: 100%;
  width: .15rem;
  height: .15rem;
  margin: .02rem;
  -webkit-animation: 1.4s ease-in-out infinite both bouncedelay;
  animation: 1.4s ease-in-out infinite both bouncedelay;
  display: inline-block;
}

.buff-loading-mask .loading .spinner .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s;
}

.buff-loading-mask .loading .spinner .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

.buff-confirm-mask {
  z-index: 999;
  background-color: rgba(0, 0, 0, .5);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.buff-confirm-mask .confirm {
  background-color: #fff;
  border-radius: .06rem;
  width: 2.8rem;
  display: block;
}

.buff-confirm-mask .confirm .confirm-content {
  color: #5c5d5d;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: .15rem;
  font-size: .17rem;
  line-height: 1.6;
  display: -webkit-flex;
  display: flex;
}

.buff-confirm-mask .confirm .confirm-content .desc {
  color: #999;
  white-space: pre-wrap;
  text-align: center;
  margin-top: .05rem;
  font-size: .12rem;
}

.buff-confirm-mask .confirm .confirm-footer {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  height: .45rem;
  display: -webkit-flex;
  display: flex;
}

.buff-confirm-mask .confirm .confirm-footer .confirm-btn {
  color: #999;
  text-align: center;
  -webkit-flex: 1;
  flex: 1;
  height: .45rem;
  font-size: .16rem;
  line-height: .45rem;
}

.buff-confirm-mask .confirm .confirm-footer .confirm-hairline-right {
  position: relative;
}

.buff-confirm-mask .confirm .confirm-footer .confirm-hairline-right:after {
  content: "";
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  z-index: 100;
  background: #e7e7e7;
  width: 1px;
  height: .45rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}

.buff-confirm-mask .confirm .confirm-footer .confirm-split {
  width: 0;
  height: .45rem;
}

.buff-coupon-item-container .coupon-item {
  background-color: #fff;
  border-radius: .06rem;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.buff-coupon-item-container .cannot-use-detail {
  background-color: #fff;
  border-radius: .06rem;
  margin-top: .03rem;
  padding: .1rem;
}

.buff-coupon-item-container .cannot-use-detail .icon {
  vertical-align: middle;
  width: .1rem;
  height: .1rem;
  margin-right: .06rem;
}

.buff-coupon-item-container .cannot-use-detail .text {
  color: #666;
  vertical-align: middle;
  font-family: PingFangSC-Regular;
  font-size: .1rem;
}

.buff-coupon-item-container .coupon-amount {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.buff-coupon-item-container .bold {
  font-family: PingFangSC-Semibold;
}

.buff-coupon-item-container .coupon-price {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15951504658614667.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: .06rem;
  border-bottom-left-radius: .06rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: .95rem;
  height: 1.1rem;
  font-size: .28rem;
  line-height: .3rem;
  display: -webkit-flex;
  display: flex;
}

.buff-coupon-item-container .coupon-price.disable {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15951504522278659.png");
}

.buff-coupon-item-container .coupon-minium {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: .12rem;
  line-height: .17rem;
}

.buff-coupon-item-container .coupon-unit {
  color: #fff;
  font-size: .15rem;
}

.buff-coupon-item-container .coupon-content {
  -webkit-flex: 1;
  flex: 1;
  margin: 0 .12rem;
  overflow: hidden;
}

.buff-coupon-item-container .coupon-name {
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: PingFangSC-Medium;
  font-size: .16rem;
  overflow: hidden;
}

.buff-coupon-item-container .coupon-date {
  color: #999;
  margin: .07rem 0 .03rem;
  font-family: PingFangSC-Regular;
  font-size: .12rem;
}

.buff-coupon-item-container .coupon-desc {
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: .03rem;
  font-size: .1rem;
  overflow: hidden;
}

.buff-coupon-item-container .coupon-info {
  color: #999;
  font-size: .1rem;
  display: -webkit-flex;
  display: flex;
}

.buff-coupon-item-container .coupon-info .icon {
  vertical-align: middle;
  width: .1rem;
  height: .1rem;
  margin-right: .04rem;
}

.buff-coupon-item-container .coupon-info .text {
  vertical-align: middle;
}

.buff-coupon-item-container .subject-info {
  margin-right: .12rem;
}

.buff-coupon-item-container .coupon-check, .buff-coupon-item-container .recommand-check {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15949010334544836.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: .2rem;
  height: .2rem;
  margin-right: .12rem;
}

.buff-coupon-item-container .coupon-check.checked, .buff-coupon-item-container .recommand-check.checked {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15951504304057993.png");
}

.buff-coupon-list {
  box-sizing: border-box;
  background-color: #f6f6f6;
  width: 100%;
  padding-bottom: .8rem;
  overflow: auto;
}

.buff-coupon-list .recommand-area {
  background-color: #fff;
  border-radius: .06rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: .12rem .15rem;
  padding: .15rem 0 .15rem .15rem;
  display: -webkit-flex;
  display: flex;
}

.buff-coupon-list .recommand-text .title {
  color: #222;
  vertical-align: middle;
  font-family: PingFangSC-Regular;
  font-size: .15rem;
  position: relative;
}

.buff-coupon-list .recommand-text .title:after {
  content: " ";
  background-color: #e7e7e7;
  width: .01rem;
  height: .12rem;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -.1rem;
}

.buff-coupon-list .recommand-text .text {
  color: #666;
  vertical-align: middle;
  margin-left: .2rem;
  font-family: PingFangSC-Regular;
  font-size: .12rem;
}

.buff-coupon-list .recommand-text .deduction {
  color: #fe8119;
  vertical-align: middle;
  font-family: PingFangSC-Medium;
  font-size: .18rem;
}

.buff-coupon-list .coupon-wrap {
  margin: .12rem .15rem;
}

.buff-coupon-list .recommand-check {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15949010334544836.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: .2rem;
  height: .2rem;
  margin-right: .12rem;
}

.buff-coupon-list .recommand-check.checked {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15951504304057993.png");
}

.buff-coupon-list .footer {
  z-index: 999;
  background-color: #fff;
  height: .65rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.buff-coupon-list .submit-btn {
  color: #fff;
  text-align: center;
  background-color: #60c15b;
  border-radius: .225rem;
  height: .45rem;
  margin: .1rem .15rem;
  font-size: .15rem;
  line-height: .45rem;
}

.buff-pay-coupon {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: .08rem;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  height: .5rem;
  margin: 0 auto;
  padding: 0 .15rem;
  font-family: PingFangSC-Medium, PingFang SC;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-coupon .coupon-label {
  color: #222;
  height: .2rem;
  font-size: .14rem;
  line-height: .2rem;
}

.buff-pay-coupon .coupon-stat {
  color: #fe8119;
  text-align: center;
  white-space: nowrap;
  border-top: .01rem solid #fe811a;
  border-bottom: .01rem solid #fe811a;
  height: .18rem;
  margin: 0 .13rem;
  padding: 0 .02rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: .12rem;
  font-weight: 500;
  position: relative;
}

.buff-pay-coupon .coupon-stat:before {
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAAAXNSR0IArs4c6QAAAx5JREFUWAntWEtrFEEQrupsDKIeEnIwk2hQEQRRf4HvkwTMMQgGjOBJEEQk+Ni8NiJBJCdPinrwYPAgEcRTIupJPKkIQvARTTYIIUE0SF5TfjNjz2NnZ9KzeNw+bNdU1fdNVXVN98wypQwZam6hJWknkTYS3kEklhBtLAfhckoZ2mLR4mo/gF0iVFPOp1QXI5KCdRwRPADBplLntOsIkQxY50AyjPCVBjHzGLGMEPFLaqif5rMffmtbePaJ3EhseaxJQDABvjPcM/UiDEiSXSKvJisfdTogeUW1uXa+9G0+CViq91JAYUMkE1lJHFJ2l3jR/qpXh7nmkGk64aiU0ycBCY9VQuIQKrfZNLW7Ovoi2wwip2P1wBJXOFBssXws+sSXMwoq/OwkNZsJp9/BJs5pPlWitOp4tmqNDGrETAvaTQaaCnJrd9lTQvskzSg2P9VGbCdXaXburQy07NE601nR+sbTiOqZBuDZ205ij0uhdZvWmcyKL75boHyxDTtjJ/bqnw5ISBpJlkZExD8c1iKLOCKlgySr46GT5AT3FB+uReLYIw3pbbM8HAKeCsmpYoTI9czV3kTNEBSG0GGRvriPa4z+RFLTJpy4RdSnybnm3DqLr0zOaFvSbHS3JHBYHyOSa62IRDY7Tky8RJe7foQBSXIuZlhZvoACeSkzPWfus2M+ZRSRiNzlJzkf8rsfklNFl8hpPBls7iSyR4MeojeUn8brjNnIyY29G6hgPcJzdkxDUJtZ4toOdLrXBtqQMiv6M3s3SkKfidURzk9+ScHFTEgNL5r/BhpxkBob9qHD32ud6cx2f5MfvuqdKdugJmSRVTMBJPlUiZIqE+irNQpqkSQptLL/kVLpKeuQo9hc9O8yN9/syxkFhY+ITwFGDgRyNglEwdmPl/eObPDAW9E6HsX2seqosFMe9bbbwMFUUtw9PYU63QsA9m25vrU+uDaTvM6uq+lFVL8cCKLaScsro1nJXCLu/l5ErU6iFdyjB2T7QfY6S5qRHfG/fBzrSlT6uR57+jlffEJ1uV04iu7o1dQ3SZsjqZU6ZvlL4y/M9RGCG+2aTQAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: .06rem;
  height: .2rem;
  position: absolute;
  top: -.01rem;
  left: -.04rem;
}

.buff-pay-coupon .coupon-stat:after {
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAAAXNSR0IArs4c6QAAAu9JREFUWAntmEtrE1EUx89JUoNgFxUKNhbrA1EQP4LvZcHiQkWIiOAXKCJRS59RxIUIgisFcSPWVStUV+JjJ+5cCeJGm4igKZK6aJrJ8X9ucpNhkmnuDF3mLjJz79zzm3PPnXNm/uHa7JBQh8ZEq0RcJJZvxLxEW3iRc4XlDlPNEIeBggbM5AH8hNLJac79KAavJ4IDYX0RSorIFVqrfpF85nRwHlbQucnDQ9uotLKTSI6S8HlATtmZMKphueM8VXzgG7OnGx9lbvgY7B8BuF9nGliCz/Bk8WWjvzHAf1Xu7Bqg9eoiYEeMMVOZ0qmDGjPnGBnDG99XqC81xsxftY+49dOaN2uu6U/UpssU8d6pndnNdGJ3JI/sDXlq+T28eqN93U2qyFgskAGyzFswaKPxQcQfWiDeFx+0faDQBJFkQh/I1qTwM396xfcowO+BAgHp0O3FqENQAkOpQN+pa8rwn1IOmW8aSsm/yCmCWnSYxFsAY6+9K0rKi0ggyY/sIal8hCeDLQi9pq2DZ523H3WaAZm3EHjxlzl5kSaLo3zts/vS5FbmgnjyTD3BMvA6Sp7USmk9c/YIppesEVD3/RAddwKJzCRI6IQaYIeEUn339NzfnIItt0eGpFox73vE5ifesBk/RM+dPAoadeq7gW5e/sXElTpAdqiHQZgTiHkGu0Rv1Rjbz1RdvxoLZIwS9LRlLOOSHz7e6keJ0UThOXbskxojPbCLtQWkS9Y8qBhz2jV755AUeYUUORcJZLzZjKRteqZfc79L17HECR2LVUYsTI+9N60/Gt3PnVKkOybKk92F1vOoPUBy90C/HUXCrsaPUaXsq9scTYtYD+pHyC/boDLjewQNZzlI/6XI9UiNN0XUGM0GAdj0BjpXRXOkpfmEX11FGuGXnFaoM0iXA/WIT5qGeqzr2qxV3KFfbO3i2GsXxw09qx45636drA31uYyfrBXF9dEISwPAwwfEYyOGfZ5YUOjS9LHH/Z3/0vgPrUwX8EZCqcMAAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: .06rem;
  height: .2rem;
  position: absolute;
  top: -.01rem;
  right: -.04rem;
}

.buff-pay-coupon .pay-coupon-price {
  text-align: right;
  -webkit-flex: 1;
  flex: 1;
  height: .22rem;
  margin-right: .04rem;
  font-size: .16rem;
  line-height: .22rem;
}

.buff-pay-coupon .pay-coupon-price.selected {
  color: #fe8119;
}

.buff-pay-coupon .pay-coupon-price.unselected {
  color: #999;
}

.buff-pay-coupon .coupon-icon {
  border-top: 2px solid #dcdcdc;
  border-right: 2px solid #dcdcdc;
  width: .06rem;
  height: .06rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.buff-picker-wrapper {
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  height: auto;
  padding-top: .15rem;
  padding-bottom: .27rem;
  font-family: PingFangSC-Regular, PingFang SC;
  position: relative;
}

.buff-picker-wrapper .picker-title {
  text-align: center;
  color: #212121;
  width: 1.6rem;
  height: .22rem;
  margin: 0 auto .24rem;
  font-size: .16rem;
  line-height: .22rem;
}

.buff-picker-wrapper .close-btn {
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: .15rem;
  right: .15rem;
}

.buff-picker-wrapper .pick-item {
  box-sizing: border-box;
  background: #fff;
  border: .01rem solid #f2f2f2;
  border-radius: .09rem;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  width: 3.35rem;
  height: .82rem;
  margin-top: .15rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 .02rem .08rem #e9e9e9;
}

.buff-picker-wrapper .pick-item.active {
  background: #fff8f2;
  border: .01rem solid #ffb273;
}

.buff-picker-wrapper .pick-item .logo {
  width: .39rem;
  height: .44rem;
  display: block;
}

.buff-picker-wrapper .pick-item .logo img {
  width: 100%;
}

.buff-picker-wrapper .pick-item .stage-desc {
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: .42rem;
  margin-left: .15rem;
  display: -webkit-flex;
  display: flex;
}

.buff-picker-wrapper .pick-item .stage-desc .stage-title {
  color: #222;
  text-align: left;
  font-family: PingFangSC-Semibold;
  font-size: .17rem;
  font-weight: 700;
  line-height: .17rem;
}

.buff-picker-wrapper .pick-item .stage-desc .stage-title.active {
  color: #fe8119;
}

.buff-picker-wrapper .pick-item .stage-desc .stage-desc-text {
  text-align: left;
  color: #999;
  font-family: PingFangSC-Regular;
  font-size: .13rem;
  line-height: .13rem;
}

.buff-picker-wrapper .pick-item .stage-desc .stage-desc-text.active {
  color: #fbb479;
}

.buff-picker-age {
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  height: auto;
  padding-top: .15rem;
  padding-bottom: .27rem;
  font-family: PingFangSC-Regular, PingFang SC;
  position: relative;
}

.buff-picker-age .title-region {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: .24rem;
  padding: 0 .16rem 0 .2rem;
  display: -webkit-flex;
  display: flex;
}

.buff-picker-age .title-region .age-name {
  color: #212121;
  font-size: .17rem;
  line-height: .22rem;
}

.buff-picker-age .title-region .age-scope {
  color: #999;
  margin-left: .1rem;
  font-size: .12rem;
}

.buff-picker-age .close-btn {
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: .15rem;
  right: .15rem;
}

.buff-picker-age .pick-item {
  background: #fff;
  border: .01rem solid #f2f2f2;
  border-radius: .09rem;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  width: 3.35rem;
  height: .82rem;
  margin-top: .15rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.buff-picker-age .pick-item.active {
  color: #ff6b00;
  background: #fff2e8;
  border: .01rem solid #ffb273;
}

.buff-picker-age .pick-item .logo {
  width: .04rem;
  height: .36rem;
  margin-left: -.01rem;
}

.buff-picker-age .pick-item .logo img {
  width: 100%;
}

.buff-picker-age .pick-item .stage-desc {
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: .4rem;
  margin-left: .2rem;
  display: -webkit-flex;
  display: flex;
}

.buff-picker-age .pick-item .stage-desc .stage-title {
  color: #222;
  text-align: left;
  font-family: PingFangSC-Semibold;
  font-size: .17rem;
  font-weight: 700;
  line-height: .17rem;
}

.buff-picker-age .pick-item .stage-desc .stage-title.active {
  color: #ff6b00;
}

.buff-picker-age .pick-item .stage-desc .stage-desc-text {
  text-align: left;
  color: #999;
  font-family: PingFangSC-Regular;
  font-size: .13rem;
  line-height: .13rem;
}

.buff-picker-age .pick-item .stage-desc .stage-desc-text.active {
  color: #fbb479;
}

.buff-pay-remain {
  color: #5d4100;
  background: #fff1d0;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: .3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .12rem;
  font-weight: 400;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-remain span {
  height: .18rem;
  display: inline-block;
}

.buff-pay-remain .count-time {
  text-align: center;
  background: #fccc71;
  border-radius: 4px;
  width: .18rem;
  height: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: .1rem;
  font-weight: 500;
  line-height: .18rem;
}

.buff-pay-remain .min {
  margin: 0 .02rem 0 .04rem;
}

.buff-pay-remain .sec {
  margin: 0 .04rem 0 .02rem;
}

.buff-pay-pattern {
  background-color: #fff;
  border-radius: .08rem;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.buff-pay-pattern .section-desc {
  color: #999;
  padding: .15rem .15rem .05rem;
  font-size: .14rem;
  line-height: .2rem;
}

.buff-pay-pattern .pay-options {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  height: .52rem;
  padding: 0 .15rem;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}

.buff-pay-pattern .pay-options .option-icon {
  width: .28rem;
  height: .28rem;
  display: block;
}

.buff-pay-pattern .pay-options .option-name {
  color: #222;
  -webkit-flex: 1;
  flex: 1;
  margin-left: .15rem;
  font-size: .16rem;
  line-height: .22rem;
}

.buff-pay-pattern .pay-options .option-stat {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15949010334544836.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: .2rem;
  height: .2rem;
}

.buff-pay-pattern .pay-options .option-stat.picked {
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15949010636861857.png");
}

.buff-pay-footer {
  box-sizing: border-box;
  padding: 0 .15rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background: #fff;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: .65rem;
  font-family: PingFangSC-Regular, PingFang SC;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 #e7e7e7;
}

.buff-pay-footer .price {
  color: #fe8119;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-footer .price.disabled {
  color: #ccc;
}

.buff-pay-footer .price .currency-wrap {
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: baseline;
  align-items: baseline;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-footer .price .currency-wrap .currency {
  color: #fe8119;
  font-size: .15rem;
  font-weight: 400;
  line-height: .21rem;
}

.buff-pay-footer .price .currency-wrap .price {
  color: #fe8119;
  margin-left: .04rem;
  font-family: PingFangSC-Semibold;
  font-size: .34rem;
  font-weight: 700;
  line-height: .48rem;
}

.buff-pay-footer .price .discount-info {
  opacity: 0;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-left: .11rem;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-footer .price .discount-info .discount {
  box-sizing: border-box;
  color: #fe8119;
  background: #ffeee0;
  border-radius: 0 .1rem .1rem 0;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: .2rem;
  margin-left: .08rem;
  padding-right: .08rem;
  font-size: .13rem;
  font-weight: 400;
  line-height: .18rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.buff-pay-footer .price .discount-info .discount:before {
  content: "";
  background-image: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15948951659205215.png");
  background-size: 100% 100%;
  width: .12rem;
  height: .2rem;
  position: absolute;
  top: 0;
  left: -.08rem;
}

.buff-pay-footer .price .discount-info .discount .text {
  z-index: 9;
}

.buff-pay-footer .price .discount-info .display-price {
  color: #999;
  font-size: .13rem;
  font-weight: 400;
  line-height: .18rem;
  text-decoration: line-through;
}

.buff-pay-footer .btn {
  color: #fff;
  background: #ccc;
  border-radius: 1rem;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1.3rem;
  height: .45rem;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
  display: -webkit-flex;
  display: flex;
}

.buff-pay-footer .btn.active {
  background: linear-gradient(90deg, #ff9d1a 0, #fe8119 100%);
}

.buff-pay-footer .btn .wechat-logo {
  background: url("https://conan-online.fbcontent.cn/conan-oss-resource/zebra15948962557488930.png") 0 0 / 100% 100% no-repeat;
  width: .21rem;
  height: .21rem;
  margin-right: .06rem;
}

.buff-order-wrapper {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: .08rem;
  margin: 0 auto;
  padding: .1rem .15rem .14rem;
}

.buff-order-wrapper .nav {
  color: #999;
  margin-bottom: .2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
}

.buff-order-wrapper .foot-down {
  width: 3.15rem;
  margin-top: .09rem;
}

.buff-order-wrapper .foot-down .desc-msg {
  text-align: left;
  color: #fe8119;
  height: .2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
}

.buff-order-wrapper .foot-down .tip {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-top: .04rem;
  display: -webkit-flex;
  display: flex;
}

.buff-order-wrapper .foot-down .tip .star {
  width: .14rem;
  height: .14rem;
  margin-right: .03rem;
}

.buff-order-wrapper .foot-down .tip .rule {
  color: #999;
  height: .2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  text-decoration: underline;
}

.buff-order-wrapper .rule-content {
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  padding: .15rem .12rem .15rem .15rem;
  position: relative;
}

.buff-order-wrapper .rule-content .title {
  color: #212121;
  text-align: center;
  font-size: .16rem;
  font-weight: 700;
}

.buff-order-wrapper .rule-content .close {
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: .15rem;
  right: .15rem;
}

.buff-order-wrapper .rule-content .strategies {
  margin-top: .25rem;
}

.buff-order-wrapper .rule-content .strategies .strategy-title {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: .1rem;
  display: -webkit-flex;
  display: flex;
}

.buff-order-wrapper .rule-content .strategies .strategy-title .point {
  background: #212121;
  border-radius: 50%;
  width: .03rem;
  height: .03rem;
  margin-right: .1rem;
}

.buff-order-wrapper .rule-content .strategies .strategy-title .title-text {
  color: #212121;
  font-size: .16rem;
  font-weight: 700;
  line-height: .16rem;
}

.buff-order-wrapper .rule-content .strategies .content {
  color: #666;
  margin-bottom: .3rem;
  margin-left: .11rem;
  font-size: .15rem;
  line-height: 1.5;
}

.buff-order-outer {
  width: 3.15rem;
  margin-bottom: .08rem;
  font-family: PingFangSC-Regular, PingFang SC;
  position: relative;
}

.buff-order-outer:after {
  content: "";
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #e7e7e7;
  width: 200%;
  height: .01rem;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.buff-order-outer .sku-info {
  margin-bottom: .09rem;
  position: relative;
}

.buff-order-outer .sku-info .sku-name {
  color: #222;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
}

.buff-order-outer .sku-info .sku-desc {
  color: #999;
  margin-top: .04rem;
  font-size: .12rem;
  font-weight: 400;
  line-height: 1.4;
}

.buff-order-outer .sku-info .sku-price {
  text-align: right;
  color: #222;
  height: .22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.buff-order-outer .promotion {
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-top: .04rem;
  display: -webkit-flex;
  display: flex;
}

.buff-order-outer .promotion:first-of-type {
  margin-top: 0;
}

.buff-order-outer .promotion .icon {
  text-align: center;
  color: #fff;
  border-radius: .04rem;
  height: .2rem;
  padding: 0 .05rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: .13rem;
  font-weight: 500;
  line-height: .2rem;
}

.buff-order-outer .promotion .desc {
  color: #666;
  height: .2rem;
  padding-left: .06rem;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
}

.buff-order-outer .material-info {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-flex;
  display: flex;
}

.buff-order-outer .material-info .material-image {
  border-radius: .1rem;
  width: 3.15rem;
  height: auto;
  margin-top: .06rem;
}

.buff-order-outer .material-info .item-wrap {
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-top: .08rem;
  padding-bottom: .1rem;
  display: -webkit-flex;
  display: flex;
}

.buff-order-outer .material-info .item-wrap .item {
  text-align: left;
  white-space: nowrap;
  color: #999;
  width: 49.5%;
  height: .21rem;
  font-size: .12rem;
  line-height: .21rem;
}

.buff-order-outer .material-info .item-wrap .item .item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 1.3rem;
  display: inline-block;
  overflow: hidden;
}

.buff-login {
  box-sizing: border-box;
  background: #fff;
  border-radius: .08rem;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 0 .15rem;
  display: -webkit-flex;
  display: flex;
}

.buff-login .label {
  color: #999;
  width: .7rem;
  height: .2rem;
  margin-top: .15rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
}

.buff-login .login-item {
  padding-left: .14rem;
  position: relative;
}

.buff-login .login-item:before {
  color: #f55d5d;
  content: "*";
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  display: block;
  position: absolute;
  top: .03rem;
  left: 0;
}

.buff-login .login-item .input {
  color: #222;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.4;
}

.buff-login .login-item .error-content {
  color: #ff402b;
  font-size: .14rem;
  position: absolute;
  top: .01rem;
  right: 0;
}

.buff-login .phone-wrap {
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-top: .2rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.buff-login .phone-wrap:after {
  content: "";
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #e7e7e7;
  width: 200%;
  height: .01rem;
  margin-top: .18rem;
  display: block;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}

.buff-login .verfication-wrap {
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: .17rem 0 .18rem;
  display: -webkit-flex;
  display: flex;
}

.buff-login .verfication-wrap .verification-input-wrap {
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.buff-login .verfication-wrap .verification-input-wrap .input {
  width: 1rem;
}

.buff-login .verfication-wrap .verification-input-wrap .error-text {
  color: #f55d5d;
  margin-left: -.1rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
}

.buff-login .verfication-wrap .send-status {
  color: #60c15b;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .14rem;
}

.buff-login .logined-phone-wrap {
  box-sizing: border-box;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -.15rem;
  padding: .2rem .15rem .05rem;
  display: -webkit-flex;
  display: flex;
}

.buff-login .logined-phone-wrap .phone-num {
  color: #222;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .16rem;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-flex;
  display: flex;
}

.buff-login .logined-phone-wrap .phone-num:after {
  color: #60c15b;
  content: "已验证";
  background-color: #efffee;
  border-radius: .25rem;
  margin-left: .1rem;
  padding: 0 .1rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .12rem;
  font-weight: 400;
  line-height: .25rem;
  display: block;
}

.buff-login .logined-phone-wrap .edit-phone {
  color: #999;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .14rem;
  font-weight: 400;
  line-height: .14rem;
  display: -webkit-flex;
  display: flex;
}

.buff-login .logined-phone-wrap .edit-phone:after {
  content: "";
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  width: .07rem;
  height: .07rem;
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.buff-login .logined-tip {
  color: #999;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin: .1rem 0 .15rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .12rem;
  font-weight: 400;
  line-height: .17rem;
  display: -webkit-flex;
  display: flex;
}

.buff-input {
  border: none;
  border-radius: 0;
  outline: 0;
}

.buff-input::-webkit-input-placeholder {
  color: #999;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
}

.buff-input::placeholder {
  color: #999;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .16rem;
  font-weight: 400;
  line-height: .22rem;
}

.buff-input:disabled {
  background-color: #fff;
}

.buff-address {
  background: #fff;
  border-radius: .1rem;
  width: 3.45rem;
  margin: 0 auto .15rem;
  overflow: hidden;
}

.buff-address .head {
  border-bottom: .01rem solid #e7e7e7;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.buff-address .head .text {
  color: #333;
  padding: .18rem .15rem;
  font-family: PingFangSC-Semibold;
  font-size: .16rem;
  font-weight: 700;
}

.buff-address .head .close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAFVBMVEUAAADMzMzNzc3MzMzMzMzOzs7f399zceKFAAAAB3RSTlMA/lerg0MIXFkuwwAAAHhJREFUKM9l0ckNgDAMRFGL7T6pIHTAgQKQaCAl0H8VSBAzEj+HrC+bHSjL2TyY9ysmFU+sOmKUao4HaYtZKgZqT10/ULJJULNNYJkLpgZv1yBJByYdmHRgksDEwBPYgkN5LR7Gp+Nz/D4CxBAiyEgDEoVUMtn/cgNvAxJVHvbDtQAAAABJRU5ErkJggg==) center / .16rem no-repeat;
  width: .16rem;
  height: .16rem;
  padding: .18rem .15rem;
}

.buff-address .selected {
  color: #333;
  padding: .11rem .15rem 0;
  font-size: .16rem;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.buff-address .selected .area {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: .8rem;
  padding-bottom: .11rem;
  overflow: hidden;
}

.buff-address .selected .area:not(:last-child) {
  margin-right: .4rem;
}

.buff-address .selected .active {
  color: #fe8119;
  border-bottom: 2px solid;
}

.buff-address .picker, .picker {
  height: 3.52rem;
  overflow: scroll;
}

.picker .address-picker-item {
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
  border-top: 1px solid #e7e7e7;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  height: .44rem;
  padding: .11rem .15rem;
  font-size: .16rem;
  display: -webkit-flex;
  display: flex;
}

.picker .address-picker-item .picked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAQlBMVEUAAAD/gRn/gRv/ghv/nTT/ghr/ghr/kBv/ghn/hBv/gRr/ghv/iRv/ghr/ghr/gRr/ghn/gxv/gRr/hRz/hR3/gRnROKACAAAAFXRSTlMA8VU5BLC8CaI37mIcr4vPl3NNLixVIZzHAAAAfUlEQVQ4y+3MSwqEMBRE0We3n5hE+6O1/62KINZAqLyBAxHv+HDt6UZ1fXaofwS+RfXCWnIpBJfC6FIxe1TVn6jexqbQ/uria64AtF3hZQHYnFLWgO6gWALdUbGBTiirm90JRYePUnRS0VEpR6UclXRU0g0A4qZUKYzZLtICQ9sSLzG0RosAAAAASUVORK5CYII=) 0 0 / 100% no-repeat;
  width: .19rem;
  height: .19rem;
}

.picker .active {
  color: #fe8119;
}

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
  .picker .picker {
    height: 2.64rem;
  }
}

.buff-address-edit {
  box-sizing: border-box;
  background-color: #f6f6f6;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
}

.buff-address-edit .content {
  -webkit-flex: 1;
  flex: 1;
}

.buff-address-edit .content .desc {
  color: #999;
  padding: .1rem .15rem;
  font-size: .14rem;
  line-height: .2rem;
}

.buff-address-edit .content .desc.highlight {
  color: #fe8119;
  background: #fff7e6;
}

.buff-address-edit .content .form-item {
  color: #333;
  background-color: #fff;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 .15rem;
  display: -webkit-flex;
  display: flex;
}

.buff-address-edit .content .form-item.align-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.buff-address-edit .content .form-item .select-icon {
  border-top: .02rem solid #dcdcdc;
  border-right: .02rem solid #dcdcdc;
  width: .08rem;
  height: .08rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.buff-address-edit .content .form-item .form-item-input {
  caret-color: #60c15b;
  color: #222;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  outline: 0;
  -webkit-flex: 1;
  flex: 1;
  height: .5rem;
  padding: .14rem 0;
  font-size: .16rem;
  display: block;
  overflow: hidden;
}

.buff-address-edit .content .form-item .form-item-input::-webkit-input-placeholder {
  color: #b1b1b1;
}

.buff-address-edit .content .form-item .form-item-input::placeholder {
  color: #b1b1b1;
}

.buff-address-edit .content .form-item .form-item-textarea {
  color: #222;
  caret-color: #60c15b;
  resize: none;
  word-break: break-all;
  border: none;
  outline: 0;
  -webkit-flex: 1;
  flex: 1;
  height: 1rem;
  padding: .14rem 0;
  font-size: .16rem;
  line-height: .22rem;
  display: block;
}

.buff-address-edit .content .form-item .form-item-textarea::-webkit-input-placeholder {
  color: #b1b1b1;
}

.buff-address-edit .content .form-item .form-item-textarea::placeholder {
  color: #b1b1b1;
}

.buff-address-edit .content .form-item .grey {
  color: #b1b1b1;
}

.buff-address-edit .footer {
  background-color: #fff;
  height: .65rem;
}

.buff-address-edit .footer .add-btn {
  color: #fff;
  text-align: center;
  background-color: #60c15b;
  border-radius: 22.5px;
  height: .45rem;
  margin: .1rem .15rem;
  font-size: .15rem;
  line-height: .45rem;
}

.buff-address-list {
  box-sizing: border-box;
  background-color: #f6f6f6;
  min-height: 100%;
  padding-bottom: .65rem;
  overflow: auto;
}

.buff-address-list .address-item {
  background-color: #fff;
  margin-top: .08rem;
  padding: .14rem .15rem 0;
  position: relative;
}

.buff-address-list .address-item:first-child {
  margin-top: 0;
}

.buff-address-list .address-item .selected-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAv9JREFUaAXl2ctrE0EcB/DvZtM2ibY+Eqlpi0oP2pdVil4UavBfEDx50YOIIlSoUPBg/Qt8IgoiHgqexH9BDyIiPugh2ogHry2KyaGWPHb1F9llk002u7M7+5idy8xudn7z+zCzMwuRLrw+t6xAvYmYFImccUI3wXFC6+C4oFvAcUCbwKKjO4JFRncFi4q2BIuI7gkWDW0LLBLaNlgUtEwQu+XTs9VXc+ePSCpQsNvHz+eSUhL7tu9HX6IPm/XNjkM7mmEtQhi/vQ8OHcLFicvIprLNNN9vvMPjrw/RUBta2s3a0QxrPcM20xM7JnHt8HUM9g9qKWJ02xiqShXfKiX9HjUSLVcOLp6eWllOQLrloAuXRwm7MLOIAXnAFH9q54zpHjOYIgWNtsJSfuXqb6paCtOSNkbwcnnP7y3g6tQCzhw4i/GhcZTKJWw1/hiH09u9sDWlhidrj1CpVfQ+1HANpiBeoI/unsOlySvIJDOQEzLymREcyx3Hx58fTDtuL2xdqeNB8a7p/aVcXS1pCqAVt8v7xPBJLZReZ1M5LM3eQC61R79nB3u/eAervz7rfYwNz8AU1A1aURVjXnrbiHaLpaBM57CeTZcGyzk9/W9HXZxd6hKRNqAy0nIa/XJ/x2doGVvNrNbJk3dYC6bVLO/0xtY6aKOZ3mU+SihuSk41321tDGNtF0t9uIApMAuaPhKs0BS3vTjBUl9uYArOG+0Uyx3ME82C9QXMA007+r3i7a5HD43ZrXBd0sZBWZd3Pp3HaGYMkvT/QFFVFc+/r+Dt+htjeNttLseS1egsR9b8cAGFkdOoNqp4+eMF1spfrIaw/M13MGXDgrZUOPgxEHCQ6MDAQaEDBQeBDhzsNzoUYD/RoQH7hQ4V2A906MC80aEE80SHFswLHWowD3TowV6jIwH2Eh0ZsFfoSIG9QEcO7BYdSbAbdGTBrOhIg1nQkQc7RQsBdoIWBmwXLRTYDlo4cC+0kGArtLDgbmihwZ3QwoPb0bEAt6PpOhaF/rX8CynzwL9bd8cIAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: .3rem;
  height: .3rem;
  position: absolute;
  top: 0;
  right: 0;
}

.buff-address-list .address-item .address-head {
  color: #222;
  font-size: .16rem;
  line-height: .22rem;
}

.buff-address-list .address-item .address-content {
  color: #222;
  word-break: break-all;
  padding: .08rem 0 .14rem;
  font-size: .16rem;
  line-height: .22rem;
}

.buff-address-list .address-item .address-footer {
  color: #666;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  height: .5rem;
  font-size: .14rem;
  line-height: .5rem;
  display: -webkit-flex;
  display: flex;
}

.buff-address-list .address-item .address-footer .icon {
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  background-size: .15rem .2rem;
  width: .15rem;
  height: .5rem;
  margin: 0 .04rem 0 .15rem;
  display: inline-block;
}

.buff-address-list .address-item .address-footer .edit-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAAXNSR0IArs4c6QAAAjxJREFUWAntVjtIA0EU9KJYKUkZqxTa22hpY6xUYiuKjUU+rZh0YkCw0SZVPqC9YKMSK7GxPStBEBRJIaZMwCZKEmf0Vta7vU9+CDELm7e37+3Mztu3ZIeGBm2QgX7LgOYkKJVKjVer1e1msxnRNG0KdswpHr5ioVBYVsVEo9E1YLzn8/lT+kdUQZyLx+PzlUrlGMMQv0FK01YDVrrRaOxi8Qu6PTFJEXiFIGxSu4E9ALEONa8Yt9Qk0jqwtsRiS6qZXii9Q0DI5/PtB4PBnXQ63RALWrEm0nWk+USs94mBsDxTjENU2itSclmIMbdCB9pBL5R+Q6uJJ+nkmYqgVqxTemUci2JxZbpQSL/OVCbl2EJsDvD67aY0FosV2QWe7T0WAV5sIpGI1Ot13lNeGaVSZHJRxuqW4hcQ6uir8pWRiczjrijOZrO3AJ41gzt9d0uxE4fS92fEnlPNijQXiFIKJnHWlzjrJTs/53uiGBt0/SvzrNhNgZM6la8nilVE5rn/R+z5jJ2q2ksVu6YaIG8MwuNswhxs9+1WxQJLYBNHpfgJ89MImoG9YBBbJ1VNLN4w9MdvNPU9PjOcSbxAOi4+AyNJTGzg3JbY7/cfwlnC7ubK5fJeJ+RcSwxiEdPA/uK2vDI5iz/1jp63PFPjqJIGaRMv1oVcLnf9xYofJbFE/vOgFwvasCWQbsqkxBi2A9J1/TkcDh/VarUP7D6APobYUbt4eR6xvBn3sIVAILCRyWQeZP9gPMhAf2bgE8sCD71FMvj/AAAAAElFTkSuQmCC);
}

.buff-address-list .address-item .address-footer .delete-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAAXNSR0IArs4c6QAAAbVJREFUWAntVj1OAkEY3dkYaLSx03ADC69AjI0ewdhpFigoaDgELQWw0c4rqI0xXMGCGxDpbKSBgvU9M5BxZmdmIdkYzWyy2W9m3vfe9739mygKR3DgvzkgijTUbrdry+Wyl2VZHfgjS85MCDGuVCrdfr8/tWA2015hii4WizdkHG6y3MFHtVo99YnvuTmiiJ1K0WcQJjZCWWAK7IXMuXJxx65Frkl7I5cocSyIGDWHse0QjUbjEeSXNkAZ83gWnrwdlyGMRjODN0mSjKexsOOEje9XOmYPQdh5J/kG8NRBtnkdp469HxAVbHvtbPNqrh6He6w7Uto4WF2atTpxsFp3pLTxVl8u/sDz/qW2eVfVxmYP391PkO8j6ThN05kr2beGfzF3pO8obD4ajQ5UvPFwQXRCAMB1FbhLvOZYc6ochnAcx/cEANzrdDpFt7Qq53fMXHJwsOZUQYbVAItms/mC6xmAU1TdRTwuajvtZadStIb4dTgcnuP6YztlCLMqmfwgxdVCt4opCo7rvKJzhcmOBNFqtW5Xq9UNCE4w5gPnPYCdAzuhvYPB4E7v1EsQAMGBP+vAF22sts5pqt9VAAAAAElFTkSuQmCC);
}

.buff-address-list .footer {
  z-index: 999;
  background-color: #fff;
  width: 100%;
  height: .65rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.buff-address-list .footer .add-btn {
  color: #fff;
  text-align: center;
  background-color: #60c15b;
  border-radius: .22rem;
  height: .45rem;
  margin: .1rem .15rem;
  font-size: .15rem;
  line-height: .45rem;
}

.buff-empty-content {
  padding-top: 1.37rem;
}

.buff-empty-content .empty-icon {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  display: block;
}

.buff-empty-content .label {
  color: #999;
  text-align: center;
  margin-top: .3rem;
  font-size: .15rem;
  line-height: 1;
}

.buff-breath-btn {
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid rgba(231, 231, 231, .5);
  height: .65rem;
  padding: .1rem .15rem;
}

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

  4.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

  13.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

  22.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

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

  4.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

  13.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

  22.5% {
    -webkit-transform: scale(.88);
    transform: scale(.88);
  }

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

.buff-breath-btn .breath-animate {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: 13.6s linear infinite breath;
  animation: 13.6s linear infinite breath;
}

.buff-breath-btn .buff-breath-inner {
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 1rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 3.45rem;
  height: .45rem;
  margin: 0 auto;
  font-size: .17rem;
  font-weight: 700;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}

.buff-lesson-info {
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding: .24rem .15rem .2rem;
}

.buff-lesson-info .lesson-name {
  color: #212121;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: .22rem;
  font-weight: 700;
  line-height: .28rem;
}

.buff-lesson-info .lesson-desc {
  color: #666;
  margin-top: .04rem;
  font-size: .13rem;
  line-height: .18rem;
}

.buff-lesson-info .lesson-price {
  color: #fe8119;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  height: .36rem;
  margin-top: .1rem;
  font-family: PingFangSC-Medium;
  font-size: .25rem;
  line-height: .36rem;
  display: -webkit-flex;
  display: flex;
}

.buff-lesson-info .lesson-price .dollar-flag {
  color: #fe8119;
  width: .1rem;
  height: .19rem;
  margin-right: .02rem;
  font-size: .16rem;
  font-weight: 500;
  line-height: .25rem;
}

.buff-lesson-info .lesson-price .dollar-num {
  color: #fe8119;
  font-family: SFProDisplay-Medium, SFProDisplay;
  font-size: .24rem;
  font-weight: 500;
  line-height: .29rem;
}

.buff-lesson-info .lesson-display-price {
  color: #b3b3b3;
  height: .18rem;
  margin-left: .03rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: .13rem;
  font-weight: 400;
  line-height: .25rem;
  text-decoration: line-through;
}

.buff-lesson-info .lesson-favorable-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: auto;
  max-width: 1.5rem;
  margin-left: .06rem;
  line-height: .22rem;
  display: inline-block;
  position: relative;
  bottom: -.005rem;
  overflow: hidden;
}

.buff-lesson-info .lesson-favorable-container span {
  opacity: .5;
  background: #6b4f2b;
  border-radius: .01rem;
  width: .01rem;
  height: .08rem;
  margin: 0 .04rem;
  display: inline-block;
}

.buff-lesson-info .favorable-type-1 {
  color: #6b4f2b;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAsCAYAAABovuiKAAABJElEQVRIS+2WUU+DMBSFv/3/P6YmGn1Qo0Yzo4nGbSxsbAMZ1Bwq0WV0UNLHnoQX4H65PbfQMzHGGCRTwfYdigXU380tH00akFjpLewzn9qDdy0on0H2PBqiQgvKXiD/CgDaTGH3GQBUriC9CwASYv1kJzZS1iOpLmF5A2Y/CvUHUrk6UmcjdAhqlvgIReKNOgZpVy+vwdResGOQyrMp5H7boRtUppDeB+hIE0wuA4AwMD8PAQLmZxFkHegev55Ej9o9Ej3q/1qiR9GjTgeC/UYWF16HpHtDJldeWdINUl5SbhooN0gJV9dAuUFVbvOSDssBcoNUvHmF3ccAzKlTROWKNqsHUKjo0emOWtj27Tf1upfZD2o7qQooZnaS8k9Z818Y+wH+9EF8X/fN6gAAAABJRU5ErkJggg==) 0 0 / .09rem 100% no-repeat, #ffebc7 100% 0 / calc(100% - .08rem) 100%;
  border-radius: 0 .06rem .06rem 0;
  padding: 0 .06rem 0 .09rem;
  font-family: SFProDisplay-Medium, SFProDisplay;
  font-size: .13rem;
  font-weight: 500;
}

.buff-lesson-info .favorable-type-1 div {
  height: 100% !important;
}

.buff-lesson-info .favorable-type-2 {
  color: #fe8119;
  background: #fff4eb;
  border-radius: 12px;
  padding: 0 .12rem;
  font-size: .13rem;
}

.buff-lesson-info .favorable-type-3 {
  color: #fe8119;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAAAXNSR0IArs4c6QAAAx5JREFUWAntWEtrFEEQrupsDKIeEnIwk2hQEQRRf4HvkwTMMQgGjOBJEEQk+Ni8NiJBJCdPinrwYPAgEcRTIupJPKkIQvARTTYIIUE0SF5TfjNjz2NnZ9KzeNw+bNdU1fdNVXVN98wypQwZam6hJWknkTYS3kEklhBtLAfhckoZ2mLR4mo/gF0iVFPOp1QXI5KCdRwRPADBplLntOsIkQxY50AyjPCVBjHzGLGMEPFLaqif5rMffmtbePaJ3EhseaxJQDABvjPcM/UiDEiSXSKvJisfdTogeUW1uXa+9G0+CViq91JAYUMkE1lJHFJ2l3jR/qpXh7nmkGk64aiU0ycBCY9VQuIQKrfZNLW7Ovoi2wwip2P1wBJXOFBssXws+sSXMwoq/OwkNZsJp9/BJs5pPlWitOp4tmqNDGrETAvaTQaaCnJrd9lTQvskzSg2P9VGbCdXaXburQy07NE601nR+sbTiOqZBuDZ205ij0uhdZvWmcyKL75boHyxDTtjJ/bqnw5ISBpJlkZExD8c1iKLOCKlgySr46GT5AT3FB+uReLYIw3pbbM8HAKeCsmpYoTI9czV3kTNEBSG0GGRvriPa4z+RFLTJpy4RdSnybnm3DqLr0zOaFvSbHS3JHBYHyOSa62IRDY7Tky8RJe7foQBSXIuZlhZvoACeSkzPWfus2M+ZRSRiNzlJzkf8rsfklNFl8hpPBls7iSyR4MeojeUn8brjNnIyY29G6hgPcJzdkxDUJtZ4toOdLrXBtqQMiv6M3s3SkKfidURzk9+ScHFTEgNL5r/BhpxkBob9qHD32ud6cx2f5MfvuqdKdugJmSRVTMBJPlUiZIqE+irNQpqkSQptLL/kVLpKeuQo9hc9O8yN9/syxkFhY+ITwFGDgRyNglEwdmPl/eObPDAW9E6HsX2seqosFMe9bbbwMFUUtw9PYU63QsA9m25vrU+uDaTvM6uq+lFVL8cCKLaScsro1nJXCLu/l5ErU6iFdyjB2T7QfY6S5qRHfG/fBzrSlT6uR57+jlffEJ1uV04iu7o1dQ3SZsjqZU6ZvlL4y/M9RGCG+2aTQAAAABJRU5ErkJggg==) 0 0 / .06rem 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAAAXNSR0IArs4c6QAAAu9JREFUWAntmEtrE1EUx89JUoNgFxUKNhbrA1EQP4LvZcHiQkWIiOAXKCJRS59RxIUIgisFcSPWVStUV+JjJ+5cCeJGm4igKZK6aJrJ8X9ucpNhkmnuDF3mLjJz79zzm3PPnXNm/uHa7JBQh8ZEq0RcJJZvxLxEW3iRc4XlDlPNEIeBggbM5AH8hNLJac79KAavJ4IDYX0RSorIFVqrfpF85nRwHlbQucnDQ9uotLKTSI6S8HlATtmZMKphueM8VXzgG7OnGx9lbvgY7B8BuF9nGliCz/Bk8WWjvzHAf1Xu7Bqg9eoiYEeMMVOZ0qmDGjPnGBnDG99XqC81xsxftY+49dOaN2uu6U/UpssU8d6pndnNdGJ3JI/sDXlq+T28eqN93U2qyFgskAGyzFswaKPxQcQfWiDeFx+0faDQBJFkQh/I1qTwM396xfcowO+BAgHp0O3FqENQAkOpQN+pa8rwn1IOmW8aSsm/yCmCWnSYxFsAY6+9K0rKi0ggyY/sIal8hCeDLQi9pq2DZ523H3WaAZm3EHjxlzl5kSaLo3zts/vS5FbmgnjyTD3BMvA6Sp7USmk9c/YIppesEVD3/RAddwKJzCRI6IQaYIeEUn339NzfnIItt0eGpFox73vE5ifesBk/RM+dPAoadeq7gW5e/sXElTpAdqiHQZgTiHkGu0Rv1Rjbz1RdvxoLZIwS9LRlLOOSHz7e6keJ0UThOXbskxojPbCLtQWkS9Y8qBhz2jV755AUeYUUORcJZLzZjKRteqZfc79L17HECR2LVUYsTI+9N60/Gt3PnVKkOybKk92F1vOoPUBy90C/HUXCrsaPUaXsq9scTYtYD+pHyC/boDLjewQNZzlI/6XI9UiNN0XUGM0GAdj0BjpXRXOkpfmEX11FGuGXnFaoM0iXA/WIT5qGeqzr2qxV3KFfbO3i2GsXxw09qx45636drA31uYyfrBXF9dEISwPAwwfEYyOGfZ5YUOjS9LHH/Z3/0vgPrUwX8EZCqcMAAAAASUVORK5CYII=) 100% 0 / .06rem 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAsCAYAAAC33FDQAAABAklEQVR4Xu3csQ3AIBDF0NwYGTeLByQmwLVN/Svr6Urm/9719CpwWWACc1mq2SkwdagAKRAYUqttFyYDrEAXhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSrwOjJ8ACBIb10q8DoyfAAgSG9dKvA6MnwAIEhvXSr/vYWU+ABQgM66Vfb6htCok3ybM8AAAAAElFTkSuQmCC) top / calc(100% - .1rem) 100% no-repeat;
  padding: 0 .06rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-size: .12rem;
  font-weight: 700;
}

.buff-lesson-info .lesson-sold {
  color: #b3b3b3;
  text-align: right;
  -webkit-flex: 1;
  flex: 1;
  font-size: .13rem;
  line-height: .22rem;
}

.buff-paying-wrapper {
  box-sizing: border-box;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem .15rem;
  display: -webkit-flex;
  display: flex;
}

.buff-paying-wrapper .logo, .buff-paying-wrapper .slogan {
  pointer-events: none;
  width: .56rem;
  margin: 0 auto;
  position: relative;
}

.buff-paying-wrapper .slogan {
  width: .567rem;
  margin-top: .1rem;
  margin-bottom: .55rem;
}

.buff-paying-wrapper .button {
  color: #fff;
  text-align: center;
  background-color: #fe8119;
  border-radius: .45rem;
  width: 2.5rem;
  height: .45rem;
  margin: 0 auto;
  font-size: .16rem;
  line-height: .45rem;
  display: block;
}

.buff-paying-wrapper .fail {
  color: #fe8119;
  box-sizing: border-box;
  background-color: #fff;
  border: .01rem solid #fe8119;
  margin-top: .2rem;
  line-height: .43rem;
}

.image-loader {
  width: 100%;
  height: auto;
}