/* Shared page adapters for the PHP frontend. Product data remains live. */

.target-page-header {
  position: relative;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: #f65043 !important;
  background-image: linear-gradient(110deg, #ef353c 0%, #ff5d4c 54%, #ffb348 100%) !important;
}

.target-page-header__title {
  overflow: hidden;
  max-width: calc(100% - 108px);
  font-size: 15px;
  font-weight: 400;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-page-header__back,
.target-page-header__action {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.target-page-header__back {
  left: 0;
  background-image: url("/statics/templates/teyunbao/target-shared-assets/back.svg");
  background-size: 23px 23px;
}

.target-page-header__action {
  right: 0;
  background-image: url("/statics/templates/teyunbao/target-shared-assets/search.svg");
  background-size: 23px 23px;
}

/* Category / goods list */
body.target-cate-page {
  height: 100vh;
  overflow: hidden;
  background: #fff;
}

.target-cate-page .h5-1yyg-v1 {
  position: relative;
  width: 100%;
  height: calc(100vh - 54px);
  min-height: 0;
  overflow: hidden;
  background: #fff;
}

.target-cate-page .h5-1yyg-v1 > .g-header,
.target-cate-page .h5-1yyg-v1 > .header,
.target-cate-page #goodsNav > .top-wx,
.target-cate-page #goodsNav > .headertop,
.target-cate-page #goodsNav > .select-btn,
.target-cate-page #goodsNav > .select-total,
.target-cate-page #addAll {
  display: none !important;
}

.target-cate-page #goodsNav {
  position: static;
  width: auto;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.target-cate-shell {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}

.target-cate-sidebar {
  flex: 0 0 89px;
  width: 89px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #eee;
  background: #fafafa;
  scrollbar-width: none;
}

.target-cate-sidebar::-webkit-scrollbar,
.target-cate-content::-webkit-scrollbar {
  display: none;
}

.target-cate-side-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 47px;
  padding: 7px 8px;
  color: #7a7a7a;
  border: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

.target-cate-side-btn.is-active {
  color: #181818;
  font-weight: 600;
}

.target-cate-side-btn.is-active::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: linear-gradient(#fa3a42, #ff7b4a);
  content: "";
}

.target-cate-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fafafa;
}

.target-cate-tabs {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 43px;
  border-bottom: 1px solid #eee;
  background: rgba(255, 255, 255, .98);
}

.target-cate-tab {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 0 2px;
  color: #939393;
  border: 0;
  background: transparent;
  font-size: 13px;
  line-height: 43px;
  white-space: nowrap;
}

.target-cate-tab.is-active {
  color: #1e1e1e;
  font-weight: 600;
}

.target-cate-tab.is-active::after {
  position: absolute;
  right: 28%;
  bottom: 0;
  left: 28%;
  height: 2px;
  border-radius: 2px;
  background: var(--target-ui-red);
  content: "";
}

.target-cate-page .goodsList.goodsList2 {
  position: static !important;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 7px 8px 62px;
  background: #fafafa;
}

.target-cate-page .goodsList > ul {
  position: relative;
  display: block;
  width: 100%;
  min-height: 96px;
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .09);
  list-style: none;
}

.target-cate-page .goodsList > ul > li {
  position: relative;
  width: 100%;
  min-height: 96px;
  padding: 9px;
  border: 0;
}

.target-cate-card__link {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 78px;
  padding-right: 38px;
  color: #191919;
}

.target-cate-card__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  margin-right: 9px;
  overflow: hidden;
}

.target-cate-card__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.target-cate-card__body {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: 78px;
}

.target-cate-card__title {
  display: -webkit-box;
  height: 39px;
  margin: 0;
  overflow: hidden;
  color: #151515;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-cate-card__price {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  color: var(--target-ui-red);
  font-size: 15px;
  line-height: 18px;
}

.target-cate-card__price em {
  color: var(--target-ui-red);
  font-size: 15px;
  font-style: normal;
}

.target-cate-page .target-price-unit {
  margin-left: 4px;
  color: #a0a0a0;
  font-size: 12px;
}

.target-cate-card__progress {
  position: absolute;
  right: 0;
  bottom: 23px;
  left: 0;
  height: 6px;
  width: 100%;
  overflow: hidden;
  border-radius: 999px;
  background: #ececec;
}

.target-cate-card__progress > span {
  display: block;
  height: 6px;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffab42 0%, #ec3e60 100%);
}

.target-cate-page .target-cate-card__add {
  position: absolute;
  right: 9px;
  bottom: 30px;
  display: block;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #fff url("/statics/templates/teyunbao/target-home-assets/raw/f68e756c5606058f.svg") center/20px no-repeat;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .11);
}

.target-cate-page .target-cate-card__actions {
  position: static;
  float: none;
  width: 0;
  height: 0;
}

.target-cate-page .target-cate-card__actions .buynow {
  display: none;
}

.target-cate-page .loading {
  clear: both;
  width: 100%;
  color: #9b9b9b;
  border: 0 !important;
  background: transparent;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 340px) {
  .target-cate-sidebar {
    flex-basis: 82px;
    width: 82px;
  }

  .target-cate-page .goodsList > ul > li {
    padding: 8px;
  }

  .target-cate-card__pic {
    flex-basis: 64px;
    width: 64px;
  }
}

/* Product detail */
body.target-detail-page {
  padding-bottom: 54px;
  background: #f7f7f7 !important;
}

.target-detail-page > .headertop,
.target-detail-page > .top-wx,
.target-detail-page #loadingPicBlock > .g-header,
.target-detail-page #divPeriod {
  display: none !important;
}

.target-detail-page .target-bottom-nav,
.target-detail-page .target-footer-space {
  display: none !important;
}

.target-detail-page #loadingPicBlock {
  min-height: 100vh;
  background: #f7f7f7;
}

.target-detail-page .goodsCon {
  width: 100%;
  margin: 0;
  padding: 0 7px 30px;
}

.target-detail-page .pPic {
  width: calc(100% + 14px);
  height: 280px;
  margin: 0 -7px;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #fff;
}

.target-detail-page .pPic2,
.target-detail-page .pImg,
.target-detail-page .pImg .slides,
.target-detail-page .pImg .slides li {
  width: 100% !important;
  height: 280px !important;
  margin: 0;
}

.target-detail-page .pImg .slides {
  display: flex;
}

.target-detail-page .pImg .slides li {
  flex: 0 0 100%;
  padding: 18px 40px 26px;
  background: #fff;
}

.target-detail-page .pImg .slides img {
  display: block;
  width: 100%;
  height: 236px;
  margin: 0 auto;
  object-fit: contain;
}

.target-detail-page .pImg .direction-nav {
  display: none;
}

.target-detail-page .pImg .control-nav {
  bottom: 7px;
}

.target-detail-page .pImg .control-nav a {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bdbdbd;
}

.target-detail-page .pImg .control-nav a.active {
  width: 13px;
  border-radius: 5px;
  background: #ee3f43;
}

.target-detail-page .pDetails {
  margin: 0 -7px;
  padding: 11px 12px 13px;
  border: 0;
  background: #fff;
}

.target-detail-page .pDetails > b {
  display: block;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.target-detail-page .pDetails > b::before {
  display: inline-flex;
  align-items: center;
  height: 18px;
  margin-right: 6px;
  padding: 0 7px;
  color: #fff;
  border-radius: 9px;
  background: #43b66b;
  content: "已保障";
  font-size: 10px;
  line-height: 18px;
}

.target-detail-page .pDetails > b span,
.target-detail-page .pDetails .price {
  display: none;
}

.target-detail-page .pDetails .Progress-bar {
  margin: 12px 0 0;
}

.target-detail-page .pDetails .u-progress {
  height: 5px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #ededed;
}

.target-detail-page .pDetails .pgbar {
  height: 5px;
  border-radius: 4px;
  background: linear-gradient(90deg, #ffb848, #ef3c45);
}

.target-detail-page .pDetails .pging {
  display: none;
}

.target-detail-page .pDetails .Pro-bar-li {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}

.target-detail-page .pDetails .Pro-bar-li li {
  float: none;
  width: auto;
  color: #999;
  font-size: 10px;
  text-align: left;
}

.target-detail-page .pDetails .Pro-bar-li li:nth-child(2) {
  text-align: center;
}

.target-detail-page .pDetails .Pro-bar-li li:last-child {
  text-align: right;
}

.target-detail-page .pDetails .Pro-bar-li em {
  display: block;
  color: #555;
  font-size: 12px;
  line-height: 16px;
}

.target-detail-page .pDetails .Pro-bar-li li:last-child em {
  color: #ef3d43;
}

.target-detail-page .joinAndGet {
  margin: 9px 0 0;
  border: 0;
  background: transparent;
}

.target-detail-page .joinAndGet dl {
  margin: 0;
  border-radius: 8px;
  background: #fff;
}

.target-detail-page .joinAndGet dl > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 13px;
  color: #262626;
  border-bottom: 1px solid #f1f1f1;
  font-size: 13px;
}

.target-detail-page .joinAndGet dl > a:last-child {
  border-bottom: 0;
}

.target-detail-page .joinAndGet dl > a > .z-arrow {
  margin-left: auto;
  order: 3;
}

.target-detail-page .joinAndGet dl > a > em {
  margin-left: auto;
  color: #aaa;
  font-size: 10px;
  font-style: normal;
}

.target-detail-page .target-detail-trend {
  min-height: 62px !important;
  margin: 0 0 9px;
  border-radius: 8px;
  background: linear-gradient(100deg, #fff5f3, #fff) !important;
}

.target-detail-trend__icon {
  width: 34px;
  height: 34px;
  margin-right: 11px;
  border-radius: 8px;
  object-fit: contain;
}

.target-detail-trend strong,
.target-detail-trend small {
  display: block;
}

.target-detail-trend strong {
  font-size: 13px;
  font-weight: 600;
}

.target-detail-trend strong em {
  padding: 1px 4px;
  color: #fff;
  border-radius: 4px;
  background: #ff7f28;
  font-size: 8px;
  font-style: normal;
}

.target-detail-trend small {
  margin-top: 2px;
  color: #aaa;
  font-size: 9px;
}

.target-detail-page #btnBuyBox {
  position: fixed;
  right: 0;
  bottom: env(safe-area-inset-bottom);
  left: 0;
  z-index: 1140;
  display: flex;
  width: 100%;
  max-width: var(--target-ui-width);
  height: 54px;
  margin: 0 auto;
  padding: 7px 10px;
  background: #fff;
  box-shadow: 0 -2px 9px rgba(0, 0, 0, .04);
  gap: 8px;
}

.target-detail-page #btnBuyBox a {
  display: flex;
  float: none;
  align-items: center;
  justify-content: center;
  flex: 1 1 50%;
  width: auto;
  height: 40px;
  margin: 0;
  color: #fff;
  border: 0;
  border-radius: 21px;
  background: linear-gradient(110deg, #ffb63f, #ff7d3c);
  font-size: 14px;
}

.target-detail-page #btnBuyBox .addBtn {
  background: linear-gradient(110deg, #ff4450, #ff6048);
}

.target-detail-page .pProcess,
.target-detail-page .pResults,
.target-detail-page #prevPeriod {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
}

/* Authentication */
body.target-auth-page {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 14px 30px;
  box-sizing: border-box;
  background: #fff;
}

.target-auth-page .target-bottom-nav,
.target-auth-page .target-footer-space,
.target-auth-page .headertop,
.target-auth-page .top-wx {
  display: none !important;
}

.target-auth-page > .h5-1yyg-v1,
.target-auth-page #content {
  width: auto;
  min-height: 100vh;
  margin: 0 -14px;
  background: #fff url("/statics/templates/teyunbao/target-page-assets/auth/login-hero.png") top center / 100% auto no-repeat;
}

.target-auth-page--register > .h5-1yyg-v1,
.target-auth-page--register #content {
  background-image: url("/statics/templates/teyunbao/target-page-assets/auth/register-hero.png");
}

.target-auth-hero {
  position: relative;
  width: 100% !important;
  height: 258px;
  padding: 0 20px;
  color: #fff;
  background: transparent;
}

.target-auth-page--register .target-auth-hero {
  background: transparent;
}

.target-auth-hero__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  font-size: 13px;
}

.target-auth-hero__bar > a {
  color: #fff;
}

.target-auth-back {
  width: 34px;
  height: 40px;
  margin-left: -11px;
  border: 0;
  background: url("/statics/templates/teyunbao/target-shared-assets/back.svg") center / 22px 22px no-repeat;
}

.target-auth-hero__copy {
  padding: 54px 10px 0;
}

.target-auth-hero__copy h1 {
  margin: 0;
  color: #fff;
  font-size: 29px;
  font-weight: 700;
  line-height: 40px;
}

.target-auth-hero__copy p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .9);
  font-size: 13px;
}

.target-auth-sheet {
  position: relative;
  z-index: 2;
  margin: -22px 14px 0;
  padding: 24px 14px 22px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .08);
}

.target-auth-page .registerCon,
.target-auth-page .registerCon ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.target-auth-page .registerCon li {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.target-auth-page .registerCon .loginType {
  display: none;
}

.target-auth-page .registerCon li.acc,
.target-auth-page .registerCon li.pwd,
.target-auth-page .registerCon li.code {
  display: flex;
  align-items: center;
  height: 46px;
  overflow: hidden;
  border: 1px solid #ececf0;
  border-radius: 7px;
  background: #fafbfc;
}

.target-auth-page .registerCon li > label {
  display: none;
}

.target-auth-page .registerCon input {
  flex: 1 1 auto;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 12px;
  color: #333;
  border: 0 !important;
  background: transparent;
  font-size: 12px;
  line-height: 44px;
}

.target-auth-page .registerCon .pwd > a {
  width: 38px;
}

.target-auth-page .registerCon .btn-login {
  margin-top: 16px;
}

.target-auth-page #login,
.target-auth-page .registerCon input[type="submit"],
.target-auth-page .registerCon button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 42px;
  color: #fff;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(105deg, #ff4350, #ff9e62) !important;
  box-shadow: 0 5px 13px rgba(244, 75, 75, .2);
  font-size: 14px !important;
}

.target-auth-page .btnArea {
  display: flex;
  justify-content: space-between;
  margin: 5px 0 0 !important;
}

.target-auth-page .btnArea a {
  color: #ef4a4d;
  font-size: 11px;
}

.target-auth-page .btnArea i {
  display: none;
}

.target-auth-page .loginTip,
.target-auth-page .agreement-tips {
  margin: 12px 0 0;
  padding: 0;
  color: #aaa;
  border: 0;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}

.target-auth-page .loginTip p,
.target-auth-page .agreement-tips p,
.target-auth-page .loginTip p[style] {
  height: auto !important;
  color: #aaa !important;
  font-size: 10px !important;
}

.target-auth-page .login_tips {
  display: none;
}

/* Password recovery and standard form pages */
body.target-forgot-page,
body.target-form-page,
body.target-payment-page {
  min-height: 100vh;
  background: #f7f7f7;
}

.target-forgot-page .target-bottom-nav,
.target-forgot-page .target-footer-space,
.target-form-page .target-bottom-nav,
.target-form-page .target-footer-space,
.target-payment-page .target-bottom-nav,
.target-payment-page .target-footer-space,
.target-list-page .target-bottom-nav,
.target-list-page .target-footer-space,
.target-content-page .target-bottom-nav,
.target-content-page .target-footer-space,
.target-account-page .target-bottom-nav,
.target-account-page .target-footer-space {
  display: none;
}

.target-forgot-page .headertop,
.target-forgot-page .top-wx,
.target-form-page .headertop,
.target-form-page .top-wx,
.target-payment-page .headertop,
.target-payment-page .top-wx {
  display: none !important;
}

.target-forgot-page form,
.target-form-page form,
.target-payment-page form {
  margin: 14px;
  padding: 14px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .055);
}

.target-forgot-page form {
  margin-top: 14px;
  padding: 13px;
}

.target-forgot-page .registerCon,
.target-forgot-page .registerCon ul {
  margin: 0;
  padding: 0;
}

.target-forgot-page .registerCon .title,
.target-forgot-page .registerCon label {
  display: none;
}

.target-forgot-page .registerCon li {
  position: relative;
  margin: 0 0 9px;
  padding: 0;
  border: 0;
}

.target-forgot-page .registerCon li.code,
.target-forgot-page .registerCon li.acc {
  display: flex !important;
  align-items: center;
}

.target-forgot-page .registerCon li.target-forgot-field {
  min-height: 37px;
  margin-bottom: 7px;
  padding: 0 9px 0 29px;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 6px;
  background-color: #fafbfc;
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.target-forgot-page .target-forgot-field--user {
  background-image: url("/statics/templates/teyunbao/target-page-assets/auth/field-user.svg");
}

.target-forgot-page .target-forgot-field--code {
  background-image: url("/statics/templates/teyunbao/target-page-assets/auth/field-code.svg");
}

.target-forgot-page .target-forgot-field--lock {
  background-image: url("/statics/templates/teyunbao/target-page-assets/auth/field-lock.svg");
}

.target-forgot-page .registerCon li.target-forgot-field input:not([type="hidden"]) {
  width: 100%;
  min-height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.target-forgot-page .target-forgot-field > a {
  display: none !important;
}

.target-forgot-page input:not([type="hidden"]),
.target-form-page input:not([type="hidden"]),
.target-form-page textarea,
.target-form-page select,
.target-payment-page input:not([type="hidden"]) {
  width: 100%;
  min-height: 45px;
  margin: 0 0 9px;
  padding: 0 12px;
  color: #333;
  border: 1px solid #e9e9ec;
  border-radius: 6px;
  background: #fafbfc;
  font-size: 12px;
}

.target-form-page textarea {
  min-height: 90px;
  padding-top: 10px;
}

.target-form-page .registerCon,
.target-form-page .main-content > section,
.target-form-page .R-content {
  margin: 10px 8px;
  padding: 13px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .045);
}

.target-form-page .registerCon ul {
  margin: 0;
  padding: 0;
}

.target-form-page .registerCon li {
  margin-bottom: 9px;
  color: #999;
  border: 0;
  font-size: 11px;
}

.target-nickname-page .main-content > section,
.target-password-page .main-content > section {
  margin: 0;
  padding: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.target-nickname-page .main-content,
.target-password-page .main-content {
  margin-top: 0 !important;
}

.target-nickname-page .registerCon,
.target-password-page .registerCon {
  width: auto !important;
  margin: 14px;
  padding: 13px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .055);
}

.target-nickname-page .registerCon ul,
.target-password-page .registerCon ul {
  margin: 0;
  padding: 0;
}

.target-nickname-page .registerCon li {
  margin: 0 0 10px;
  padding: 0;
}

.target-nickname-page .registerCon input[type="text"] {
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 0 12px 0 30px;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 6px;
  background: #fafbfc url("/statics/templates/teyunbao/target-page-assets/auth/field-user.svg") 9px center / 12px 12px no-repeat;
}

.target-nickname-page .registerCon #btnSave,
.target-password-page .registerCon #btnSave {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 35px;
  padding: 0;
  color: #fff;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(105deg, #ff4350, #ff9e62);
  box-shadow: 0 5px 13px rgba(244, 75, 75, .18);
  font-size: 12px;
  line-height: 35px;
}

.target-nickname-page .Validform_checktip:empty {
  display: none;
}

.target-nickname-page .registerCon li.target-nickname-submit {
  height: 35px;
  margin-bottom: 0;
}

.target-form-back {
  margin: 10px 0 0 !important;
  text-align: left;
}

.target-form-back a {
  color: #ef4a4d !important;
  font-size: 10px;
}

.target-password-page .target-password-note {
  display: none;
}

.target-password-page .target-password-field {
  display: flex;
  align-items: center;
  min-height: 37px;
  height: 37px;
  margin: 0 0 7px;
  padding: 0 9px 0 29px;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  border-radius: 6px;
  background: #fafbfc url("/statics/templates/teyunbao/target-page-assets/auth/field-lock.svg") 9px center / 12px 12px no-repeat;
}

.target-password-page .target-password-field--code {
  background-image: url("/statics/templates/teyunbao/target-page-assets/auth/field-code.svg");
}

.target-password-page .target-password-field input[type="password"] {
  width: 100%;
  min-height: 35px;
  height: 35px !important;
  margin: 0;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

.target-auth-step-page .target-password-field input[type="text"] {
  width: 100%;
  height: 35px !important;
  min-height: 35px;
  margin: 0;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

.target-auth-step-page #chkPostCode {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 35px;
  margin-top: 11px;
  color: #fff;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(105deg, #ff4350, #ff9e62);
  box-shadow: 0 5px 13px rgba(244, 75, 75, .18);
  font-size: 12px;
}

.target-password-page .target-password-field + li:not(.target-password-field):not(.target-form-back) {
  margin: 11px 0 0;
}

.target-form-page .nextBtn,
.target-form-page .orgBtn,
.target-form-page .bluebut,
.target-payment-page .orgBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  color: #fff;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(105deg, #ff4350, #ff9e62);
  box-shadow: 0 5px 13px rgba(244, 75, 75, .18);
}

.target-forgot-page input[type="submit"],
.target-forgot-page button[type="submit"],
.target-form-page input[type="submit"],
.target-form-page button[type="submit"],
.target-payment-page input[type="submit"],
.target-payment-page button[type="submit"] {
  color: #fff;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(105deg, #ff4350, #ff9e62);
  box-shadow: 0 5px 13px rgba(244, 75, 75, .18);
}

.target-forgot-page #save {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 35px;
  color: #fff;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(105deg, #ff4350, #ff9e62) !important;
  font-size: 13px !important;
}

.target-forgot-page .registerCon li.btn-login {
  margin-top: 11px;
  margin-bottom: 0;
}

.target-forgot-page #couter {
  position: absolute;
  right: 8px;
  height: 32px;
  padding: 0 7px;
  color: #ef4a4d;
  border: 0;
  background: transparent;
  font-size: 10px;
}

.target-forgot-page .btn-return {
  margin-top: 10px !important;
  text-align: left;
}

.target-forgot-page .btn-return a {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #ef4a4d;
  border: 0 !important;
  background: transparent !important;
  font-size: 10px;
  line-height: normal !important;
}

/* Shared target treatment for remaining record/content/account pages. */
body.target-list-page,
body.target-content-page,
body.target-account-page {
  min-height: 100vh;
  background: #f7f7f7;
}

.target-list-page .headertop,
.target-content-page .headertop,
.target-account-page .headertop,
.target-list-page .top-wx,
.target-content-page .top-wx,
.target-account-page .top-wx {
  display: none !important;
}

.target-list-page .target-page-header,
.target-content-page .target-page-header,
.target-account-page .target-page-header,
.target-form-page .target-page-header,
.target-payment-page .target-page-header {
  position: sticky;
  top: 0;
  z-index: 100;
}

.target-share-empty {
  min-height: 348px;
  padding-top: 52px;
  text-align: center;
}

.target-share-empty span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  margin: 0 auto 19px;
  border-radius: 50%;
  background: radial-gradient(circle, #f6efe7, #f7f7f7 70%);
  font-size: 64px;
}

.target-share-empty p {
  color: #aaa;
  font-size: 13px;
}

/* Settings / account */
.target-settings-page {
  background: #f5f5f5 !important;
}

.target-settings-page .settings-page {
  box-sizing: border-box;
  min-height: 100vh;
  padding-bottom: 13.44px;
  background: #f5f5f5;
}

.target-settings-page .setting-hero {
  box-sizing: border-box;
  min-height: 133.25px;
  padding: 13.44px 13.44px 33.6px;
  background: linear-gradient(135deg, #e53935 0%, #ff6f61 50%, #ffab40 100%);
}

.target-settings-page .setting-hero-nav {
  display: flex;
  align-items: center;
  height: 22.4px;
  margin-bottom: 13.44px;
}

.target-settings-page .setting-back-btn {
  flex: 0 0 22.4px;
  width: 22.4px;
  height: 22.4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("/statics/templates/teyunbao/target-shared-assets/back.svg") center / 15.7px 15.7px no-repeat;
  filter: brightness(0) invert(1);
  cursor: pointer;
}

.target-settings-page .setting-back-btn span {
  display: none;
}

.target-settings-page .page-title {
  flex: 1 1 auto;
  margin: 0 22.4px 0 0;
  color: #fff;
  font-size: 15.68px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: center;
}

.target-settings-page .setting-user-row {
  display: flex;
  align-items: center;
  height: 50.4px;
  gap: 11.2px;
}

.target-settings-page .setting-avatar {
  flex: 0 0 50.4px;
  width: 50.4px;
  height: 50.4px;
  border: 3px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  object-fit: cover;
}

.target-settings-page .setting-user-info {
  min-width: 0;
}

.target-settings-page .setting-user-name {
  overflow: hidden;
  color: #fff;
  font-size: 17.92px;
  font-weight: 700;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-settings-page .setting-user-meta {
  margin-top: 2.8px;
  color: rgba(255, 255, 255, .85);
  font-size: 11.2px;
}

.target-settings-page .setting-balance-card {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 57.06px;
  margin: -20.16px 8.96px 0;
  padding: 12.32px 15.68px;
  border-radius: 8.96px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
}

.target-settings-page .bal-label {
  flex: 1 1 auto;
  color: #888;
  font-size: 12.32px;
}

.target-settings-page .bal-amount {
  margin-right: 11.2px;
  background: linear-gradient(135deg, #e53935, #ffab40);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 17.92px;
  font-weight: 700;
}

.target-settings-page .charge-btn {
  padding: 6.72px 17.92px;
  color: #fff;
  border-radius: 16.8px;
  background: linear-gradient(135deg, #e53935, #ff6f61, #ffab40);
  box-shadow: 0 2px 10px rgba(229, 57, 53, .3);
  font-size: 13.44px;
  white-space: nowrap;
}

.target-settings-page .setting-body {
  box-sizing: border-box;
  padding: 11.2px 8.96px 0;
}

.target-settings-page .setting-section {
  overflow: hidden;
  margin-bottom: 8.96px;
  border-radius: 7.84px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}

.target-settings-page .setting-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 56.98px;
  padding: 12.32px 13.44px;
  color: inherit;
  border-bottom: 1px solid #f5f5f5;
}

.target-settings-page .setting-item:last-child {
  border-bottom: 0;
}

.target-settings-page .setting-item--disabled {
  cursor: default;
}

.target-settings-page .setting-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 31.36px;
  width: 31.36px;
  height: 31.36px;
  margin-right: 10.08px;
  border-radius: 7.28px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.target-settings-page .setting-item-icon svg {
  width: 16.24px;
  height: 16.24px;
}

.target-settings-page .icon-purple {
  color: #5e35b1;
  background: linear-gradient(145deg, #f3f0ff, #e8e0ff);
}

.target-settings-page .icon-blue {
  color: #1565c0;
  background: linear-gradient(145deg, #e3f2fd, #d4eafc);
}

.target-settings-page .icon-pink {
  color: #c2185b;
  background: linear-gradient(145deg, #fce4ec, #f8d7e4);
}

.target-settings-page .icon-green {
  color: #2e7d4a;
  background: linear-gradient(145deg, #e8f8ef, #d7f0e3);
}

.target-settings-page .setting-item-label {
  flex: 1 1 auto;
  color: #333;
  font-size: 14.56px;
  font-weight: 500;
}

.target-settings-page .setting-item-arrow {
  color: #ccc;
  font-size: 14.56px;
  line-height: 1;
}

.target-settings-page .logout-btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40.32px;
  margin: 0 0 13.44px;
  padding: 0;
  color: #fff;
  border-radius: 20.16px;
  background: linear-gradient(135deg, #e53935, #ff6f61, #ffab40);
  box-shadow: 0 4px 16px rgba(229, 57, 53, .3);
  font-size: 15.68px;
  font-weight: 600;
  line-height: 40.32px;
  text-align: center;
}

.target-settings-page .target-settings-intro {
  margin: 10px 8px;
  padding: 14px;
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(110deg, #ef3c44, #ffae48);
}

.target-settings-intro strong,
.target-settings-intro span {
  display: block;
}

.target-settings-intro strong {
  font-size: 15px;
}

.target-settings-intro span {
  margin-top: 3px;
  color: rgba(255, 255, 255, .85);
  font-size: 10px;
}

.target-settings-page .sub_nav {
  margin: 9px 8px;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .045);
}

.target-settings-page .sub_nav > a,
.target-settings-page #secret_node > a {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  color: #333;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
  font-size: 13px;
}

.target-settings-page .sub_nav_content,
.target-settings-page .sub_nav > a > b {
  margin-left: auto;
  color: #aaa !important;
  font-size: 10px;
  font-weight: 400;
}

.target-settings-page .useroutm {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 10px 8px;
  color: #fff;
  border-radius: 22px;
  background: linear-gradient(105deg, #f23d45, #ffad48);
}

.target-profile-view-page {
  min-height: 100vh;
  background: #fff !important;
}

.target-profile-view {
  background: #fff;
}

.target-profile-row {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 24px;
  color: #222;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  font-size: 11px;
}

.target-profile-row > span {
  color: #999;
}

.target-profile-row > strong {
  margin-left: auto;
  color: #555;
  font-weight: 400;
}

.target-messages-page {
  position: relative;
  min-height: 100vh;
  background: #f4f5f7 !important;
}

.target-message-clear {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 10px;
  height: 50px;
  padding: 0;
  color: #fff;
  border: 0;
  background: transparent;
  font-size: 10px;
  opacity: 1;
}

.target-message-categories {
  margin: 8px;
  overflow: hidden;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

.target-message-category {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 0 10px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.target-message-category:last-child {
  border-bottom: 0;
}

.target-message-category > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  color: #fff;
  border-radius: 7px;
  background: #ef474e;
  font-size: 18px;
}

.target-message-category:nth-child(2) > i {
  background: #ec3f76;
}

.target-message-category:nth-child(3) > i {
  background: #42a7e7;
}

.target-message-category:nth-child(4) > i {
  background: #ff7449;
}

.target-message-category span {
  display: flex;
  flex-direction: column;
}

.target-message-category strong {
  color: #222;
  font-size: 13px;
  line-height: 20px;
}

.target-message-category small {
  color: #aaa;
  font-size: 10px;
  line-height: 17px;
}

.target-balance-page .weui-panel {
  display: none !important;
}

.target-balance-card {
  margin: 10px;
  padding: 0 8px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
}

.target-balance-card > a {
  display: flex;
  align-items: center;
  height: 54px;
  padding: 0 10px;
  color: #303030;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}

.target-balance-card > a:last-child {
  border-bottom: 0;
}

.target-balance-card img,
.target-balance-card > a > i {
  width: 22px;
  height: 22px;
  margin-right: 13px;
  color: #e44549;
  font-size: 22px;
  line-height: 22px;
  object-fit: contain;
}

.target-balance-card span {
  flex: 1 1 auto;
}

.target-balance-card em {
  margin-right: 9px;
  color: #ef4a4d;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.target-charge-page .g-Total {
  min-height: 104px;
  margin: 10px;
  padding: 20px 16px 15px;
  color: rgba(255, 255, 255, .9);
  border-radius: 11px;
  background: linear-gradient(110deg, #f23642, #ffab49);
  font-size: 11px;
  text-align: center;
}

.target-charge-page .g-Total .orange {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.target-charge-page .g-Total::first-line {
  line-height: 24px;
}

.target-charge-page .subMenu,
.target-charge-page #btnAddnewAddr {
  display: none !important;
}

.target-charge-page .g-member,
.target-charge-page .g-Recharge,
.target-charge-page #content {
  width: auto !important;
  margin: 0;
  padding: 0;
  background: transparent;
}

.target-charge-page .g-Recharge > ul,
.target-charge-page .g-pay-ment,
.target-charge-page .g-pay-vip {
  margin: 9px 10px;
  padding: 12px;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .045);
}

.target-charge-page .g-Recharge > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 12px;
}

.target-charge-page .g-Recharge > ul > li {
  float: none;
  width: auto;
  height: 42px;
  margin: 0;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.target-charge-page .g-Recharge > ul > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #666;
  font-size: 12px;
}

.target-charge-page .g-Recharge > ul > li a.z-sel {
  color: #ef4a4d;
  border-color: #ef4a4d;
}

.target-charge-page .g-Recharge > ul > li.target-custom-amount {
  grid-column: 1 / -1;
}

.target-charge-page .target-custom-amount b {
  display: block;
  width: 100%;
  height: 100%;
}

.target-charge-page .target-custom-amount input {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 12px;
  color: #666 !important;
  border: 0 !important;
  border-radius: 5px;
  background: #fff !important;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  text-indent: 0 !important;
}

.target-charge-page .g-bank-ct {
  padding: 0 !important;
  overflow: hidden;
}

.target-charge-page .g-bank-ct #ulBankList > li:first-child {
  height: 42px !important;
  padding: 0 14px;
  color: #666;
  border-bottom: 1px solid #eee;
  line-height: 42px;
}

.target-charge-page .g-bank-ct #ulBankList > li:first-child .orange {
  color: #ef4a4d;
}

.target-charge-page .g-bank-ct #ulBankList > li:first-child small {
  color: #ef8585;
  font-size: 10px;
}

.target-charge-page .g-bank-ct #ulBankList > li:not(:first-child) {
  height: 44px !important;
  padding: 0 14px;
  line-height: 44px;
}

.target-charge-page .g-pay-vip {
  display: none;
}

.target-charge-page .f-Recharge-btn {
  margin: 16px 10px;
}

.target-charge-page #btnSubmit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  background: linear-gradient(105deg, #f23d45, #ffad48);
  box-shadow: 0 5px 14px rgba(239, 61, 69, .18);
}

/* Logs and record lists */
.target-account-logs-page {
  width: 100%;
  max-width: 480px;
  min-height: 100vh;
  background: #f4f5f7 !important;
}

.target-account-logs-page > .target-page-header {
  width: 100%;
  height: 50px;
  color: #fff;
  background: linear-gradient(105deg, #f23d45, #ffad48);
  box-sizing: border-box;
}

.target-account-logs-page .title-area-main,
.target-account-logs-page .title-text {
  display: none !important;
}

.target-account-logs-page .order-tab,
.target-record-page #navBox {
  display: flex;
  height: 42px;
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.target-account-logs-page .order-tab,
.target-account-logs-page #goods_list .detail_header {
  display: none !important;
}

.target-account-logs-page #goods_list {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px 7px 30px !important;
  border: 0 !important;
  background: #f4f5f7 !important;
  text-align: left !important;
  box-sizing: border-box;
}

.target-account-logs-page #goods_list > ul.target-account-log-card {
  display: block;
  min-height: 76px;
  margin: 0 0 7px;
  padding: 10px 12px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
  box-sizing: border-box;
}

.target-account-log-card > li {
  position: relative;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}

.target-account-log-card strong {
  color: #222;
  font-size: 13px;
}

.target-account-log-card em {
  position: absolute;
  top: 0;
  right: 0;
  color: #ed6467;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.target-account-log-card p,
.target-account-log-card time {
  display: block;
  margin: 3px 0 0;
  color: #aaa;
  font-size: 9px;
  line-height: 14px;
}

.withdraw-log-list {
  padding: 8px;
}

.withdraw-log-empty {
  padding-top: 58px;
  color: #aaa;
  font-size: 12px;
  text-align: center;
}

.withdraw-log-card {
  margin-bottom: 7px;
  padding: 11px 12px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.withdraw-log-card > div,
.withdraw-log-card footer {
  display: flex;
  align-items: center;
}

.withdraw-log-card strong {
  font-size: 12px;
}

.withdraw-log-card em {
  margin-left: auto;
  color: #ed5e62;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.withdraw-log-card p,
.withdraw-log-card time,
.withdraw-log-card footer span {
  margin: 4px 0 0;
  color: #999;
  font-size: 9px;
}

.withdraw-log-card footer span {
  margin-left: auto;
}

.target-account-logs-page .order-tab-item,
.target-record-page #navBox .g-snav-lst {
  flex: 1 1 50%;
  width: auto;
  color: #777;
  text-align: center;
}

.target-record-page #navBox .g-snav-lst {
  flex-basis: 33.333%;
}

.target-account-logs-page .order-tab-item.active,
.target-record-page #navBox .z-sgl-crt {
  color: #ef3e44;
  border-bottom: 2px solid #ef3e44;
}

.target-account-logs-page #goods_list > ul,
.target-account-logs-page .commission > ul,
.target-record-page .g-Record-lst > ul > li {
  margin: 7px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.target-record-page .g-Record-lst > ul {
  margin: 0;
  padding: 0;
}

.target-record-page .g-Record-lst > ul > li.target-record-card {
  display: block;
  min-height: 188px;
  margin: 8px 7px;
  padding: 10px 8px 8px;
  box-sizing: border-box;
}

.target-record-product {
  display: flex;
  min-height: 65px;
}

.target-record-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
  width: 64px;
  height: 65px;
}

.target-record-thumb img {
  display: block;
  width: 56px;
  height: 64px;
  object-fit: contain;
}

.target-record-summary {
  min-width: 0;
  padding-left: 8px;
}

.target-record-summary h3 {
  max-width: 270px;
  margin: 0 0 5px;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-record-summary p {
  margin: 0;
  color: #999;
  font-size: 10px;
  line-height: 16px;
}

.target-record-participation {
  display: flex;
  align-items: center;
  min-height: 29px;
  margin-left: 72px;
  color: #777;
  font-size: 10px;
}

.target-record-participation em {
  margin: 0 2px;
  color: #e8494d;
  font-style: normal;
}

.target-record-participation a {
  margin-left: auto;
  color: #e87878;
  font-size: 10px;
}

.target-record-result {
  min-height: 64px;
  margin-left: 72px;
  padding: 7px 10px;
  border-left: 2px solid #ef5558;
  border-radius: 5px;
  background: linear-gradient(100deg, #fff8f1, #fff3e9);
  box-sizing: border-box;
}

.target-record-result p {
  margin: 0;
  color: #777;
  font-size: 10px;
  line-height: 15px;
}

.target-record-result em {
  color: #e4585b;
  font-style: normal;
}

.target-record-progress {
  height: 4px;
  margin: 10px 0 0 72px;
  overflow: hidden;
  border-radius: 2px;
  background: #eee;
}

.target-record-progress span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, #ef3e44, #ffad48);
}

.target-record-page .haveNot {
  min-height: 170px;
  padding-top: 62px;
  color: #aaa;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}

.target-record-page .haveNot s {
  display: none !important;
}

.target-record-page .haveNot p {
  color: #aaa;
  font-size: 13px;
}

/* Address */
.target-address-page {
  min-height: 100vh;
  padding-bottom: 64px;
  background: #f4f5f7 !important;
  box-sizing: border-box;
}

.target-address-page .g-member,
.target-address-page .g-goods,
.target-address-page article {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.target-address-page .m-useraddresslst > li {
  min-height: 120px !important;
  margin: 9px 8px !important;
  padding: 11px 12px 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .05);
  box-sizing: border-box;
}

.target-address-page .m-useraddresslst > li > .q1,
.target-address-page .m-useraddresslst > li > .s1,
.target-address-page .m-useraddresslst > li > .s2 {
  display: none !important;
}

.target-address-card-main {
  min-height: 58px;
}

.target-address-person {
  display: flex;
  align-items: center;
  min-height: 20px;
  color: #222;
  font-size: 12px;
}

.target-address-person strong {
  margin-right: 9px;
  font-size: 13px;
  font-weight: 700;
}

.target-address-person span {
  color: #8d8d8d;
  font-size: 10px;
}

.target-address-person em {
  margin-left: 6px;
  padding: 1px 5px;
  color: #fff;
  border-radius: 8px;
  background: #f3575b;
  font-size: 8px;
  font-style: normal;
  line-height: 14px;
}

.target-address-region,
.target-address-detail {
  color: #999;
  font-size: 10px;
  line-height: 18px;
}

.target-address-card-actions {
  display: flex;
  align-items: center;
  height: 38px;
  margin-top: 4px;
  border-top: 1px solid #f0f0f0;
}

.target-address-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 24px;
  margin-right: 12px;
  color: #9b9b9b !important;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent !important;
  font-size: 10px !important;
  line-height: 24px !important;
}

.target-address-action--edit {
  color: #ef4b4f !important;
  border-color: #ef4b4f;
}

.target-address-default-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  height: 24px;
  color: #fff;
  border-radius: 13px;
  background: #f25558;
  font-size: 10px;
}

.target-address-form-page {
  padding: 10px 8px;
  background: #f4f5f7;
}

.target-address-form {
  margin: 0 !important;
  padding: 11px 12px 13px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.target-address-form label,
.target-address-form fieldset {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
}

.target-address-form label > span,
.target-address-form legend {
  display: block;
  height: 22px;
  padding: 0;
  color: #888;
  font-size: 10px;
  line-height: 22px;
}

.target-address-form input,
.target-address-form select {
  width: 100%;
  height: 35px;
  margin: 0 !important;
  padding: 0 10px;
  color: #555 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 6px;
  background: #f9fafb !important;
  box-sizing: border-box;
  font-size: 10px;
  text-indent: 0 !important;
}

.target-address-selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.target-address-form button {
  width: 100%;
  height: 39px;
  margin-top: 3px;
  color: #fff;
  border: 0;
  border-radius: 20px;
  background: linear-gradient(105deg, #ef3d45, #ffad48);
  box-shadow: 0 5px 13px rgba(239, 61, 69, .16);
  font-size: 12px;
  font-weight: 700;
}

.target-address-page #btnAddnewAddr,
.target-address-page .orangebut {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 30;
  left: 50%;
  bottom: 8px;
  width: min(calc(100% - 24px), 456px);
  height: 36px;
  margin: 0;
  color: #fff;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(105deg, #f23d45, #ffad48);
  box-shadow: 0 5px 14px rgba(239, 61, 69, .18);
  transform: translateX(-50%);
}

/* Invite / withdraw */
.target-invite-page {
  min-height: 100vh;
  background: #f4f5f7 !important;
}

.target-invite-hub {
  padding: 11px 8px 14px;
  color: #222;
}

.invite-intro {
  padding: 2px 2px 10px;
}

.invite-intro h1 {
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 21px;
}

.invite-intro p {
  margin: 0;
  color: #aaa;
  font-size: 10px;
}

.invite-card,
.invite-stat-card {
  margin-bottom: 8px;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.invite-stat-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 8px;
}

.invite-stat-card > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 53px;
  border-radius: 7px;
  background: #fafafa;
}

.invite-stat-card span {
  color: #888;
  font-size: 10px;
}

.invite-stat-card strong {
  margin-top: 3px;
  color: #111;
  font-size: 18px;
}

.invite-stat-card > div:nth-child(1) strong,
.invite-stat-card > div:nth-child(3) strong {
  color: #ed4b4f;
}

.invite-action-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 8px;
}

.invite-action-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  color: #e44a4d;
  border: 1px solid #f3dddd;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
  font-size: 11px;
  font-weight: 700;
}

.invite-action-tabs a:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(105deg, #f23d45, #ffad48);
}

.invite-method-card {
  padding: 11px 10px 0;
}

.invite-card h2 {
  margin: 0 0 5px;
  font-size: 13px;
  line-height: 20px;
}

.invite-method-card > p {
  margin: 0 0 3px;
  color: #aaa;
  font-size: 9px;
}

.invite-method-card label {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 9px;
  font-weight: 700;
}

.invite-copy-row {
  display: flex;
  align-items: center;
  height: 38px;
  padding-left: 10px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 20px;
  background: #fafafa;
  box-sizing: border-box;
}

.invite-copy-row input {
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #555 !important;
  border: 0 !important;
  outline: none;
  background: transparent !important;
  font-size: 9px;
  text-indent: 0 !important;
}

.invite-copy-row button {
  width: 52px;
  height: 34px;
  margin-right: 2px;
  color: #fff;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(105deg, #ef3d45, #ff9947);
  font-size: 10px;
}

.invite-qr-link {
  display: flex;
  align-items: center;
  height: 46px;
  color: #222;
  font-size: 11px;
  font-weight: 700;
}

.invite-qr-link i {
  margin-left: auto;
  color: #aaa;
  font-size: 18px;
}

.invite-referrer-row {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 10px;
}

.invite-referrer-row strong {
  margin-left: auto;
  font-size: 10px;
}

.invite-direct-card {
  display: block;
  min-height: 92px;
  padding: 11px 10px;
  color: #222;
  box-sizing: border-box;
}

.invite-direct-card p {
  margin: 24px 0 0;
  color: #bbb;
  font-size: 10px;
  text-align: center;
}

.invite-level-card {
  padding: 11px 10px 8px;
}

.invite-level-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.invite-level-grid a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 66px;
  color: #222;
  border-radius: 6px;
  background: #fafafa;
}

.invite-level-grid strong {
  font-size: 10px;
}

.invite-level-grid em {
  color: #ed4b4f;
  font-size: 16px;
  font-style: normal;
}

.invite-level-grid span {
  color: #999;
  font-size: 9px;
}

.invite-level-grid i {
  position: absolute;
  right: 3px;
  bottom: 2px;
  color: #aaa;
  font-size: 18px;
}

.invite-level-today {
  margin: 8px 0 0;
  padding-top: 7px;
  color: #bbb;
  border-top: 1px dashed #eee;
  font-size: 8px;
  text-align: center;
}

.invite-level-today em {
  color: #e64b4f;
  font-style: normal;
}

.invite-rules {
  padding: 10px;
}

.invite-rules summary {
  color: #333;
  font-size: 10px;
  font-weight: 700;
  list-style: none;
}

.invite-rules summary i {
  margin-right: 7px;
  color: #ed4b4f;
  font-size: 17px;
  vertical-align: middle;
}

.invite-rules p {
  margin: 8px 0 0;
  color: #888;
  font-size: 9px;
  line-height: 16px;
}

.target-invite-page .account_header {
  min-height: 130px;
  margin: 0;
  padding: 16px;
  color: #fff;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(110deg, #ef3b44, #ffae48);
}

.target-invite-page .account_header_title,
.target-invite-page .account_header_title * {
  color: #fff;
}

.target-invite-page .weui-panel,
.target-invite-team-page .R-content,
.target-withdraw-page .R-content {
  margin: 10px 8px;
  overflow: hidden;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .045);
}

.target-invite-page .weui-cell {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 13px;
  border-bottom: 1px solid #eee;
}

.target-invite-page .weui-cell .icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.target-invite-team-page {
  min-height: 100vh;
  background: #fff !important;
}

.invite-team-tabs {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  background: #fff;
  box-sizing: border-box;
}

.invite-team-tabs > * {
  margin-right: 20px;
  color: #999;
  font-size: 11px;
}

.invite-team-tabs .active {
  color: #d8343b;
  font-weight: 700;
}

.invite-team-list {
  min-height: 150px;
  background: #fff;
}

.invite-team-empty {
  padding-top: 6px;
  color: #aaa;
  font-size: 12px;
  text-align: center;
}

.invite-team-member {
  display: grid;
  grid-template-columns: 1fr 1.5fr .8fr;
  min-height: 48px;
  padding: 0 14px;
  color: #555;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  align-items: center;
}

.invite-team-member strong,
.invite-team-member time,
.invite-team-member span {
  font-size: 10px;
  font-weight: 400;
}

.target-withdraw-page .subMenu {
  display: flex;
  height: 42px;
}

.target-withdraw-page .subMenu a {
  flex: 1 1 50%;
  text-align: center;
}

.target-withdraw-page .Apply-con {
  padding: 12px;
}

.target-withdraw-page {
  min-height: 100vh;
  background: #f4f5f7 !important;
}

.target-withdraw-page .h5-1yyg-v11,
.target-withdraw-page > section {
  width: 100%;
  margin: 0;
}

.target-withdraw-page .R-content {
  margin: 0 !important;
  padding: 8px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

.target-withdraw-page .total {
  display: none;
}

.target-withdraw-balance {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 87px;
  padding: 13px;
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(110deg, #ef3d45, #ffad48);
  box-sizing: border-box;
}

.target-withdraw-balance span {
  margin-bottom: 5px;
  font-size: 10px;
}

.target-withdraw-balance strong {
  font-size: 27px;
  line-height: 34px;
}

.target-withdraw-page .subMenu {
  height: 42px;
  margin: 8px 0;
  overflow: hidden;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.target-withdraw-page .subMenu a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777;
  border-bottom: 2px solid transparent;
  font-size: 11px;
}

.target-withdraw-page .subMenu a i {
  margin-right: 7px;
  color: #4677d7;
  font-size: 14px;
}

.target-withdraw-page .subMenu a.current {
  color: #e24a4d;
  border-bottom-color: #e24a4d;
  background: #fff;
}

.target-withdraw-page .subMenu a.current i {
  color: #e24a4d;
}

.target-withdraw-page .Apply-con {
  margin: 0 !important;
  padding: 0;
  background: transparent;
}

.target-withdraw-bank-section,
.target-withdraw-money-section {
  margin-bottom: 7px;
  padding: 11px 10px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.target-withdraw-bank-section h2,
.target-withdraw-money-section h2 {
  margin: 0 0 10px;
  color: #444;
  font-size: 11px;
  line-height: 18px;
}

.target-withdraw-add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  margin-bottom: 9px;
  color: #e48888;
  border: 1px dashed #eca935;
  font-size: 10px;
}

.target-withdraw-field {
  display: block !important;
  min-height: 59px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.target-withdraw-field dt,
.target-withdraw-field dd {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.target-withdraw-field dt {
  height: 20px;
  color: #888;
  font-size: 10px;
  line-height: 20px;
}

.target-withdraw-field dd {
  min-height: 35px;
}

.target-withdraw-field input {
  width: 100% !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: #555;
  border: 1px solid #e8e8e8 !important;
  border-radius: 3px;
  background: #fff !important;
  box-sizing: border-box;
  font-size: 10px;
  text-indent: 0 !important;
}

.target-withdraw-field dd > b,
.target-withdraw-field dd > span {
  color: #e45a5d;
  font-size: 9px;
}

.target-withdraw-money-section .Apply-button {
  height: auto !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
}

.target-withdraw-money-section #btnSQTX {
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  border: 0;
  border-radius: 20px;
  background: linear-gradient(105deg, #ef3d45, #ff6664);
  box-shadow: 0 5px 13px rgba(239, 61, 69, .16);
  font-size: 12px;
  font-weight: 700;
}

.target-withdraw-page #divSQCZ {
  padding: 12px;
  border-radius: 7px;
  background: #fff;
}

.target-list-page article,
.target-list-page .m-round,
.target-list-page .recordCon,
.target-list-page .singleCon,
.target-content-page article,
.target-content-page .m-round,
.target-content-page .helpMain,
.target-account-page article,
.target-account-page .m-round {
  margin: 9px 7px;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .045);
}

/* Mine */
body.target-mine-page {
  box-sizing: border-box;
  width: 100%;
  max-width: 480px;
  padding: 11.2px 11.2px 70px;
  background: #f4f5f7;
}

.target-mine-page > .headertop,
.target-mine-page > .top-wx,
.target-mine-page .nuxt-progress,
.target-mine-page #coupons_explain {
  display: none !important;
}

.target-mine-page #__nuxt,
.target-mine-page #__layout,
.target-mine-page .ios,
.target-mine-page .container {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.target-mine-page .portrait {
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.target-mine-hero {
  position: relative;
  min-height: 219.8px;
  padding: 22.4px 16.8px 16.8px;
  color: #fff;
  border-radius: 16.8px;
  background: linear-gradient(135deg, #e53935 0%, #ff6f61 50%, #ffab40 100%);
  box-shadow: 0 7px 19px rgba(239, 62, 68, .13);
}

.target-mine-identity {
  display: flex;
  align-items: center;
  color: #fff;
}

.target-mine-identity img {
  width: 62px;
  height: 62px;
  margin: 0 12px 0 0 !important;
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  object-fit: cover;
}

.target-mine-identity span,
.target-mine-identity strong,
.target-mine-identity small {
  display: block;
}

.target-mine-identity strong {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.target-mine-identity small {
  color: rgba(255, 255, 255, .9);
  font-size: 10px;
}

.target-mine-hero__actions {
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  gap: 7px;
}

.target-mine-hero__actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  font-size: 10px;
}

.target-mine-hero__actions i {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.target-mine-assets {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.target-mine-assets > span {
  flex: 1 1 50%;
  text-align: center;
}

.target-mine-assets small,
.target-mine-assets strong {
  display: block;
  color: #fff;
}

.target-mine-assets small {
  font-size: 10px;
}

.target-mine-assets strong {
  margin-top: 2px;
  font-size: 24px;
  line-height: 30px;
}

.target-mine-assets i {
  width: 1px;
  height: 34px;
  background: rgba(255, 255, 255, .35);
}

.target-mine-hero__buttons {
  display: flex;
  margin-top: 8px;
  gap: 8px;
}

.target-mine-hero__buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 50%;
  height: 34px;
  color: #e94343;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 20px;
  background: #fff;
  font-size: 12px;
}

.target-mine-hero__buttons a:last-child {
  color: #fff;
  background: rgba(255, 255, 255, .13);
}

.target-mine-orders {
  display: block !important;
  height: 122.4px !important;
  margin: 14px 0 9px !important;
  padding: 16px 14px 11px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, .045);
}

.target-mine-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.target-mine-title strong {
  color: #262626;
  font-size: 15px;
}

.target-mine-title a {
  color: #aaa;
  font-size: 10px;
}

.target-mine-order-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.target-mine-order-grid a {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #777;
  font-size: 11px;
  gap: 3px;
}

.target-mine-order-grid img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

.target-mine-order-grid i {
  width: 25px;
  height: 25px;
  background: linear-gradient(135deg, #ff8a65 0%, #ef5350 55%, #ffb74d 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 25px;
  line-height: 25px;
}

.target-mine-invite {
  display: flex;
  align-items: center;
  min-height: 76.5px;
  margin: 0 0 9px;
  padding: 12px 14px;
  border: 1px solid #ffe5df;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff5f5 0%, #fff 45%, #fff8f0 100%);
  box-shadow: 0 2px 10px rgba(243, 81, 64, .05);
}

.target-mine-invite__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-right: 11px;
  color: #cf2e2e;
  border-radius: 8px;
  background: #fff1ee;
  font-size: 26px;
}

.target-mine-invite > span {
  flex: 1 1 auto;
}

.target-mine-invite strong,
.target-mine-invite small {
  display: block;
}

.target-mine-invite strong {
  color: #303030;
  font-size: 13px;
}

.target-mine-invite small {
  margin-top: 2px;
  color: #aaa;
  font-size: 10px;
}

.target-mine-invite > b {
  padding: 8px 14px;
  color: #fff;
  border-radius: 18px;
  background: linear-gradient(105deg, #ef3e45, #e6343e);
  box-shadow: 0 4px 10px rgba(229, 54, 62, .2);
  font-size: 12px;
}

.target-mine-services {
  padding: 14px 16px 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, .045);
}

.target-mine-services h2 {
  margin: 0 0 6px;
  color: #262626;
  font-size: 15px;
  line-height: 28px;
}

.target-mine-services > a {
  display: flex;
  align-items: center;
  height: 48px;
  color: #676767;
  border-bottom: 1px solid #f1f1f1;
  font-size: 13px;
}

.target-mine-services > a:last-child {
  border-bottom: 0;
}

.target-mine-service__icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  background: linear-gradient(135deg, #ff8a65 0%, #ef5350 55%, #ffb74d 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 22px;
  line-height: 22px;
}

.target-mine-services span {
  flex: 1 1 auto;
}

.target-mine-services b {
  color: #ccc;
  font-size: 18px;
  font-weight: 400;
}

/* Search */
body.target-search-page {
  overflow-x: hidden;
  background: #fff;
}

.target-search-page .target-bottom-nav,
.target-search-page .target-footer-space {
  display: none !important;
}

.target-search-page #loadingPicBlock {
  min-height: 100vh;
  background: #fff;
}

.target-search-page .pro-s-box {
  position: sticky !important;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 56px;
  border: 0;
  background: rgba(255, 255, 255, .98);
}

.target-search-back {
  flex: 0 0 40px;
  width: 40px;
  height: 56px;
  border: 0;
  background: url("/statics/templates/teyunbao/target-shared-assets/back.svg") center/21px no-repeat;
  filter: brightness(0);
}

.target-search-page .pro-s-box .box {
  position: relative;
  flex: 1 1 auto;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 5px 0;
}

.target-search-page .pro-s-box .box .border {
  top: 5px;
  height: 34px;
}

.target-search-page .pro-s-box .box .border-inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 18px;
  background: #f5f5f5;
  transform: none;
}

.target-search-page .pro-s-box .box .input-box {
  height: 34px;
  padding-left: 27px;
}

.target-search-page .pro-s-box .box .input-box input {
  height: 34px;
  padding: 6px 0;
  color: #333;
  font-size: 13px;
}

.target-search-page .pro-s-box .box .s-icon {
  top: 11px;
  left: 9px;
}

.target-search-page .pro-s-box .s-btn {
  position: static;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  color: #d9344f;
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 56px;
}

.target-search-page .pro-s-box .box .c-icon {
  top: 9px;
}

.target-search-discover {
  padding: 2px 10px 0;
  background: #fff;
}

.target-search-discover__title {
  margin: 0 0 10px;
  color: #151515;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.target-search-discover__fire {
  margin-right: 7px;
  font-size: 16px;
}

.target-search-hot {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
}

.target-search-hot button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  padding: 0;
  color: #242424;
  border: 0;
  background: #fff;
  font-size: 13px;
  text-align: left;
}

.target-search-hot__rank {
  width: 20px;
  color: #f0a72f;
  font-size: 15px;
  font-weight: 700;
}

.target-search-hot li:first-child .target-search-hot__rank {
  color: #d93545;
}

.target-search-hot__hot {
  margin-left: auto;
  padding: 1px 3px;
  color: #e13c50;
  border: 1px solid #f0b4bd;
  border-radius: 2px;
  font-size: 9px;
  line-height: 12px;
}

.target-search-recommend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 43px;
  margin: 4px 8px 0;
  border-bottom: 1px solid #f3f3f3;
  color: #252525;
  font-size: 14px;
  font-weight: 600;
}

.target-search-recommend button {
  padding: 0;
  color: #999;
  border: 0;
  background: transparent;
  font-size: 12px;
}

.target-search-page .goodsList.goodsList2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  width: 100%;
  margin: 0;
  padding: 0 7px 16px;
  border: 0 !important;
  background: #fff;
}

.target-search-page .goodsList > ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  list-style: none;
}

.target-search-page .goodsList > ul > li {
  min-height: 278px;
  padding: 8px 7px 9px;
  border: 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, .055);
}

.target-search-card {
  display: block;
  color: #181818;
}

.target-search-card__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 170px;
  overflow: hidden;
}

.target-search-card__pic img {
  display: block;
  width: 92%;
  height: 92%;
  object-fit: contain;
}

.target-search-card__title {
  display: -webkit-box;
  height: 38px;
  margin: 6px 0 3px;
  overflow: hidden;
  color: #1c1c1c;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-search-card__price {
  color: #d93756;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.target-search-card__price small {
  margin-left: 3px;
  font-size: 10px;
  font-weight: 400;
}

.target-search-card__bar {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 5px 0 7px;
  overflow: hidden;
  border-radius: 4px;
  background: #ececec;
}

.target-search-card__bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffaf46, #df3656);
}

.target-search-card__meta {
  display: flex;
  justify-content: space-between;
  color: #b0b0b0;
  font-size: 10px;
  line-height: 14px;
}

.target-search-card__meta em {
  color: #dd3a51;
  font-style: normal;
}

.target-search-page .haveNot {
  grid-column: 1 / -1;
}

.target-search-page.target-search-empty-state {
  background: #f4f5f7;
}

.target-search-empty-state .target-search-discover,
.target-search-empty-state .target-search-recommend {
  display: none;
}

.target-search-empty-state .goodsList.goodsList2,
.target-search-empty-state .goodsList.goodsList2 .haveNot {
  display: block;
  width: 100%;
  min-height: calc(100vh - 62px);
  margin: 0;
  padding: 0;
  background: #f4f5f7;
}

.target-search-empty-state .goodsList.goodsList2 .haveNot > p {
  margin: 0;
  padding-top: 66px;
  color: #c1c1c1;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}

/* Latest reveal */
body.target-anno-page {
  background: #f6f3ef;
}

.target-anno-page #loadingPicBlock {
  min-height: calc(100vh - 54px);
  background: #f6f3ef;
}

.target-anno-page .fixed_header,
.target-anno-page #loadingPicBlock > .g-header {
  display: none !important;
}

.target-anno-page .target-page-header__text-action {
  position: absolute;
  top: 0;
  right: 10px;
  height: 50px;
  color: #fff;
  font-size: 13px;
  line-height: 50px;
}

.target-anno-promo {
  position: relative;
  height: 130px;
  margin: 7px 7px 8px;
  overflow: hidden;
  border-radius: 8px;
  background: #fdf0e9 url("/statics/templates/teyunbao/target-page-assets/anno/anno-promo-banner.png") right center/cover no-repeat;
}

.target-anno-promo__copy {
  position: relative;
  z-index: 1;
  width: 58%;
  padding: 20px 0 0 15px;
}

.target-anno-promo__copy strong,
.target-anno-promo__copy b,
.target-anno-promo__copy span {
  display: block;
}

.target-anno-promo__copy strong {
  color: #c52b2b;
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
}

.target-anno-promo__copy b {
  color: #d73332;
  font-size: 16px;
  line-height: 21px;
}

.target-anno-promo__copy span {
  color: #222;
  font-size: 12px;
  line-height: 18px;
}

.target-anno-promo__copy a {
  display: inline-block;
  margin-top: 7px;
  padding: 5px 12px;
  color: #fff;
  border-radius: 14px;
  background: linear-gradient(90deg, #ff6a4a, #ff4d2d);
  font-size: 11px;
  line-height: 14px;
  box-shadow: 0 2px 7px rgba(255, 77, 45, .3);
}

.target-anno-page .revealed {
  position: static !important;
  width: 100%;
  margin: 0;
  padding: 0 7px 8px !important;
  background: #f6f3ef;
}

.target-anno-page #divLottery.revCon {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.target-anno-page #divLottery > ul {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 118px;
  margin: 0 0 8px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #fff0e6;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff, #fffaf7);
  box-shadow: 0 2px 10px rgba(210, 170, 130, .13);
  list-style: none;
}

.target-anno-card__link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 118px;
  padding: 10px 11px;
  color: #171717;
}

.target-anno-card__pic {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 78px;
  width: 78px;
  height: 78px;
  margin-right: 12px;
  border: 1px solid #ffd0aa;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(255, 140, 60, .12);
}

.target-anno-card__pic > img:first-child {
  display: block;
  width: 94%;
  height: 94%;
  object-fit: contain;
}

.target-anno-card__medal {
  position: absolute;
  right: -6px;
  bottom: -5px;
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
}

.target-anno-card__rank {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  padding: 2px 4px;
  color: #fff;
  border-radius: 3px;
  background: linear-gradient(135deg, #ffca4d, #ff7b44);
  font-size: 9px;
  font-weight: 700;
}

.target-anno-card__body {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 45px;
}

.target-anno-card__title {
  display: -webkit-box;
  margin: 0 0 3px;
  overflow: hidden;
  color: #141414;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-anno-card__row {
  display: block;
  margin: 0;
  color: #242424;
  font-size: 11px;
  line-height: 17px;
}

.target-anno-card__row em {
  color: #e35d38;
  font-style: normal;
}

.target-anno-card__winner em {
  color: #2478bc;
}

.target-anno-card__time {
  display: block;
  overflow: hidden;
  color: #444;
  font-size: 10px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-anno-card__stamp {
  position: absolute;
  right: 10px;
  bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: rgba(255, 105, 80, .66);
  border: 2px solid rgba(255, 135, 100, .42);
  border-radius: 50%;
  background: rgba(255, 255, 255, .65);
  font-size: 10px;
  transform: rotate(-17deg);
}

.target-anno-page .loading {
  color: #999;
  border: 0;
  background: transparent;
  text-align: center;
}

/* Cart */
body.target-cart-page {
  padding-bottom: 108px;
  background: #f7f7f7;
}

.target-cart-page #loadingPicBlock {
  min-height: calc(100vh - 54px);
  background: #f7f7f7;
}

.target-cart-page #loadingPicBlock > .headertop,
.target-cart-page #loadingPicBlock > .top-wx,
.target-cart-page #all,
.target-cart-page #addAll {
  display: none !important;
}

.target-cart-page .target-page-header {
  position: sticky;
  top: 0;
  z-index: 110;
}

.target-cart-page .g-Cart-list {
  margin: 10px 7px 0;
  padding: 0;
}

.target-cart-page #cartBody {
  margin: 0;
  padding: 0;
  background: transparent;
}

.target-cart-page #cartBody > li {
  position: relative;
  min-height: 208px;
  margin: 0 0 10px;
  padding: 13px 11px 13px 108px;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(27, 27, 27, .06);
}

.target-cart-page #cartBody .u-Cart-img {
  position: absolute;
  top: 16px;
  left: 12px;
  width: 84px;
  height: 84px;
  margin: 0;
  padding: 0;
  border: 0;
}

.target-cart-page #cartBody .u-Cart-img img {
  width: 84px;
  height: 84px;
  object-fit: contain;
}

.target-cart-page #cartBody .u-Cart-r {
  float: none;
  width: 100%;
  min-height: 142px;
  margin: 0;
  padding: 0;
}

.target-cart-page #cartBody .z-Cart-tt {
  height: 38px;
  margin: 0 28px 2px 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-cart-page #cartBody .z-Cart-tt a,
.target-cart-page #cartBody .z-Cart-tt strong {
  color: #242424;
  font-size: inherit;
  font-weight: 400;
}

.target-cart-page #cartBody .z-promo {
  display: block;
  margin-top: 2px;
  color: #8d8d8d;
  font-size: 11px;
  line-height: 18px;
  text-decoration: none;
}

.target-cart-page #cartBody .z-promo em {
  padding: 0 2px;
  color: #f04448;
  font-style: normal;
}

.target-cart-page #cartBody .pencentbox {
  position: static;
  top: auto;
  width: 100%;
  margin: 5px 0 0;
}

.target-cart-page #cartBody .Progress-bar {
  width: 100%;
  margin: 0;
  padding: 0;
}

.target-cart-page #cartBody .u-progress {
  width: 100%;
  height: 4px;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 3px;
  background: #f0f0f0;
}

.target-cart-page #cartBody .pgbar {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: linear-gradient(90deg, #ffbf52, #f04644);
}

.target-cart-page #cartBody .pging {
  display: none;
}

.target-cart-page #cartBody .f-Cart-Other {
  position: absolute;
  top: 114px;
  left: 108px;
  display: flex;
  align-items: center;
  width: 146px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
}

.target-cart-page #cartBody .f-Cart-Other::before {
  position: absolute;
  right: calc(100% + 7px);
  color: #777;
  content: "参与人次";
  font-size: 11px;
  white-space: nowrap;
}

.target-cart-page #cartBody .z-jian,
.target-cart-page #cartBody .z-jia {
  display: flex;
  float: none;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  color: #777;
  border: 1px solid #ededed;
  border-radius: 50%;
  background: #fff;
  font-size: 17px;
  line-height: 24px;
}

.target-cart-page #cartBody .z-amount {
  float: none;
  width: 46px;
  height: 26px;
  margin: 0 5px;
  padding: 0;
  color: #f04448;
  border: 0;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

.target-cart-page #cartBody .z-del {
  position: absolute;
  right: -91px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  border-radius: 50%;
  background: #fafafa;
}

.target-cart-page #cartBody .z-del::before {
  color: #bcbcbc;
  content: "×";
  font-size: 18px;
  font-weight: 300;
}

.target-cart-multiple {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 160px;
  color: #aaa;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}

.target-cart-page #cartBody > li > div:last-child {
  position: absolute !important;
  top: 86px !important;
  right: 10px;
  left: 108px;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}

.target-cart-page #cartBody .tags {
  display: flex;
  justify-content: flex-start;
  width: 100% !important;
  margin: 0 !important;
  gap: 5px;
}

.target-cart-page #cartBody .tags li {
  float: none;
  flex: 0 0 39px;
  width: 39px;
  height: 25px;
  margin: 0;
  color: #f04644;
  border: 1px solid #ffd3d1;
  border-radius: 4px;
  background: #fff8f7;
  font-size: 11px;
  line-height: 23px;
}

.target-cart-page #divBtmMoney {
  position: fixed;
  right: 0;
  bottom: calc(54px + env(safe-area-inset-bottom));
  left: 0;
  z-index: 1150;
  display: block;
  width: 100%;
  max-width: var(--target-ui-width);
  height: 52px;
  margin: 0 auto;
  padding: 0 8px;
  border: 0;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -2px 9px rgba(0, 0, 0, .04);
}

.target-cart-page #divBtmMoney dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  margin: 0;
}

.target-cart-page #divBtmMoney dt,
.target-cart-page #divBtmMoney dd {
  float: none;
  width: auto;
  margin: 0;
}

.target-cart-summary {
  color: #777;
  font-size: 11px;
}

.target-cart-summary em {
  color: #f04448;
  font-size: 12px;
  font-style: normal;
}

.target-cart-page #a_payment {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  height: 38px;
  padding: 0 20px;
  color: #fff;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(110deg, #ff4250, #ffb348);
  box-shadow: 0 4px 12px rgba(255, 84, 68, .22);
  font-size: 13px;
}

.target-cart-page #divNone.haveNot {
  min-height: calc(100vh - 104px);
  margin: 0;
  padding: 10px 0 80px;
  background: #f7f7f7;
}

.target-cart-empty-card {
  min-height: 141px;
  padding-top: 14px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .04);
}

.target-cart-page .target-cart-empty-card > s {
  display: block;
  width: 120px;
  height: 100px;
  margin: 0 auto 13px;
  opacity: 1;
  background: url("/statics/templates/teyunbao/target-page-assets/cart-empty.svg") center / contain no-repeat;
}

.target-cart-page .target-cart-empty-card > p {
  margin: -4px 0 0;
  color: #999;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.target-cart-page .btn-jumpBuy {
  display: none;
}

.target-cart-page #intro {
  margin: 7px 0 0;
  padding: 0 7px 20px;
  border: 0;
  background: transparent;
}

.target-cart-page #intro > .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  margin: 0 0 7px;
  padding: 0 5px;
  color: #333;
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  gap: 6px;
}

.target-cart-page #intro > .title::before,
.target-cart-page #intro > .title::after {
  content: none;
}

.target-cart-page #intro > .title em {
  color: #333;
  font-style: italic;
  font-weight: 700;
}

.target-cart-rec__dots {
  display: block;
  width: 18px;
  height: 4px;
  background: repeating-linear-gradient(
    90deg,
    #ffb347 0,
    #ffb347 2.56px,
    transparent 2.56px,
    transparent 5.12px
  );
}

.target-cart-page #intro > .title s {
  display: none;
}

.target-cart-page #intro > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  gap: 7px;
}

.target-cart-page #intro > ul > li {
  position: relative;
  float: none;
  width: auto;
  height: 306px !important;
  min-width: 0;
  margin: 0;
  padding: 8px 8px 10px;
  overflow: hidden;
  border: 0;
  border-radius: 7px;
  background: #fff;
}

.target-cart-rec__main,
.target-cart-rec__pic,
.target-cart-rec__pic img {
  display: block;
  width: 100%;
}

.target-cart-rec__pic,
.target-cart-rec__pic img {
  height: 150px;
  object-fit: contain;
}

.target-cart-rec__title {
  display: -webkit-box;
  height: 36px;
  margin: 5px 0 0;
  overflow: hidden;
  color: #242424;
  font-size: 12px;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-cart-rec__bar {
  display: block;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 4px;
  background: #eee;
}

.target-cart-rec__bar > span {
  display: block;
  height: 5px;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffae42, #ee3f50);
}

.target-cart-rec__remaining {
  display: block;
  margin-top: 4px;
  color: #999;
  font-size: 10px;
}

.target-cart-rec__remaining em {
  color: #e15f39;
  font-style: normal;
  font-weight: 700;
}

.target-cart-rec__main > strong {
  display: block;
  margin-top: 6px;
  color: #f04448;
  font-size: 18px;
  font-weight: 700;
}

.target-cart-rec__main > strong small {
  margin-left: 2px;
  font-size: 9px;
  font-weight: 400;
}

.target-cart-rec__join {
  position: absolute;
  top: auto !important;
  right: 8px !important;
  bottom: 9px !important;
  left: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 60px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 20px;
  background: linear-gradient(105deg, #ffb43e, #ff6c38) !important;
  box-shadow: none !important;
  font-size: 11px;
  line-height: 13px !important;
}

@media (max-width: 340px) {
  .target-cart-rec__pic,
  .target-cart-rec__pic img {
    height: 120px;
  }
}

/* Revealed product detail */
html.target-revealed-root {
  font-size: 25.6px;
}

body.target-revealed-detail-page {
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #555;
  background: #f5f5f8 !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-weight: 300;
}

.target-revealed-detail-page #loadingPicBlock {
  min-height: 100vh;
  background: #f5f5f8;
}

.target-revealed-detail-page .target-revealed-legacy {
  display: none !important;
}

.target-revealed-detail {
  width: 100%;
  padding: 0 4px 52px;
  background: #f5f5f8;
}

.target-revealed-detail *,
.target-revealed-detail *::before,
.target-revealed-detail *::after {
  box-sizing: border-box;
}

.target-revealed-detail .goods-box {
  overflow: hidden;
  padding: 0;
  border-radius: 5px;
  background: #fff;
}

.target-revealed-detail .target-revealed-gallery,
.target-revealed-detail .pPic,
.target-revealed-detail .pPic2,
.target-revealed-detail .pImg,
.target-revealed-detail .pImg .slides,
.target-revealed-detail .pImg .slides li {
  width: 100% !important;
  height: 275px !important;
  margin: 0 !important;
}

.target-revealed-detail .pPic {
  overflow: hidden;
  padding: 0 !important;
  border: 0 !important;
  background: #fff;
}

.target-revealed-detail .pImg .slides {
  display: flex;
}

.target-revealed-detail .pImg .slides li {
  flex: 0 0 100%;
  padding: 0 !important;
  background: #fff;
}

.target-revealed-detail .pImg .slides img {
  display: block;
  width: 100%;
  height: 275px;
  margin: 0 auto;
  object-fit: contain;
}

.target-revealed-detail .pImg .direction-nav {
  display: none !important;
}

.target-revealed-detail .pImg .control-nav {
  bottom: 7px;
}

.target-revealed-detail .pImg .control-nav a {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border-radius: 3px;
  background: #bdbdbd;
}

.target-revealed-detail .pImg .control-nav a.active {
  width: 13px;
  background: #e53935;
}

.target-revealed-detail .good-announced {
  position: relative;
  padding: .5rem .32rem .4rem;
  background: #fff;
}

.target-revealed-detail .good-announced > .announced {
  display: inline-block;
  margin-right: .15rem;
  padding: .08rem .35rem;
  color: #fff;
  border-radius: 1rem;
  background: #4caf50;
  font-size: .4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}

.target-revealed-detail .good-announced > p {
  display: -webkit-box;
  max-height: 1.56rem;
  margin: .3rem 0 .25rem;
  overflow: hidden;
  color: #333;
  font-size: .54rem;
  font-weight: 500;
  line-height: .78rem;
  text-indent: 0;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-revealed-detail .winner-card {
  margin-top: .35rem;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: .32rem;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .07), inset 0 1px 0 rgba(255, 255, 255, .8);
}

.target-revealed-detail .winner-card-header {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: .4rem .32rem;
  background: linear-gradient(135deg, #d32f2f 0%, #ef5350 42%, #ff8a65 100%);
}

.target-revealed-detail .winner-card-header::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .22) 0%, transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, transparent 55%);
}

.target-revealed-detail .winner-avatar {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 1.36rem;
  height: 1.36rem;
  border: .06rem solid rgba(255, 255, 255, .95);
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.target-revealed-detail .winner-name-wrap {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  margin-left: .28rem;
}

.target-revealed-detail .winner-name {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: .5rem;
  font-weight: 700;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .18);
  white-space: nowrap;
}

.target-revealed-detail .winner-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: .08rem;
  margin-left: .2rem;
  padding: .1rem .24rem .1rem .18rem;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
}

.target-revealed-detail .winner-badge__icon {
  color: #e2a400;
  font-size: .38rem;
  line-height: 1;
}

.target-revealed-detail .winner-badge__text {
  color: #b45309;
  font-size: .34rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.target-revealed-detail .winner-card-body {
  padding: .12rem .32rem .08rem;
  background: #fff;
}

.target-revealed-detail .winner-info-row {
  display: flex;
  align-items: center;
  padding: .24rem 0;
  border-bottom: 1px solid #f3f3f3;
  font-size: .4rem;
  line-height: 1.4;
}

.target-revealed-detail .winner-info-row:last-child {
  border-bottom: 0;
}

.target-revealed-detail .winner-label {
  flex-shrink: 0;
  width: 2.4rem;
  color: #999;
}

.target-revealed-detail .winner-value {
  flex: 1;
  min-width: 0;
  color: #333;
  font-weight: 500;
}

.target-revealed-detail .winner-value em {
  color: #e53935;
  font-style: normal;
  font-weight: 700;
}

.target-revealed-detail .winner-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .24rem;
  padding: .32rem;
  border-top: 1px solid #eee;
  background: linear-gradient(180deg, #fafafa, #f5f5f5);
}

.target-revealed-detail .winner-lucky-sn {
  min-width: 0;
  color: #666;
  font-size: .4rem;
}

.target-revealed-detail .winner-lucky-sn em {
  display: block;
  margin-top: .06rem;
  color: #e53935;
  font-size: .52rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .02em;
}

.target-revealed-detail .winner-calc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: .18rem .44rem;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, #ef5350, #ff7043);
  box-shadow: 0 3px 10px rgba(239, 83, 80, .28);
  font-size: .38rem;
  font-weight: 600;
}

.target-revealed-participation {
  margin-top: .3rem;
  padding: .35rem .32rem;
  color: #999;
  border-radius: .3rem;
  background: #fff;
  font-size: .4rem;
}

.target-revealed-detail .trend-entry {
  margin: .24rem 0;
}

.target-revealed-detail .trend-entry-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .24rem;
  padding: .32rem .36rem;
  border-radius: .32rem;
  background: #fff5f5;
}

.target-revealed-detail .trend-entry-main {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: .28rem;
}

.target-revealed-detail .trend-entry-icon {
  flex-shrink: 0;
  width: 1.36rem;
  height: 1.36rem;
  border-radius: .32rem;
  object-fit: cover;
}

.target-revealed-detail .trend-entry-copy {
  flex: 1;
  min-width: 0;
}

.target-revealed-detail .trend-entry-title {
  display: flex;
  align-items: center;
  gap: .12rem;
}

.target-revealed-detail .trend-text {
  color: #333;
  font-size: .48rem;
  font-weight: 700;
  line-height: 1.3;
}

.target-revealed-detail .trend-hot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .04rem .16rem;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff9500, #ff6b00);
  font-size: .28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}

.target-revealed-detail .trend-desc {
  display: block;
  margin-top: .08rem;
  overflow: hidden;
  color: #777;
  font-size: .32rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-revealed-detail .trend-go {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: .16rem .32rem;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff8a65, #ff5252);
  font-size: .32rem;
  font-weight: 500;
  white-space: nowrap;
}

.target-revealed-detail .deal-honor,
.target-revealed-detail .ddv-tabs {
  margin: .24rem .08rem;
  overflow: hidden;
  border-radius: .32rem;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
}

.target-revealed-detail .deal-honor__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .24rem;
  padding: .24rem .28rem;
  border-bottom: 1px solid #eef0f4;
  background: #f8f9fb;
}

.target-revealed-detail .deal-honor__title {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: .12rem;
}

.target-revealed-detail .deal-honor__title-mark {
  flex-shrink: 0;
  width: .08rem;
  height: .36rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #e53935, #ff8a65);
}

.target-revealed-detail .deal-honor__title strong {
  color: #333;
  font-size: .46rem;
  font-weight: 700;
}

.target-revealed-detail .deal-honor__rules {
  flex-shrink: 0;
  padding: .08rem 0;
  color: #8a9199;
  border: 0;
  background: transparent;
  font-size: .36rem;
}

.target-revealed-detail .deal-honor__body {
  padding: .28rem .16rem .32rem;
}

.target-revealed-detail .deal-honor__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.target-revealed-detail .deal-honor__cell {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: 0;
  padding: 0 .1rem;
  text-align: center;
}

.target-revealed-detail .deal-honor__cell + .deal-honor__cell {
  border-left: 1px solid #eef0f4;
}

.target-revealed-detail .deal-honor__figure,
.target-revealed-detail .deal-honor__avatar-link {
  display: block;
}

.target-revealed-detail .deal-honor__avatar {
  display: block;
  width: 1.04rem;
  height: 1.04rem;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #f5f5f5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
  object-fit: cover;
}

.target-revealed-detail .deal-honor__cell--tycoon .deal-honor__avatar {
  width: 1.16rem;
  height: 1.16rem;
  box-shadow: 0 3px 10px rgba(229, 57, 53, .15);
}

.target-revealed-detail .deal-honor__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: .08rem;
  padding: .04rem .16rem;
  color: #fff;
  border-radius: .1rem;
  font-size: .28rem;
  font-weight: 600;
  line-height: 1.35;
}

.target-revealed-detail .deal-honor__badge--sofa {
  background: #7b3fe4;
}

.target-revealed-detail .deal-honor__badge--tycoon {
  background: #2196f3;
}

.target-revealed-detail .deal-honor__badge--tail {
  background: #ff9800;
}

.target-revealed-detail .deal-honor__name {
  width: 100%;
  margin: .14rem 0 0;
  overflow: hidden;
  color: #333;
  font-size: .38rem;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-revealed-detail .deal-honor__cell--tycoon .deal-honor__name {
  font-weight: 600;
}

.target-revealed-detail .deal-honor__desc {
  margin: .06rem 0 0;
  color: #8a9199;
  font-size: .32rem;
  line-height: 1.35;
}

.target-revealed-detail .deal-honor__desc em {
  color: #e53935;
  font-style: normal;
  font-weight: 600;
}

.target-revealed-detail .ddv-tabs__bar {
  display: flex;
  gap: .14rem;
  padding: .22rem .18rem;
  border-bottom: 1px solid #eef0f4;
  background: #f8f9fb;
}

.target-revealed-detail .ddv-tabs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  min-height: .8rem;
  padding: .18rem .08rem;
  color: #8a9199;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  font-size: .34rem;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

.target-revealed-detail .ddv-tabs__btn.is-active {
  color: #2f3640;
  border-color: #dfe3ea;
  background: linear-gradient(180deg, #fff, #f3f5f8);
  box-shadow: 0 2px 8px rgba(47, 54, 64, .08), inset 0 1px 0 rgba(255, 255, 255, .95);
  font-weight: 600;
}

.target-revealed-detail .ddv-tabs__panel {
  min-height: 3.2rem;
  padding: .08rem 0;
}

.target-revealed-detail .ddv-tabs__loading,
.target-revealed-detail .ddv-tabs__error,
.target-revealed-detail .ddv-tabs__empty {
  padding: 1.2rem .45rem;
  color: #999;
  font-size: .38rem;
  text-align: center;
}

.target-revealed-detail .ddv-tabs__empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .2rem;
}

.target-revealed-detail .ddv-tabs__empty i {
  color: #d4a62a;
  font-size: .8rem;
  line-height: 1;
}

.target-revealed-detail .ddv-tabs__records {
  margin: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.target-revealed-detail .ddv-tabs__records-meta {
  margin: 0;
  padding: .24rem .45rem .08rem;
  color: #999;
  font-size: .36rem;
}

.target-revealed-detail .ddv-tabs__records dl {
  margin: 0;
  padding: 0 .45rem .24rem;
}

.target-revealed-detail .ddv-tabs__records dl dd {
  display: flex;
  align-items: center;
  min-height: 1.75rem;
  padding: .3rem 0;
  border-bottom: 1px solid #f5f5f5;
}

.target-revealed-detail .ddv-tabs__records .imgbox {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}

.target-revealed-detail .ddv-tabs__records .txtbox {
  flex: 1;
  min-width: 0;
  margin-left: .3rem;
}

.target-revealed-detail .ddv-tabs__records .txtbox > a {
  display: inline-block;
  max-width: 62%;
  overflow: hidden;
  color: #333;
  font-size: .44rem;
  font-weight: 500;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.target-revealed-detail .ddv-tabs__records .txtbox > em {
  margin-left: .1rem;
  color: #bbb;
  font-size: .32rem;
  font-style: normal;
}

.target-revealed-detail .ddv-tabs__records .txtbox p {
  margin: .08rem 0 0;
  color: #999;
  font-size: .38rem;
}

.target-revealed-detail .ddv-tabs__records .txtbox p span {
  color: #e53935;
  font-weight: 600;
}

.target-revealed-detail .ddv-tabs__records .txtbox time {
  margin-left: .2rem;
  color: #bbb;
}

.target-revealed-detail .ddv-hist-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .2rem;
  margin: .2rem .45rem;
  padding: .32rem;
  color: #333;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: .24rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 3px 12px rgba(15, 23, 42, .05);
  font-size: .36rem;
}

.target-revealed-detail .ddv-hist-period {
  position: relative;
  padding-left: .18rem;
  color: #111827;
  font-weight: 800;
}

.target-revealed-detail .ddv-hist-period::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: .06rem;
  height: .28rem;
  margin-top: -.14rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #e53935, #ff7043);
  content: "";
}

.target-revealed-detail .ddv-hist-info {
  color: #999;
  font-size: .32rem;
}

.target-revealed-detail .ddv-tabs__detail-html {
  padding: .16rem .45rem .32rem;
  color: #333;
  font-size: .4rem;
  line-height: 1.6;
  word-break: break-word;
}

.target-revealed-detail .ddv-tabs__detail-html img,
.target-revealed-detail .ddv-tabs__detail-html embed {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  margin: .16rem auto;
  border-radius: .12rem;
}

.target-revealed-detail .gotonew {
  margin-top: .3rem;
  padding: .45rem .32rem;
  border-radius: .3rem;
  background: #fff;
}

.target-revealed-detail .gotonew-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.target-revealed-detail .gotonew-box p {
  margin: 0;
  color: #777;
  font-size: .44rem;
}

.target-revealed-detail .gotonew-box a {
  display: inline-block;
  padding: .18rem .5rem;
  color: #fff;
  border-radius: 1rem;
  background: linear-gradient(135deg, #e53935 0%, #ff6f61 50%, #ffab40 100%);
  font-size: .42rem;
  font-weight: 600;
}

.target-revealed-detail .deal-honor-rules[hidden] {
  display: none;
}

html.target-honor-rules-open,
html.target-honor-rules-open body {
  overflow: hidden;
}

.target-revealed-detail .deal-honor-rules {
  position: fixed;
  z-index: 1300;
  inset: 0;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  background: #f5f5f5;
}

.target-revealed-detail .deal-honor-rules__panel {
  width: 100%;
  max-width: 540px;
  min-height: 100%;
  margin: 0 auto;
  background: #f5f5f5;
}

.target-revealed-detail .deal-honor-rules__hd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.12rem;
  padding: calc(.2rem + env(safe-area-inset-top, 0px)) .4rem .2rem;
  color: #fff;
  background: linear-gradient(135deg, #e53935, #ff6f61 50%, #ffab40);
}

.target-revealed-detail .deal-honor-rules__hd h2 {
  margin: 0;
  font-size: .56rem;
  font-weight: 700;
}

.target-revealed-detail .deal-honor-rules__back {
  position: absolute;
  top: 50%;
  left: .32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .72rem;
  height: .72rem;
  padding: 0;
  transform: translateY(-50%);
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
}

.target-revealed-detail .deal-honor-rules__back i {
  font-size: .5rem;
  line-height: 1;
}

.target-revealed-detail .deal-honor-rules__body {
  padding: .32rem;
}

.target-revealed-detail .deal-honor-rules__body ol {
  margin: 0;
  padding: .4rem .36rem;
  list-style: none;
  border-radius: .32rem;
  background: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .04);
}

.target-revealed-detail .deal-honor-rules__body li {
  display: flex;
  align-items: flex-start;
  gap: .24rem;
  padding: .28rem 0;
}

.target-revealed-detail .deal-honor-rules__body li + li {
  border-top: 1px solid #f0f0f0;
}

.target-revealed-detail .deal-honor-rules__num {
  flex: 0 0 .48rem;
  width: .48rem;
  height: .48rem;
  color: #fff;
  border-radius: 50%;
  background: #e53935;
  font-size: .34rem;
  font-weight: 700;
  line-height: .48rem;
  text-align: center;
}

.target-revealed-detail .deal-honor-rules__body p {
  margin: 0;
  color: #333;
  font-size: .44rem;
  line-height: 1.55;
}

@media (max-width: 340px) {
  html.target-revealed-root {
    font-size: 23px;
  }
}