.post-card {
  position: relative;
  width: 191px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px
}
.post-card-item:hover .post-card__title {
  color: #fe5a58
}
.post-card.collapse {
  box-sizing: border-box
}
.post-card.collapse .post-card__footer, .post-card.collapse .post-card__img {
  display: none
}
.post-card.collapse .post-card__wrap {
  width: 100%
}
.post-card.collapse .post-card__wrap .post-card__title {
  height: 20px;
  margin-bottom: 0;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  padding-left: 20px
}
.post-card.collapse .post-card__wrap {
  position: relative
}
.post-card.collapse .post-card__wrap:before {
  color: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  transform: translateY(-60%)
}
.post-card.fluid {
  width: 100%
}
.post-card__img {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center
}
.post-card__img img {
  width: 191px;
  height: 143px;
  -o-object-fit: cover;
  object-fit: cover
}
.post-card__img img[lazy=error], .post-card__img img[lazy=loading] {
  width: 50%;
  -o-object-fit: fill;
  object-fit: fill
}
.post-card__img img[lazy=error]:after, .post-card__img img[lazy=error]:before, .post-card__img img[lazy=loading]:after, .post-card__img img[lazy=loading]:before {
  content: unset
}
.post-card__img img:before {
  content: "";
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(../image/pc55-4ac5af4.svg);
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
.post-card__img img:after {
  content: "";
  height: 150px;
  display: block
}
.post-card__img .recommend {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 12px;
  color: #fff;
  background: #fe5a58;
  border-radius: 5px;
  padding: 0 5px
}
.post-card__img .video-tag {
  position: absolute;
  width: 100%;
  height: 34px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4))
}
.post-card__img .video-tag svg {
  position: absolute;
  left: 8px;
  bottom: 8px
}
.post-card__hide-tag-tp {
  display: none
}
.post-card__count {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  background-color: rgba(0, 0, 0, .4);
  padding: 4px 4px 4px 20px;
  border-radius: 4px 0 0 0
}
.post-card__count:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -6px;
  display: block;
  height: 12px;
  width: 12px;
  background-image: url(../image/pc55-1d3bbf6.svg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat
}
.post-card__title {
  margin-bottom: 12px;
  color: #353535;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}
.post-card.fluid .post-card__title.empty {
  margin-bottom: 0
}
.post-card__wrap {
  padding: 14px 0 0
}
.post-card__footer {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  line-height: 1.333;
  padding: 0
}
.post-card__avatar {
  flex: none;
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-size: cover;
  background-position: 50%
}
.post-card__author {
  margin: 0 4px;
  flex: auto;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default
}
.post-card__praise {
  flex: none;
  padding-left: 18px;
  line-height: 16px;
  background-position: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  cursor: pointer
}
.post-card__praise svg {
  margin-right: 6px
}
.post-card__praise:hover {
  color: #fe5a58
}
.post-card__praise:hover .svg-icon--gray {
  fill: #fe5a58
}
.post-card__praise.orange {
  color: #fe5a58
}
.post-card__praise.orange .svg-icon--gray {
  fill: #fe5a58
}
.post-card__delete-wrap {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 100
}
.post-card__delete-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  -webkit-filter: blur(16px);
  filter: blur(16px);
  background-color: rgba(60, 60, 60, .7)
}
.post-card__delete-wrap p {
  text-align: center;
  line-height: 24px
}
.post-card__cancel-collect-btn, .post-card__delete-wrap p {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  z-index: 1
}
.post-card__cancel-collect-btn {
  margin: 82px auto 0;
  padding: 0 16px;
  width: 56px;
  line-height: 32px;
  background-color: #fe5a58;
  border-radius: 16px;
  cursor: pointer
}
.post-card .icon-tag {
  margin-bottom: 12px
}
.post-card-list {
  display: flex;
  justify-content: space-between
}
.post-card-list__column {
  flex: 1
}
.post-card-list__column + .post-card-list__column {
  margin-left: 24px
}
.post-card-list .infinite-loading-container .infinite-status-prompt {
  font-size: 0 !important
}
.post-card-list .infinite-loading-container i:after, .post-card-list .infinite-loading-container i:before {
  content: unset
}
.post-card:first-child.collapse .post-card__wrap:before {
  content: "1";
  background-color: #ff8d7e
}
.post-card:nth-child(2).collapse .post-card__wrap:before {
  content: "2";
  background-color: #d0b6a1
}
.post-card:nth-child(3).collapse .post-card__wrap:before {
  content: "3";
  background-color: #ffc497
}
.post-item {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #eee
}
.post-item a {
  display: flex;
  flex-wrap: wrap
}
.post-item.fluid {
  width: 100%
}
.post-item__img {
  position: relative;
  width: 191px;
  height: 143px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 26px
}
.post-item__img img {
  width: 191px;
  height: 143px;
  -o-object-fit: cover;
  object-fit: cover
}
.post-item__img img[lazy=error], .post-item__img img[lazy=loading] {
  height: 250px;
  width: 50%;
  -o-object-fit: fill;
  object-fit: fill
}
.post-item__img img[lazy=error]:after, .post-item__img img[lazy=error]:before, .post-item__img img[lazy=loading]:after, .post-item__img img[lazy=loading]:before {
  content: unset
}
.post-item__img img:before {
  content: "";
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(../image/pc55-7cabba3.svg);
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
.post-item__img img:after {
  content: "";
  height: 150px;
  display: block
}
.post-item__img .recommend {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 12px;
  color: #fff;
  background: #fe5a58;
  border-radius: 5px;
  padding: 0 5px
}
.post-item__img .video-tag {
  position: absolute;
  width: 100%;
  height: 34px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4))
}
.post-item__img .video-tag svg {
  position: absolute;
  left: 8px;
  bottom: 8px
}
.post-item__hide-tag-tp {
  display: none
}
.post-item__count {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  background-color: rgba(0, 0, 0, .4);
  padding: 4px 4px 4px 20px;
  border-radius: 4px 0 0 0
}
.post-item__count:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -6px;
  display: block;
  height: 12px;
  width: 12px;
  background-image: url(../image/pc55-1d3bbf6.svg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat
}
.post-item__title {
  width: 100%;
  margin-bottom: 12px;
  max-height: 2.857em;
  color: #353535;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block
}
.post-item__desc {
  margin-bottom: 26px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  height: 46px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}
.post-item:hover .post-item__title {
  color: #fe5a58
}
.post-item.fluid .post-item__title.empty {
  margin-bottom: 0
}
.post-item__wrap {
  flex: 1;
  padding-top: 5px
}
.post-item__wrap .image-list-wrap {
  width: 100%;
  margin-bottom: 12px
}
.post-item__wrap .image-list-wrap ul {
  display: flex;
  align-items: center
}
.post-item__wrap .image-list-wrap ul li {
  width: 191px;
  height: 143px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px
}
.post-item__wrap .image-list-wrap ul li img {
  width: 191px;
  height: 143px;
  -o-object-fit: cover;
  object-fit: cover
}
.post-item__wrap .image-list-wrap ul li img[lazy=error], .post-item__wrap .image-list-wrap ul li img[lazy=loading] {
  max-width: 80%;
  -o-object-fit: fill;
  object-fit: fill
}
.post-item__wrap .image-list-wrap ul li:nth-child(4n) {
  margin-right: 0
}
.post-item__footer {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  line-height: 1.333;
  position: relative
}
.post-item__footer .footer-bottom-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex
}
.post-item__avatar {
  flex: none;
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-size: cover;
  background-position: 50%
}
.post-item__author {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default
}
.post-item__author, .post-item__create_time {
  margin: 0 4px 0 12px;
  font-size: 12px;
  line-height: 24px
}
.post-item__create_time {
  flex: 1
}
.post-item__praise {
  flex: none;
  padding-left: 18px;
  line-height: 16px;
  background-position: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  cursor: pointer
}
.post-item__praise svg {
  margin-right: 6px
}
.post-item__praise:hover {
  color: #fe5a58
}
.post-item__praise:hover .svg-icon--gray {
  fill: #fe5a58
}
.post-item__praise.orange {
  color: #fe5a58
}
.post-item__praise.orange .svg-icon--gray {
  fill: #fe5a58
}
.post-item__delete-wrap {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 100
}
.post-item__delete-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  -webkit-filter: blur(16px);
  filter: blur(16px);
  background-color: rgba(60, 60, 60, .7)
}
.post-item__delete-wrap p {
  text-align: center;
  line-height: 24px
}
.post-item__cancel-collect-btn, .post-item__delete-wrap p {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  z-index: 1
}
.post-item__cancel-collect-btn {
  margin: 82px auto 0;
  padding: 0 16px;
  width: 56px;
  line-height: 32px;
  background-color: #fe5a58;
  border-radius: 16px;
  cursor: pointer
}
.post-item .icon-tag {
  margin-bottom: 12px
}
.post-item.more-images {
  padding: 18px 0 16px
}
.post-item.more-images .post-item__wrap {
  padding: 0
}
.post-item.more-images .post-item__wrap .image-list-wrap {
  margin-bottom: 14px
}
.post-item.more-images .post-item__title {
  margin-bottom: 6px
}
.post-item.more-images .post-item__desc {
  height: auto;
  margin-bottom: 14px
}
.post-item-list {
  display: flex;
  justify-content: space-between
}
.post-item-list__column {
  flex: 1
}
.post-item-list__column + .post-item-list__column {
  margin-left: 24px
}
.post-item-list .infinite-loading-container .infinite-status-prompt {
  font-size: 0 !important
}
.post-item-list .infinite-loading-container i:after, .post-item-list .infinite-loading-container i:before {
  content: unset
}
.reveler-pop {
  background-color: #fff;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px !important
}
.ddwrap {
  position: relative;
  width: 1200px;
  margin: 60px auto 40px;
  display: flex;
  justify-content: space-between;
  padding: 0 calc((100% - 1200px)/2)
}
.ddwrap__chart {
  padding: 12px 24px !important;
  transform: translateX(-25px);
  border-radius: 8px;
  border: none;
  padding: 32px 24px
}
.ddwrap__chart .chart-hint {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
  margin-top: 14px;
  text-align: center;
  width: 100%
}
.ddwrap__chart .el-popover__title {
  font-size: 14px;
  color: #3c3c3c;
  margin-bottom: 12px
}
.ddwrap__chart-hint {
  width: 423px
}
.ddwrap__chart-hint__txt {
  font-size: 13px;
  color: #3c3c3c
}
.ddwrap__chart-hint__txt em {
  display: block;
  transform: translateX(5px)
}
.ddwrap__chart-hint__txt:before {
  content: "";
  background-position: 50%;
  background-size: 100%;
  background-image: url(../image/202112081613_3NwwVWQ7AK.svg);
  width: 295px;
  height: 172px;
  display: block;
  margin: 0 auto 20px
}
.ddwrap__chart-hint.el-dialog {
  margin-top: var(--toppos) !important;
  margin-left: var(--leftpos);
  border-radius: 8px;
  cursor: default
}
.ddwrap__chart-hint.el-dialog .el-dialog__header {
  padding: 32px 24px 26px;
  border: none
}
.ddwrap__chart-hint.el-dialog .el-dialog__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #3c3c3c
}
.ddwrap__chart-hint.el-dialog .el-dialog__body {
  padding: 0 24px 32px;
  display: flex;
  align-items: center;
  justify-content: center
}
.ddwrap__chart-hint.el-dialog .el-dialog__close {
  font-weight: 400
}
.ddwrap__chart-hint.el-dialog:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: 0;
  left: 22px;
  transform: translateY(calc(-100% + 1px))
}
.ddwrap .load-allcmt {
  background-color: #fff;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  margin-top: 26px
}
.ddwrap .load-allcmt:hover span {
  color: #fe5a58
}
.ddwrap .praise-view.active i, .ddwrap .praise-view:hover i {
  color: #ffed44
}
.ddwrap.expired .ddwrap__left__header .rebate {
  background: #b8b8b8
}
.ddwrap.expired .deal-title {
  color: #999;
  text-decoration: line-through
}
.ddwrap.expired .deal-title__orange {
  color: #999
}
.ddwrap__nav-wrap {
  position: fixed;
  z-index: 999
}
.ddwrap .nav-bar-box {
  top: 220px;
  transform: translateX(-84px)
}
.ddwrap .nav-bar-box.hasAd {
  top: 320px
}
.ddwrap .squared-item {
  width: 246px;
  margin: 0 12px 12px 0
}
.ddwrap .squared-item.vertical {
  width: 762px;
  margin-right: 0 !important
}
.ddwrap .squared-item:nth-child(3n) {
  margin-right: 0
}
.ddwrap .left-side {
  width: 762px
}
.ddwrap .left-side__drop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 0;
  background-color: #fff
}
.ddwrap .left-side__drop span {
  font-size: 12px;
  margin-right: 6px;
  cursor: pointer;
  color: #1f1f1f
}
.ddwrap .left-side__drop span:hover {
  color: #fe5a58
}
.ddwrap .left-side__drop span i {
  font-size: 12px;
  transform: rotate(90deg)
}
.ddwrap .left-side__amazon {
  display: flex;
  flex-direction: column
}
.ddwrap .left-side__amazon .am-card {
  margin-bottom: 16px
}
.ddwrap .left-side__more-ad {
  width: 762px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 24px
}
.ddwrap .left-side__more-ad a {
  display: flex
}
.ddwrap .left-side__more-ad img {
  width: 100%
}
.ddwrap .left-side__recommend {
  background-color: #fff;
  padding: 30px 26px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 762px;
  position: relative;
  margin-top: 64px
}
.ddwrap .left-side__recommend:before {
  content: "推荐优惠";
  font-size: 20px;
  font-weight: 600;
  color: #1f1f1f;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(calc(-100% - 12px))
}
.ddwrap .left-side__recommend .deal-card:last-child .grayline {
  display: none
}
.ddwrap .left-side__comment {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 26px;
  width: 762px;
  box-sizing: border-box;
  border-radius: 4px
}
.ddwrap .left-side__comment .comment-itemv2:last-child .grayline {
  display: none
}
.ddwrap__left {
  width: 762px;
  background-color: #fff;
  padding: 30px 26px;
  box-sizing: border-box;
  border-radius: 4px
}
.ddwrap__left-infos {
  display: flex;
  justify-content: space-between;
  margin: 16px 0
}
.ddwrap__left-infos .flag-container {
  display: flex
}
.ddwrap__left-infos .country-flag {
  height: 16px;
  width: 16px;
  margin-right: 10px
}
.ddwrap__left-infos .store-name {
  font-size: 12px;
  color: #666;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.ddwrap__left-infos .store-name:hover {
  color: #fe5a58
}
.ddwrap__left-infos .divider {
  font-size: 12px;
  color: #c8c8c8;
  margin: 0 8px
}
.ddwrap__left-infos .reveler {
  font-size: 12px;
  color: #999
}
.ddwrap__left-infos .reveler__name {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ddwrap__left-infos .reveler {
  display: flex;
  align-items: center
}
.ddwrap__left-infos .reveler .trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  cursor: pointer
}
.ddwrap__left-infos .publish-time {
  font-size: 12px;
  color: #999;
  cursor: default
}
.ddwrap__left-time {
  font-size: 12px;
  color: #666
}
.ddwrap__left-time em {
  background-color: #666;
  color: #fff;
  border-radius: 3px;
  padding: 2px 3px;
  margin: 0 6px
}
.ddwrap__left-header {
  display: flex
}
.ddwrap__left-info {
  display: flex;
  flex-direction: column;
  width: calc(100% - 260px);
  position: relative
}
.ddwrap__left .single-pic {
  height: 240px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 20px
}
.ddwrap__left .single-pic.amazon:after {
  content: "";
  background-image: url(../image/202101141911073.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 58px;
  background-position: 50%;
  background-size: 100%
}
.ddwrap__left .single-pic img {
  max-width: 100%;
  max-height: 100%
}
.ddwrap__left .single-pic img[lazy=error], .ddwrap__left .single-pic img[lazy=loading] {
  width: 80%
}
.ddwrap__left .single-pic .first-order-tag {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: linear-gradient(90deg, #ff8266, #ff4e7b);
  padding: 0 8px;
  border-radius: 4px 0 8px 0;
  position: absolute;
  left: 0;
  top: 0
}
.ddwrap__left img {
  max-height: 584px
}
.ddwrap__left__header {
  cursor: default
}
.ddwrap__left__header .rebate {
  color: #fff;
  background: linear-gradient(90deg, #ff488c, #fe8458);
  font-weight: 700;
  border-radius: 4px
}
.ddwrap__left__header .left-time, .ddwrap__left__header .rebate {
  font-size: 12px;
  padding: 3px 10px;
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px)
}
.ddwrap__left__header .left-time {
  color: #1f1f1f;
  background-color: #f5f5f5;
  border-radius: 3px
}
.ddwrap__left__header .deal-title {
  font-size: 20px;
  font-weight: 700;
  color: #1f1f1f;
  line-height: 30px
}
.ddwrap__left__header .deal-title__orange {
  color: #fe5a58
}
.ddwrap__left__header .deal-title.expired, .ddwrap__left__header .deal-title.expired .deal-title__orange {
  color: #999
}
.ddwrap__left__header-sub {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: auto
}
.ddwrap__left__header-sub a {
  font-size: 14px;
  color: #fff;
  background-color: #fe5a58;
  padding: 10px 25px;
  border-radius: 25px;
  cursor: pointer;
  position: absolute;
  right: 0
}
.ddwrap__left__header-sub a:hover {
  background-color: #ff7373
}
.ddwrap__left__support {
  margin-top: 16px;
  display: flex;
  align-items: center
}
.ddwrap__left__support-trend {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #fe5a58;
  background-color: #faede8;
  height: 21px;
  line-height: 21px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 0 10px 0 24px
}
.ddwrap__left__support-trend.stand:before {
  z-index: 9999
}
.ddwrap__left__support-trend em {
  position: relative;
  z-index: 1
}
.ddwrap__left__support-trend:before {
  content: "";
  background-image: url(../image/202112081414_MNXbM21VFi.svg);
  background-position: 0;
  background-size: 32px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, calc(-50% + 1px));
  padding: 15px
}
.ddwrap__left__support-trend:after {
  content: "";
  background: linear-gradient(10deg, rgba(238, 150, 150, .25), transparent 25%);
  transform: scale(1.1, 1.68) perspective(.5em) rotateX(10deg);
  transform-origin: bottom right;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  border-radius: 0 3px 3px 0
}
.ddwrap__left__support .support {
  font-size: 12px;
  color: #999;
  background-color: #f8f8f8;
  margin-right: 10px;
  padding: 3px 6px;
  border-radius: 2px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap
}
.ddwrap__left__support .support.direct:before {
  content: "直邮中国"
}
.ddwrap__left__support .support.credit:before {
  content: "银联信用卡"
}
.ddwrap__left__support .support.ali:before {
  content: "支付宝"
}
.ddwrap__left__support .el-icon-check {
  border: 1px solid;
  border-radius: 50%;
  padding: 2px;
  font-size: 12px;
  transform: scale(.8);
  color: #fe5a58
}
.ddwrap__feedback {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  margin: 12px 0 12px auto;
  color: #fe5a58;
  font-size: 16px;
  cursor: pointer
}
.ddwrap__feedback i {
  margin-right: 4px
}
.ddwrap__feedback:after {
  content: "优惠信息有问题？报错"
}
.ddwrap .grayline {
  background: #e6e6e6
}
.ddwrap__right {
  width: 414px
}
.ddwrap__right-wrap {
  background-color: #fff;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 4px
}
.ddwrap__right__basic {
  display: flex;
  flex-direction: row
}
.ddwrap__right__basic .store-logo {
  height: 90px;
  width: 120px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  position: relative
}
.ddwrap__right__basic .store-logo img {
  max-height: 80%;
  max-width: 80%
}
.ddwrap__right__basic .store-logo .first-order-tag {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: linear-gradient(90deg, #ff8266, #ff4e7b);
  padding: 0 8px;
  border-radius: 4px 0 8px 0;
  position: absolute;
  left: 0;
  top: 0
}
.ddwrap__right__basic .store-info {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  justify-content: space-between;
  max-width: calc(100% - 134px)
}
.ddwrap__right__basic .store-info__name {
  font-size: 20px;
  font-weight: 700;
  align-items: center;
  max-width: 200px;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 100%;
  cursor: pointer
}
.ddwrap__right__basic .store-info__name:hover {
  color: #fe5a58
}
.ddwrap__right__basic .store-info__rebate {
  font-size: 16px;
  font-weight: 700;
  color: #fe5a58
}
.ddwrap__right__basic .store-info__num {
  font-size: 12px;
  color: #999
}
.ddwrap__right-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 0 20px;
  font-size: 12px;
  line-height: 3;
  border-radius: 3px;
  margin-top: 20px
}
.ddwrap__right-heading span:nth-child(2) {
  width: 106px
}
.ddwrap__right-rebate-list {
  font-size: 14px;
  color: #1f1f1f
}
.ddwrap__right-rebate-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 12px 0;
  box-sizing: border-box;
  position: relative
}
.ddwrap__right-rebate-list li .vipbg {
  margin: 0 12px 0 3px
}
.ddwrap__right-rebate-list li span:first-child {
  width: 55%;
  margin-left: 20px
}
.ddwrap__right-rebate-list li span:nth-child(2) {
  width: 35%;
  color: #fe5a58;
  font-weight: 700;
  white-space: nowrap
}
.ddwrap__right-rebate-list li span:nth-child(2) span {
  font-weight: 400;
  color: #999;
  margin-left: auto;
  text-decoration: line-through;
  width: 20px;
  white-space: nowrap
}
.ddwrap__right-rebate-list li .grayline {
  position: absolute;
  width: 100%;
  bottom: 0
}
.ddwrap__right-rebate-list li .first-order-btn {
  color: #fe5a58;
  cursor: pointer;
  margin-left: -20px
}
.ddwrap__right-rebate-list .rebate-list__load-all {
  color: #fe5a58;
  font-size: 14px;
  font-weight: 700;
  margin: 30px 20px;
  display: block;
  cursor: pointer
}
.ddwrap__right-rebate-list .rebate-list__load-all:before {
  content: "查看全部返利说明..."
}
.ddwrap__right-rebate-list .rebate-list__load-all:hover {
  color: #ff7373
}
.ddwrap__right__title {
  font-size: 16px;
  margin: 24px 0 12px
}
.ddwrap .hot-title, .ddwrap__right__title {
  display: block;
  font-weight: 700;
  color: #1f1f1f
}
.ddwrap .hot-title {
  font-size: 20px;
  margin: 30px 0 16px;
  line-height: 10px
}
.ddwrap .left-side-container__normal {
  width: 100%;
  padding: 30px 26px 22px;
  background-color: #fff;
  margin-top: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #ececec
}
.ddwrap .left-side-container__normal.goods {
  background-color: #fff;
  padding: 12px 10px 18px;
  border: none;
  display: flex;
  flex-wrap: wrap
}
.ddwrap .left-side-container__normal.goods .goods-item {
  width: calc((100% - 24px)/4);
  margin: 0 8px 32px 0
}
.ddwrap .left-side-container__normal.goods .goods-item:nth-child(4n) {
  margin-right: 0
}
.ddwrap .left-side-container__normal .load-more {
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  margin-top: 24px;
  display: block;
  cursor: pointer
}
.ddwrap .left-side-container__normal .load-more.center {
  color: #999;
  margin-left: 50%;
  transform: translateX(-50%);
  text-align: center;
  cursor: pointer
}
.ddwrap .left-side-container__normal .load-more.goods {
  margin-top: 0;
  font-weight: 400
}
.ddwrap .left-side-container__normal .load-more:hover {
  color: #fe5a58
}
.first-order-popper {
  width: 300px !important;
  color: #353535 !important;
  font-weight: 400;
  background-color: #fff7f5;
  border-radius: 0;
  border: 1px solid #fe5a58;
  margin-left: -7px
}
.first-order-popper .el-popover__title {
  color: #353535
}
.first-order-popper .popper__arrow:after {
  top: 0 !important;
  border-bottom-color: #fe5a58 !important
}
.el-dialog.hint-pop {
  top: 10vh;
  width: 360px;
  background-color: transparent;
  box-shadow: none
}
.el-dialog.hint-pop .el-dialog__header {
  padding: 0;
  border: none
}
.el-dialog.hint-pop .el-dialog__headerbtn {
  display: flex;
  border-radius: 50%;
  background-color: #fff;
  top: 10px;
  right: -15px;
  height: 32px;
  width: 32px
}
.el-dialog.hint-pop .el-dialog__headerbtn i {
  margin: auto
}
.el-dialog.hint-pop .el-dialog__headerbtn i:hover {
  color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body {
  background-image: url(../image/pc55-c29e224.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 160px 0 0
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body {
  background-color: #fff;
  padding: 45px 20px 20px;
  position: absolute;
  top: 110px;
  z-index: -1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  display: flex;
  flex-direction: column
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .htwrap:before {
  display: block;
  content: "温馨提示";
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .htlist {
  list-style: disc;
  margin-left: 20px
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .htlist::marker {
  font-size: 12px
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .htlist p {
  font-size: 14px;
  color: #1f1f1f;
  line-height: 32px;
  margin: 0
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-button {
  background-color: #fe5a58;
  border-radius: 3px;
  line-height: 2.5;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  display: block
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-button:hover {
  background-color: #ff7373
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox.is-checked .el-checkbox__label, .el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox:hover .el-checkbox__label {
  color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__inner {
  border-radius: 50%;
  border-color: #1f1f1f
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__inner:active {
  border-color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__label {
  font-size: 12px;
  color: #999
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #fe5a58;
  border-color: #fe5a58
}
.el-dialog.feedback-pop {
  width: 360px
}
.el-dialog.feedback-pop .el-dialog__header {
  border: none
}
.el-dialog.feedback-pop .el-dialog__body {
  padding: 0 20px 20px
}
.el-dialog.feedback-pop .el-dialog__body .el-radio-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  margin-top: 16px
}
.el-dialog.feedback-pop .el-dialog__body .el-radio-group:before {
  content: "错误类型";
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(calc(-100% - 10px))
}
.el-dialog.feedback-pop .el-dialog__body .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner, .el-dialog.feedback-pop .el-dialog__body .el-radio-group .el-radio-button__orig-radio:hover + .el-radio-button__inner {
  background-color: #fe5a58
}
.el-dialog.feedback-pop .el-dialog__body .el-radio-button__inner {
  padding: 6px;
  border: none;
  background-color: #c8c8c8;
  color: #fff;
  border-radius: 4px;
  box-shadow: none
}
.el-dialog.feedback-pop .el-dialog__body .el-textarea {
  margin: 20px 0
}
.el-dialog.feedback-pop .el-dialog__body .el-textarea__inner {
  min-height: 56px !important;
  resize: none
}
.el-dialog.feedback-pop .el-dialog__body .el-button--large {
  border: none;
  width: 100%
}
.el-dialog.feedback-pop .el-dialog__body .el-button--large:disabled {
  background-color: #c8c8c8
}
.deal-wrap {
  padding: 0 calc((100% - 1200px)/2);
  display: flex;
  flex-direction: column;
  position: relative
}
.deal-wrap .store-filter li .grayline {
  margin: 0 !important
}
.deal-wrap .store-filter .country-list.fold {
  height: 50px;
  overflow: hidden
}
.deal-wrap .store-filter .country-list__more {
  display: none;
  font-size: 14px;
  color: #1f1f1f;
  cursor: pointer;
  position: absolute;
  right: 6px
}
.deal-wrap .store-filter .country-list__more i {
  color: #999;
  font-weight: 600
}
.deal-wrap .store-filter .country-list__more:hover, .deal-wrap .store-filter .country-list__more:hover i {
  color: #fe5a58
}
.deal-wrap .store-filter .letter-list .filter-item:first-child {
  margin-left: 24px
}
.deal-wrap .store-filter .letter-list .filter-item {
  margin-left: 16px
}
.deal-wrap .store-filter .el-radio-group {
  line-height: unset;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.deal-wrap .store-filter .el-radio-group.padding {
  padding-right: 140px
}
.deal-wrap .store-filter .el-radio-group .el-radio {
  margin: 0 0 0 24px;
  line-height: 50px
}
.deal-wrap .store-filter .el-radio-group .el-radio:hover {
  color: #fe5a58
}
.deal-wrap .store-filter .el-radio-group .el-radio.is-checked .el-radio__label {
  font-weight: 600;
  color: #fe5a58
}
.deal-wrap .store-filter .el-radio-group .el-radio__input {
  display: none
}
.deal-wrap .store-filter .el-radio-group .el-radio__label {
  padding-left: 0;
  font-weight: 400
}
.deal-wrap .store-filter .el-checkbox {
  margin-right: 0
}
.deal-wrap .store-filter .el-checkbox .el-checkbox__inner {
  transition: none
}
.deal-wrap .store-filter .el-checkbox:hover > .el-checkbox__label {
  color: #fe5a58
}
.deal-wrap .store-filter .el-checkbox:hover > .el-checkbox__input > .el-checkbox__inner {
  border-color: #fe5a58
}
.deal-wrap .store-filter .el-checkbox.is-checked .el-checkbox__inner {
  border-color: #fe5a58;
  background-color: #fe5a58
}
.deal-wrap .store-filter .el-checkbox.is-checked .el-checkbox__label {
  color: #1f1f1f
}
.deal-wrap .store-filter .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fe5a58
}
.deal-wrap .store-filter .el-checkbox__label {
  font-weight: 400
}
.deal-wrap .store-filter li:last-child {
  margin-bottom: 0
}
.deal-wrap .store-filter .filter-item-wrap, .deal-wrap .store-filter li {
  font-size: 14px;
  color: #999;
  line-height: 50px;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap
}
.deal-wrap .store-filter .filter-item-wrap .el-checkbox-group, .deal-wrap .store-filter li .el-checkbox-group {
  padding-right: 140px
}
.deal-wrap .store-filter .filter-item-wrap .el-checkbox-group.no-padding, .deal-wrap .store-filter li .el-checkbox-group.no-padding {
  padding-right: 0
}
.deal-wrap .store-filter li {
  flex-direction: row;
  flex-wrap: unset;
  position: relative
}
.deal-wrap .store-filter li .filter-item-name {
  white-space: nowrap
}
.deal-wrap .store-filter li .grayline {
  position: absolute;
  bottom: 0
}
.deal-wrap .common-info {
  margin-top: 14px
}
.deal-wrap .deal-card:last-child .grayline {
  display: none
}
.deal-wrap .slide-button {
  background-color: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  top: 150px
}
.deal-wrap .slide-button.swiper-button-disabled {
  opacity: 0
}
.deal-wrap .slide-button.swiper-button-prev {
  left: calc((100% - 1200px)/2 - 15px)
}
.deal-wrap .slide-button.swiper-button-next {
  right: calc((100% - 1200px)/2 - 15px)
}
.deal-wrap__right {
  display: flex;
  width: 330px;
  flex-direction: column
}
.deal-wrap__right-ad {
  height: 160px;
  background-position: 50%;
  background-size: cover;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 24px
}
.deal-wrap__right-ad[lazy=error], .deal-wrap__right-ad[lazy=loading] {
  background-size: 80%
}
.deal-wrap__right .side-list-wrap__title {
  padding: 6px 0
}
.deal-wrap__right-hot {
  margin-top: 24px;
  background-color: transparent
}
.deal-wrap__right-hot .side-swiper__title {
  padding: 0;
  margin-bottom: 12px
}
.deal-wrap__right-hot .side-swiper__title .side-swiper__navigation svg {
  margin-right: 0
}
.deal-wrap__right-hot .swiper-container {
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  background-color: #fff
}
.deal-wrap__right-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  height: 30px
}
.deal-wrap__right-item:last-child {
  margin-bottom: 0
}
.deal-wrap__right-item {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  cursor: pointer;
  display: flex;
  align-items: center
}
.deal-wrap__right-item:hover {
  color: #fe5a58
}
.deal-wrap__right-item:hover svg {
  fill: #fe5a58
}
.deal-wrap__top {
  margin-top: 30px;
  position: relative;
  overflow: hidden
}
.deal-wrap__top .deal-item {
  width: 187px;
  margin-right: 16px
}
.deal-wrap__top .deal-item__wrap {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 0
}
.deal-wrap__top .deal-item__store {
  display: none
}
.deal-wrap__top .deal-item__title {
  line-height: 1.6;
  height: 44px
}
.deal-wrap__top .deal-item__price {
  margin: 0 !important;
  padding: 0;
  height: 24px;
  line-height: 24px
}
.deal-wrap__top .deal-item__info-wrap {
  display: none
}
.deal-wrap__top .deal-item__left-time {
  width: 100%;
  top: unset;
  bottom: 0;
  transform: unset;
  border-radius: 0;
  text-align: center;
  margin: 0
}
.deal-wrap__top .deal-item__img {
  height: 185px !important;
  width: 185px !important;
  overflow: visible;
  overflow: initial;
  border-radius: unset
}
.deal-wrap__top .deal-item__content {
  height: auto;
  display: flex;
  align-items: flex-start;
  width: 100% !important;
  padding: 8px 16px 16px;
  box-sizing: border-box
}
.deal-wrap__top .deal-item__simple-intro {
  display: none
}
.deal-wrap__top .deal-item__influence {
  transform: unset
}
.deal-wrap__top .swiper-wrapper .deal-item:last-child {
  margin-right: 0
}
.deal-wrap__bottom {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 50px
}
.deal-wrap__deal-list {
  width: 845px
}
.deal-wrap__deal-list-title {
  font-size: 20px;
  font-weight: 600
}
.deal-wrap__deal-list__content {
  padding: 24px;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box
}
.deal-wrap__deal-list__content.filter {
  padding: 8px 24px;
  margin-top: 16px
}
.deal-wrap__deal-list__content.filter .filter-item {
  color: #1f1f1f;
  cursor: pointer;
  margin-left: 24px
}
.deal-wrap__deal-list__content.filter .filter-item:hover {
  font-weight: 600
}
.deal-wrap__deal-list__content.filter .filter-item.no-box .el-checkbox__input {
  display: none
}
.deal-wrap__deal-list__content.filter .filter-item.no-box .el-checkbox__label {
  padding-left: 0
}
.deal-wrap__deal-list__content .store-item-list__ul {
  padding: 0
}
.deal-wrap__deal-list__content.item {
  margin-top: 16px;
  padding: 24px 0
}
.deal-wrap__deal-list__content.item .deal-card__wrap {
  padding: 0 24px
}
.deal-wrap__deal-list__content.onePage {
  padding-bottom: 0
}
p {
  width: 100% !important
}
.markdown55-content span {
  font-size: 14px !important
}
.f12 {
  font-size: 12px
}
.f13 {
  font-size: 13px
}
.f14 {
  font-size: 14px
}
.f16 {
  font-size: 16px
}
.f20 {
  font-size: 20px
}
.fb {
  font-weight: 700
}
.fn {
  font-weight: 400
}
.lh100 {
  line-height: 100%
}
.lh150 {
  line-height: 150%
}
.lh180 {
  line-height: 180%
}
.lh200 {
  line-height: 200%
}
.tl {
  text-align: left
}
.tc {
  text-align: center
}
.tr {
  text-align: right
}
.bc {
  margin-left: auto;
  margin-right: auto
}
.fl {
  float: left
}
.fr {
  float: right
}
.cb {
  clear: both
}
.cl {
  clear: left
}
.cr {
  clear: right
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
* html .clearfix {
  height: 1%
}
.zoom {
  zoom: 1
}
.hidden {
  visibility: hidden
}
.none {
  display: none
}
.w10 {
  width: 10px
}
.w20 {
  width: 20px
}
.w30 {
  width: 30px
}
.w40 {
  width: 40px
}
.w50 {
  width: 50px
}
.w60 {
  width: 60px
}
.w70 {
  width: 70px
}
.w80 {
  width: 80px
}
.w90 {
  width: 90px
}
.w100 {
  width: 100px
}
.w120 {
  width: 120px
}
.w150 {
  width: 150px
}
.w170 {
  width: 170px
}
.w200 {
  width: 200px
}
.w230 {
  width: 230px
}
.w250 {
  width: 250px
}
.w300 {
  width: 300px
}
.w400 {
  width: 400px
}
.w500 {
  width: 500px
}
.w600 {
  width: 600px
}
.w700 {
  width: 700px
}
.w800 {
  width: 800px
}
.w {
  width: 100%
}
.h20 {
  height: 20px
}
.h30 {
  height: 30px
}
.h50 {
  height: 50px
}
.h45 {
  height: 45px
}
.h40 {
  height: 40px
}
.h80 {
  height: 80px
}
.h100 {
  height: 100px
}
.h200 {
  height: 200px
}
.h {
  height: 100%
}
.mb5 {
  margin-bottom: 5px
}
.m10 {
  margin: 10px
}
.m15 {
  margin: 15px
}
.m30 {
  margin: 30px
}
.mt5 {
  margin-top: 5px
}
.mt10 {
  margin-top: 10px
}
.mt15 {
  margin-top: 15px
}
.mt20 {
  margin-top: 20px
}
.mt25 {
  margin-top: 25px
}
.mt30 {
  margin-top: 30px
}
.mt40 {
  margin-top: 40px
}
.mt50 {
  margin-top: 50px
}
.mt60 {
  margin-top: 60px
}
.mt100 {
  margin-top: 100px
}
.mb10 {
  margin-bottom: 10px
}
.mb15 {
  margin-bottom: 15px
}
.mb20 {
  margin-bottom: 20px
}
.mb28 {
  margin-bottom: 28px
}
.mb30 {
  margin-bottom: 30px
}
.mb40 {
  margin-bottom: 40px
}
.mb50 {
  margin-bottom: 50px
}
.mb100 {
  margin-bottom: 100px
}
.ml5 {
  margin-left: 5px
}
.ml10 {
  margin-left: 10px
}
.ml15 {
  margin-left: 15px
}
.ml45 {
  margin-left: 45px
}
.ml20 {
  margin-left: 20px
}
.ml120 {
  margin-left: 120px
}
.ml30 {
  margin-left: 30px
}
.ml50 {
  margin-left: 50px
}
.ml55 {
  margin-left: 55px
}
.ml100 {
  margin-left: 100px
}
.ml147 {
  margin-left: 147px
}
.mr5 {
  margin-right: 5px
}
.mr10 {
  margin-right: 10px
}
.mr15 {
  margin-right: 15px
}
.mr20 {
  margin-right: 20px
}
.mr30 {
  margin-right: 30px
}
.mr40 {
  margin-right: 40px
}
.mr50 {
  margin-right: 50px
}
.mr100 {
  margin-right: 100px
}
.p10 {
  padding: 10px
}
.p15 {
  padding: 15px
}
.p30 {
  padding: 30px
}
.pt5 {
  padding-top: 5px
}
.pt10 {
  padding-top: 10px
}
.pt15 {
  padding-top: 15px
}
.pt20 {
  padding-top: 20px
}
.pt30 {
  padding-top: 30px
}
.pt50 {
  padding-top: 50px
}
.red {
  color: #d12e25
}
.bold {
  font-weight: 700
}
::-ms-clear, ::-ms-reveal {
  display: none
}
@media screen and (min-width:780px) {
  .mobile-show {
    cursor: pointer;
    position: relative;
    font-size: 14px;
    margin-bottom: 16px;
    display: inline-block;
    pointer-events: relative
  }
  [data-type="2"].mobile-show, [data-type="6"].mobile-show {
    margin-right: 10px
  }
  .mobile-show a:after {
    content: "查看详情";
    position: absolute;
    display: none;
    bottom: 16px;
    right: 16px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background-color: #ff4200;
    border-radius: 2px
  }
  [data-type="2"].mobile-show a:after, [data-type="6"].mobile-show a:after {
    display: block
  }
  .bussiness {
    border: 1px solid #e6e6e6;
    width: 540px;
    height: 128px;
    padding: 16px;
    position: relative
  }
  .bussiness .left {
    width: 128px;
    height: 128px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
  }
  .bussiness .left img {
    max-height: 128px;
    max-width: 128px
  }
  .bussiness .right {
    width: 400px
  }
  .bussiness .right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0
  }
  .bussiness .right .fl .fl {
    color: #6d6d72;
    font-size: 14px;
    line-height: 22px
  }
  .bussiness .right .fl .fl a {
    font-size: 0
  }
  .bussiness .right .fan {
    color: #ff4200 !important;
    text-align: center;
    margin-right: 0
  }
  .bussiness .right li {
    clear: none
  }
  .bussiness .right ul li {
    position: relative;
    padding: 0 5px;
    display: block;
    float: none;
    text-align: center
  }
  .bussiness .right ul li:before {
    display: inline-block;
    margin-right: 2px;
    margin-top: -5px;
    height: 10px;
    width: 10px;
    position: relative;
    top: 1px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
  }
  .bussiness .alipay, .bussiness .lang-cn, .bussiness .mail {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 18px !important
  }
  .bussiness .alipay:before, .bussiness .lang-cn:before, .bussiness .mail:before {
    content: "" !important
  }
  .bussiness .mail {
    background-color: #f67981 !important
  }
  .bussiness .mail:before {
    background-image: url(../image/icon-mail-white.svg)
  }
  .bussiness .alipay {
    background-color: #48c4ed !important
  }
  .bussiness .alipay:before {
    background-image: url(../image/icon-alipay-white.svg)
  }
  .bussiness .lang-cn {
    background-color: #f66577 !important
  }
  .bussiness .lang-cn:before {
    background-image: url(../image/icon-langcn-white.svg)
  }
  .bussiness .logo {
    line-height: 22px;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
    background: none;
    width: auto
  }
  .info-ttt {
    font-size: 16px;
    height: 24px;
    line-height: 24px
  }
  .bussiness .star-list {
    font-size: 0;
    margin: 10px 0
  }
  .bussiness .star-list li {
    float: left;
    clear: none
  }
  .bussiness .mobile-show {
    display: block
  }
  .bussiness .star-list li img {
    margin-right: 6px;
    float: left
  }
  .bussiness .star-list .score {
    font-size: 14.4px;
    line-height: 18px;
    color: #ff4301
  }
  .bussiness .discount-list {
    width: 220px;
    font-size: 16px;
    color: #4f4f4f;
    line-height: 27.6px;
    padding: 8px 0;
    max-height: 52px;
    overflow: hidden;
    word-break: break-all;
    line-clamp: 2
  }
  .bussiness .price-left {
    font-size: 12px;
    color: #a7a7a7;
    line-height: 22px
  }
  .bussiness .price-left img {
    margin: 7px 0 0 5px
  }
  .fan-cash {
    float: right;
    width: auto !important;
    border: 1px solid #ff7043;
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 3px
  }
  .fan-cash li {
    background: none !important;
    display: block !important;
    text-align: center !important;
    float: none !important
  }
  a .deal-card-price, p.deal-card-price {
    max-width: 78%;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    font-size: 16px;
    font-weight: 700;
    color: #ff7f27;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
  .bussiness .price-right {
    margin-top: 5px
  }
  .bussiness .favorite {
    color: #a7a7a7;
    font-size: 12px;
    height: 24px;
    line-height: 24px
  }
  .ht-deal-detail-des a .info-ttt {
    color: #333
  }
  .bussiness .favorite .fl, .bussiness .favorite.mt15 {
    margin: 0
  }
  .bussiness .favorite.mt15 {
    margin: 9px 0 10px
  }
  .bussiness .favorite .ml20 {
    margin-left: 0
  }
  .bussiness .border {
    border-right: 1px solid #a7a7a7;
    padding-right: 10px;
    margin-right: 5px
  }
  .bussiness .price-right a {
    width: 118px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    background: #ff4201;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
  }
  .bussiness .price-right a:hover {
    color: #fff !important
  }
  .discount-wrap {
    border: 1px solid #e6e6e6;
    width: 170px;
    height: 258px;
    padding: 16px 16px 14px;
    position: relative;
    margin-right: 17px
  }
  .discount-wrap .adv-left {
    margin-bottom: 12px;
    width: 170px;
    height: 170px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
  }
  .discount-wrap .adv-right {
    width: 170px
  }
  .discount-wrap .logo {
    margin-top: 5px;
    color: #a7a7a7;
    line-height: 16px;
    font-size: 13px
  }
  .discount-wrap .logo img {
    padding-right: 5px
  }
  .discount-wrap .discount-list {
    color: #1d1d1f;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 4px;
    max-height: 24px
  }
  .discount-wrap .discount-list, .discount-wrap .discount-title {
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .discount-wrap .discount-title {
    color: #78787d;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 8px;
    max-height: 16px
  }
  .discount-wrap .price-left {
    width: 100%
  }
  .discount-wrap .price-left, .mobile-show .price {
    color: #ff804d;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .price-right {
    width: 118px
  }
  .discount-wrap .price-right {
    margin-top: 5px
  }
  .discount-wrap .price-right a {
    width: 118px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    background: #ff804d;
    border-radius: 4px;
    font-size: 14px;
    color: #fff
  }
  .discount-wrap .price-right a:hover {
    color: #fff !important
  }
  .list-left {
    width: 480px;
    line-height: 24px;
    color: #595959;
    max-height: 50px;
    overflow: hidden;
    word-break: break-all;
    line-clamp: 2
  }
  .insert_bussiness .img-logo {
    margin-right: 5px
  }
  .insert_bussiness .img-logo img {
    height: 16px;
    margin: 3px 0
  }
  .insert_bussiness .logo_name {
    margin-top: 5px;
    color: #29292c;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    max-height: 44px;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  .insert_bussiness .thrid-name {
    font-size: 20px;
    line-height: 24px;
    -webkit-line-clamp: 1
  }
  .insert_bussiness .logo_name .fl {
    float: none
  }
  .insert_bussiness .icon {
    height: 20px;
    line-height: 20px
  }
  .insert_bussiness .icon li {
    border-radius: 3px;
    clear: none;
    background: #bdbdbd;
    color: #fff;
    display: inline !important;
    margin-right: 5px
  }
  .insert_post .post_intr {
    width: 370px
  }
  .insert_post .post_intro li {
    color: #a7a7a7;
    clear: none;
    font-size: 12px;
    padding-right: 20px
  }
}
span.mycoupon {
  display: inline-block;
  padding: 0 7px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #fe5a58;
  border-radius: 4px;
  cursor: pointer;
  color: #fe5a58 !important;
  font-size: 12px !important;
  font-weight: 700;
  min-width: 50px;
  white-space: nowrap;
  word-wrap: normal;
  margin: 0 4px;
  position: relative
}
span.mycoupon:hover:after {
  content: "点击复制";
  position: absolute;
  z-index: 1;
  color: #fff;
  background-color: #fe5a58;
  left: 0;
  top: 0;
  width: 100%
}
.markdown55-content .deal-card {
  display: flex
}
.markdown55-content .deal-card .card-component {
  display: flex;
  width: 100%;
  text-decoration: none !important;
  background-color: rgba(26, 26, 26, .03);
  margin: 0 auto
}
.markdown55-content .deal-card .card-component .box-wrap {
  width: 100%;
  padding: 16px;
  box-sizing: border-box
}
.markdown55-content .deal-card .card-component .inner-content {
  display: flex;
  align-items: center
}
.markdown55-content .deal-card .card-component .inner-content .img-left {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center
}
.markdown55-content .deal-card .card-component .inner-content .img-left div, .markdown55-content .deal-card .card-component .inner-content .img-left p {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 130px !important;
  height: 130px;
  margin: 0
}
.markdown55-content .deal-card .card-component .inner-content .img-right {
  box-sizing: border-box;
  padding: 12px 0 12px 36px;
  width: calc(100% - 130px)
}
.markdown55-content .deal-card .card-component .inner-content .img-right span {
  text-decoration: none
}
.markdown55-content .deal-card .card-component .inner-content .img-right .logo {
  display: block;
  width: auto;
  height: auto;
  background: none;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  position: relative
}
.markdown55-content .deal-card .card-component .inner-content .img-right .logo span {
  font-size: 12px !important
}
.markdown55-content .deal-card .card-component .inner-content .img-right .logo img {
  width: 16px;
  height: 16px;
  margin-right: 6px
}
.markdown55-content .deal-card .card-component .inner-content .img-right .logo .orange {
  border-radius: 3px;
  padding: 0 6px;
  line-height: 22px;
  color: #ff804d;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 12px !important;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fe5a58;
  color: #fff
}
.markdown55-content .deal-card .card-component .inner-content .img-right .titkle {
  font-size: 16px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 12px 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.markdown55-content .deal-card .card-component .inner-content .img-right .mailp {
  color: #ff804d;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%
}
.markdown55-content .deal-card br {
  display: none
}
.store-card {
  display: flex
}
.store-card .card-component {
  display: flex;
  width: 100%;
  margin: 0 auto;
  text-decoration: none !important;
  background-color: rgba(26, 26, 26, .03)
}
.store-card .card-component .box-wrap {
  width: 100%;
  padding: 16px;
  box-sizing: border-box
}
.store-card .card-component .inner-content {
  display: flex;
  align-items: center
}
.store-card .card-component .inner-content .img-left {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center
}
.store-card .card-component .inner-content .img-left div, .store-card .card-component .inner-content .img-left p {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 130px !important;
  height: 130px;
  margin: 0
}
.store-card .card-component .inner-content .img-right {
  box-sizing: border-box;
  padding: 6px 0 6px 36px;
  width: calc(100% - 130px)
}
.store-card .card-component .inner-content .img-right span {
  text-decoration: none
}
.store-card .card-component .inner-content .img-right .logo {
  display: block;
  width: auto;
  height: auto;
  background: none;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  position: relative
}
.store-card .card-component .inner-content .img-right .logo span {
  font-size: 12px !important
}
.store-card .card-component .inner-content .img-right .logo img {
  width: 16px;
  height: 16px;
  margin-right: 6px
}
.store-card .card-component .inner-content .img-right .logo .orange {
  border-radius: 3px;
  padding: 0 6px;
  line-height: 22px;
  color: #ff804d;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 12px !important;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fe5a58;
  color: #fff
}
.store-card .card-component .inner-content .img-right .website {
  font-size: 14px;
  font-weight: 700;
  color: #1d1d1f;
  margin: 6px 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.store-card .card-component .inner-content .img-right .favorite {
  font-size: 12px;
  color: #999;
  margin: 6px 0
}
.store-card .card-component .inner-content .img-right .favorite span {
  font-size: 12px !important
}
.store-card .card-component .inner-content .img-right .favorite .border-color {
  border-right: #e6e6e6;
  height: 12px;
  margin-right: 9px
}
.store-card .card-component .inner-content .img-right .mail span {
  font-size: 12px !important;
  border-radius: 4px;
  padding: 1px 3px;
  background-color: #ececec;
  color: #4f4f53;
  position: relative;
  margin-right: 6px
}
.store-card .card-component .inner-content .img-right .mailp {
  color: #ff804d;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%
}
.store-card br {
  display: none
}
.goods-card {
  display: inline-block;
  width: 240px
}
.goods-card .card-component {
  text-decoration: none !important;
  display: block;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  padding: 12px;
  width: 240px;
  margin: 0 auto;
  box-sizing: border-box
}
.goods-card .box-wrap {
  border-radius: 6px
}
.goods-card .inner-content {
  padding: 0;
  display: flex;
  flex-wrap: nowrap
}
.goods-card .img-left {
  height: 100px;
  width: 100px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0
}
.goods-card .img-right {
  height: 100px;
  padding-left: 10px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex: 1
}
.goods-card .img-right .logo {
  display: block;
  width: auto;
  height: auto;
  background: none;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  position: relative
}
.goods-card .img-right .logo img {
  width: 16px;
  height: 16px;
  margin-right: 6px
}
.goods-card .img-right .logo .orange {
  border: 1px solid #ff804d;
  border-radius: 4px;
  padding: 1px 3px;
  color: #ff804d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%)
}
.goods-card .img-right .price {
  color: #ff804d;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.goods-card .img-right .img-content {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.goods-card .img-right .img-content, .goods-card .titkle {
  margin: 0 0 6px;
  color: #78787d;
  font-size: 12px;
  line-height: 16px;
  height: auto
}
.goods-card br {
  display: none
}
.inline-p {
  margin-bottom: 0 !important
}
.inline-p br {
  display: none
}
.markdown55-content .goods-card:nth-of-type(odd) {
  margin: 0 20px 0 104px
}
.sys-card {
  width: 100%;
  margin: 0 auto !important;
  background-color: rgba(26, 26, 26, .03);
  padding: 16px;
  cursor: pointer;
  box-sizing: border-box
}
.sys-card__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.sys-card__left {
  height: 130px;
  width: 130px;
  background-size: cover
}
.sys-card__right {
  width: calc(100% - 166px)
}
.sys-card__right span {
  font-size: 16px !important
}
.sys-card__title {
  font-weight: 700;
  color: #1f1f1f;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.sys-card__info {
  display: flex;
  justify-content: space-between;
  position: relative
}
.sys-card__info span {
  font-size: 12px !important
}
.sys-card__author {
  display: flex;
  align-items: center
}
.sys-card__avatar {
  height: 16px;
  width: 16px;
  display: inline-block;
  border-radius: 50%;
  background-size: 100%
}
.sys-card__nickname {
  position: absolute;
  left: 24px
}
.sys-card__time {
  position: absolute;
  right: 0;
  color: #1f1f1f
}
.markdown55-content {
  color: #3c3c3c;
  font-size: 14px;
  line-height: 24px;
  font-family: Avenir Next, Calibri, SF Pro Text, PingFang SC, Hiragino Sans GB, Noto Sans CJK SC, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif
}
.markdown55-content h1, .markdown55-content h2, .markdown55-content h3, .markdown55-content h4, .markdown55-content h5, .markdown55-content h6 {
  margin: 8px 0;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 24px
}
.markdown55-content ul {
  max-width: 700px !important
}
.markdown55-content h1 {
  font-size: 20px;
  line-height: 40px
}
.markdown55-content h2 {
  font-size: 18px;
  line-height: 32px
}
.markdown55-content h3 {
  font-size: 16px;
  line-height: 28px
}
.markdown55-content__bold, .markdown55-content b, .markdown55-content strong {
  color: #1f1f1f;
  font-weight: 700 !important
}
.markdown55-content em {
  font-style: italic
}
.markdown55-content__paragraph, .markdown55-content__text, .markdown55-content p {
  margin-bottom: 16px;
  color: #3c3c3c
}
.markdown55-content__a, .markdown55-content a {
  color: #1a1a1a;
  text-decoration: underline !important
}
.markdown55-content__a:hover, .markdown55-content__a:hover strong, .markdown55-content a:hover, .markdown55-content a:hover strong {
  color: #fe5a58
}
.markdown55-content img {
  display: flex;
  max-height: 708px;
  max-width: 708px;
  justify-content: center;
  margin: 3px auto
}
.markdown55-content img[src*="image/smiley"] {
  display: none
}
.markdown55-content img.emoji {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 3px;
  vertical-align: -.1em
}
.markdown55-content video {
  width: 100%;
  margin: 3px auto
}
.markdown55-content u {
  color: #1a1a1a;
  cursor: pointer
}
.markdown55-content ul {
  padding-left: 24px
}
.markdown55-content ul li {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  margin: 8px 0
}
.markdown55-content ol, .markdown55-content ol ol, .markdown55-content ul ol {
  padding-left: 24px;
  list-style-type: decimal
}
.markdown55-content ol li, .markdown55-content ol ol li, .markdown55-content ul ol li {
  list-style-type: decimal;
  margin: 8px 0
}
.markdown55-content ol ol ol, .markdown55-content ol ul ol, .markdown55-content ul ol ol, .markdown55-content ul ul ol {
  padding-left: 24px;
  list-style-type: decimal
}
.markdown55-content ol ol ol li, .markdown55-content ol ul ol li, .markdown55-content ul ol ol li, .markdown55-content ul ul ol li {
  list-style-type: decimal;
  margin: 8px 0
}
.markdown55-content ol ol, .markdown55-content ol ul, .markdown55-content ul ol, .markdown55-content ul ul {
  margin-bottom: 0;
  margin-top: 0
}
.markdown55-content hr {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  height: 0;
  margin: 10px 0;
  overflow: hidden
}
.markdown55-content hr:before {
  content: "";
  display: table
}
.markdown55-content hr:after {
  clear: both;
  content: "";
  display: table
}
.markdown55-content code, .markdown55-content pre {
  -webkit-animation: none 0s ease 0s 1 normal none running;
  animation: none 0s ease 0s 1 normal none running;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  border: none;
  border-collapse: separate;
  -o-border-image: none;
  border-image: none;
  border-radius: 0;
  border-spacing: 0;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: #000;
  -moz-columns: auto;
  -moz-column-count: auto;
  -moz-column-fill: balance;
  column-fill: balance;
  grid-column-gap: normal;
  -moz-column-gap: normal;
  column-gap: normal;
  -moz-column-rule: medium none currentColor;
  column-rule: medium none currentColor;
  -moz-column-span: 1;
  column-span: 1;
  -moz-column-width: auto;
  columns: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: normal;
  height: auto;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  list-style: disc outside none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 2;
  outline: medium none invert;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  right: auto;
  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;
  table-layout: auto;
  text-align: left;
  -moz-text-align-last: auto;
  text-align-last: auto;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transition: none 0s ease 0s;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 2;
  width: auto;
  word-spacing: normal;
  z-index: auto;
  all: initial;
  display: block;
  white-space: pre-line;
  color: #3c3c3c;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400
}
.markdown55-content blockquote {
  margin: 24px 0 24px 8px;
  border-left: .25em solid #dfe2e5;
  color: #3c3c3c;
  padding: 0 1em
}
.markdown55-content blockquote > :first-child {
  margin-top: 0
}
.markdown55-content blockquote > :last-child {
  margin-bottom: 0
}
.markdown55-content sub {
  vertical-align: baseline;
  font-size: 16px
}
.markdown55-content sub:after, .markdown55-content sub:before {
  content: "~"
}
.markdown55-content .card {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 24px 32px 24px 24px;
  text-decoration: none !important;
  position: relative;
  display: flex !important;
  flex-wrap: nowrap;
  color: #1f1f1f;
  font-size: 14px;
  line-height: 24px;
  box-sizing: border-box;
  margin-bottom: 12px
}
.markdown55-content .card:hover {
  color: #1f1f1f
}
.markdown55-content .card__img {
  width: 104px;
  height: 104px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-color: #fff
}
.markdown55-content .card__content-wrap {
  padding-left: 16px;
  flex: 1;
  box-sizing: border-box;
  max-width: 368px;
  position: relative
}
.markdown55-content .card__title {
  width: 100%;
  font-weight: 700;
  color: #1f1f1f;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border
}
.markdown55-content .card__title.has-flag {
  padding-left: 20px
}
.markdown55-content .card__title.multi-line {
  overflow: auto;
  text-overflow: inherit;
  white-space: normal
}
.markdown55-content .card__desc {
  margin: 8px 0
}
.markdown55-content .card__store {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  color: #1f1f1f;
  padding-left: 20px
}
.markdown55-content .card__flag {
  width: 16px;
  height: 12px;
  border-radius: 3px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
.markdown55-content .card__show-content {
  font-weight: 700
}
.markdown55-content .card__info {
  font-size: 12px;
  line-height: 16px;
  color: #1f1f1f;
  margin: 6px 0
}
.markdown55-content .card__info-bar {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  left: 16px
}
.markdown55-content .card__info-bar .card__avatar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  vertical-align: middle;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}
.markdown55-content .card__info-bar .card__info {
  color: #999;
  float: right;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.markdown55-content .card__tags {
  display: flex
}
.markdown55-content .card__tags .card__tag {
  background-color: #fff;
  border-radius: 2px;
  color: #1f1f1f;
  font-size: 10px;
  line-height: 16px;
  margin-right: 8px;
  padding: 2px 6px
}
.markdown55-content .card[data-type=d] .card__desc {
  color: #fe5a58;
  font-weight: 700
}
.markdown55-content .card[data-type=s] .card__desc {
  color: #0084ff;
  font-weight: 700
}
.markdown55-content .card[data-type=product] {
  width: 252px;
  height: 344px;
  display: inline-block !important;
  margin-bottom: 22px;
  padding: 24px;
  vertical-align: middle;
  margin-right: 12px
}
.markdown55-content .card[data-type=product] .card__img {
  width: 204px;
  height: 204px
}
.markdown55-content .card[data-type=product] .card__content-wrap {
  position: static;
  padding: 0
}
.markdown55-content .card[data-type=product] .card__title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px
}
.markdown55-content .card[data-type=product] .card__desc {
  color: #fe5a58;
  width: 204px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  position: absolute;
  bottom: 24px;
  left: 24px
}
.markdown55-content .card[data-type=show] .card__img {
  width: 104px;
  height: 104px
}
.markdown55-content .card[data-type=show] .card__avatar {
  margin-right: 4px
}
.markdown55-content .card[data-type=show] .card__info {
  margin: 0
}
.markdown55-content .card[data-type=post] .card__img {
  width: 188px;
  height: 104px;
  background-size: cover;
  margin-right: 16px
}
.markdown55-content .card[data-type=post] .card__content-wrap {
  max-width: 100% !important;
  padding-bottom: 30px;
  padding-left: 0
}
.markdown55-content .card[data-type=post] .card__info-bar {
  left: 0
}
.markdown55-content .card[data-type=post] .card__avatar {
  margin-right: 4px
}
.markdown55-content .card[data-type=post] .card__info {
  margin: 0
}
.markdown55-content .card:nth-of-type(2n) {
  margin-right: 0
}
.markdown55-content del {
  text-decoration: none
}
.markdown55-content li div {
  margin: 0
}
.rebate-lists {
  padding: 0 24px;
  max-height: 600px;
  overflow-y: scroll
}
.rebate-lists.no {
  padding: 0
}
.gray-page {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}
.one-line-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all
}
.two-line-text {
  -webkit-line-clamp: 2;
  line-clamp: 2
}
.three-line-text, .two-line-text {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.three-line-text {
  -webkit-line-clamp: 3;
  line-clamp: 3
}
.fold {
  height: 50px;
  overflow: hidden
}
__more {
  display: none;
  font-size: 14px;
  color: #1f1f1f;
  cursor: pointer;
  position: absolute;
  right: 6px
}
__more i {
  color: #999;
  font-weight: 600
}
__more:hover, __more:hover i {
  color: #fe5a58
}
.praise-view {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #999
}
.praise-view.filter {
  -webkit-filter: grayscale(1) opacity(.7);
  filter: grayscale(1) opacity(.7);
  min-height: 18px;
  color: #666;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 24px
}
.praise-view.filter i, .praise-view.filter svg {
  display: none
}
.praise-view.filter:hover {
  color: #fe5a58;
  -webkit-filter: unset;
  filter: unset
}
.praise-view i, .praise-view svg {
  margin-right: 8px
}
.praise-view i {
  font-size: 18px;
  transform: translateY(-1px)
}
.praise-view.active {
  -webkit-filter: unset;
  filter: unset;
  color: #fe5a58
}
.praise-view.active svg {
  fill: #fe5a58
}
.praise-view.active i, .praise-view:hover {
  color: #fe5a58
}
.praise-view:hover svg {
  fill: #fe5a58
}
.praise-view:hover i {
  color: #fe5a58
}
.header-user-popup {
  position: relative;
  padding: 0;
  margin-left: 0
}
.header-user-popup .avt {
  color: #1f1f1f;
  margin-right: 2px
}
.header-user-popup .avt:hover {
  color: rgba(31, 31, 31, .8)
}
.header-user-popup .avt .oneLine {
  font-size: 14px;
  max-width: 110px !important
}
.header-user-popup__wrap {
  display: flex;
  align-items: center;
  cursor: pointer
}
.header-user-popup__wrap:hover .header-user-popup__icon, .header-user-popup__wrap:hover .header-user-popup__name {
  color: #fe5a58
}
.header-user-popup__name {
  font-size: 14px;
  line-height: 16px;
  color: #1f1f1f;
  white-space: nowrap;
  padding: 0 2px 0 8px;
  max-width: 98px;
  text-overflow: ellipsis;
  overflow: hidden
}
.header-user-popup__icon {
  font-size: 16px;
  color: #999
}
.header-user-popup:hover .header-user-popup__list {
  display: block
}
.header-user-popup__avatar {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-image: url(../image/pc55-d06ee12.png);
  background-size: cover;
  background-position: 50%
}
.header-user-popup__list {
  display: none;
  position: absolute;
  top: 20px;
  padding-top: 16px;
  right: -12px;
  width: 132px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(60, 60, 60, .04), 0 4px 8px 0 rgba(60, 60, 60, .04);
  z-index: 100
}
.header-user-popup__item > .item, .header-user-popup__item > a {
  display: flex;
  padding: 12px 24px 12px 16px;
  cursor: pointer
}
.header-user-popup__item > .item:hover, .header-user-popup__item > a:hover {
  fill: #fe5a58;
  color: #fe5a58;
  background-color: #fef1ef
}
.header-user-popup__item > .item:hover span, .header-user-popup__item > a:hover span {
  color: #fe5a58
}
.header-user-popup__item span {
  color: #1f1f1f
}
.header-user-popup__title {
  margin-left: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}
.svg-icon {
  height: 24px;
  width: 24px
}
.svg-icon--icon {
  fill: #878787
}
.svg-icon--black {
  fill: #1f1f1f
}
.svg-icon--gray {
  fill: #999
}
.svg-icon--orange {
  fill: #fe5a58
}
.svg-icon--yellow {
  fill: #f79f1b
}
.svg-icon--white {
  fill: #fff
}
.svg-icon--dark-gray {
  fill: #8d8c8c
}
.svg-icon--facebook-blue {
  fill: #4469b0
}
.grayline {
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scaleY(.5)
}
.grayline > div {
  height: 1px;
  margin: 0 24px;
  background: #eaeaea
}
.grayline.dashed {
  height: 0;
  border-bottom: 1px dashed #eaeaea
}
.grayline.dashed div {
  height: 0
}
.grayline.fluid > div {
  margin: 0
}
.gallery__thumbs {
  margin: 16px auto 24px;
  overflow-y: hidden
}
.gallery__thumbs .thumbs-wrapper {
  display: flex;
  justify-content: center;
  padding: 0 26px
}
.gallery__thumb-slide {
  display: inline-block;
  margin-right: 6px;
  border: 2px solid transparent;
  height: 44px;
  width: 44px;
  opacity: .6;
  background-clip: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 4px;
  cursor: pointer
}
.gallery__thumb-slide:last-child {
  margin-right: 0
}
.gallery__thumb-slide.active {
  border-color: #fe5a58;
  opacity: 1
}
.gallery__thumb-slide {
  background-size: cover
}
.gallery .swiper-button-next, .gallery .swiper-button-prev {
  padding: 8px;
  background-image: none;
  background-color: rgba(60, 60, 60, .7);
  border-radius: 100%;
  opacity: .3
}
.gallery .swiper-button-next.outside, .gallery .swiper-button-prev.outside {
  z-index: 0;
  transform: translateY(-50%);
  top: calc(50% - 24px)
}
.gallery .swiper-button-next:hover, .gallery .swiper-button-prev:hover {
  opacity: 1
}
.gallery .swiper-button-prev {
  left: 16px
}
.gallery .swiper-button-next {
  right: 16px
}
.gallery .swiper-button-next.outside {
  transform: rotate(180deg) translateY(50%)
}
.comment-agreement p {
  text-indent: 2em
}
.dialog-avatar .el-dialog {
  position: relative;
  border-radius: 5px
}
.dialog-avatar .el-dialog__header {
  padding: 0;
  border: none
}
.dialog-avatar .el-dialog__headerbtn {
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px
}
.dialog-avatar .el-dialog__headerbtn i {
  color: #1f1f1f;
  font-weight: 700
}
.dialog-avatar .el-dialog__body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center
}
.dialog-avatar .el-dialog__body .heading {
  background-image: url(../image/pc55-e993439.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  height: 105px;
  width: 100%
}
.dialog-avatar .el-dialog__body span {
  color: #1f1f1f;
  font-size: 14px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box
}
.dialog-avatar .el-dialog__body span:nth-child(2) {
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 0
}
.dialog-avatar .el-dialog__body .set-avatar {
  font-size: 14px;
  color: #fff;
  background-color: #fe5a58;
  border-radius: 3px;
  width: calc(100% - 40px);
  line-height: 3;
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer
}
.store-commentInput .comment-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0
}
.store-commentInput .comment-header__avatar {
  height: 40px;
  width: 40px;
  background-size: 100%;
  background-image: url(../image/pc55-d06ee12.png);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-right: 12px
}
.store-commentInput .comment-header__nickname {
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  width: 55%
}
.store-commentInput .comment-header .comment-tips {
  font-size: 12px;
  color: #999;
  cursor: default;
  white-space: nowrap
}
.store-commentInput .comment-header .comment-tips a {
  color: #fe5a58
}
.store-commentInput .comment-header .comment-tips a:hover {
  text-decoration: underline !important
}
.store-commentInput .comment-input {
  position: relative
}
.store-commentInput .comment-input .el-checkbox {
  position: absolute;
  right: 20px;
  bottom: 15px
}
.store-commentInput .comment-input textarea {
  padding: 20px 20px 40px;
  background-color: #f5f5f5;
  border: none;
  min-height: 170px !important
}
.store-commentInput .comment-input.unset textarea {
  min-height: 90px !important
}
.store-commentInput .comment-input .comment-length {
  position: absolute;
  right: 120px;
  bottom: 15px;
  line-height: 20px;
  font-size: 14px;
  color: #999
}
.store-commentInput .comment-input__button {
  position: absolute;
  right: 15px;
  bottom: 12px;
  padding: 8px 18px;
  color: #fff;
  background-color: #fe5a58;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  border: none
}
.store-commentInput .comment-input__button:hover {
  color: #fff;
  background-color: #ff7373
}
.store-commentInput .comment-input__button.isDisabled {
  opacity: .7;
  background-color: #fe5a58 !important
}
.store-commentInput .comment-input .input-box-bottom {
  position: absolute;
  left: 20px;
  bottom: 15px;
  height: 20px;
  width: 20px
}
.store-commentInput .comment-input .input-box-bottom .add-emoji {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}
.store-commentInput .comment-input .input-box-bottom .emoji-input {
  position: absolute;
  left: 40px;
  top: 0;
  font-family: Apple Color Emoji, Segoe UI;
  z-index: 99
}
.store-commentInput .comment-input .input-box-bottom .emoji-input #Categories .category.active {
  border-color: #f59884
}
.nav-bar-box {
  width: 48px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  justify-content: center;
  position: fixed;
  top: 30%;
  transform: translateX(-72px);
  padding: 0;
  z-index: 99
}
.nav-bar-box, .nav-bar-box__ele {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center
}
.nav-bar-box__ele {
  justify-content: space-between;
  color: #1f1f1f;
  cursor: pointer;
  width: 100%;
  min-height: 50px;
  padding: 6px 0
}
.nav-bar-box__ele:after {
  background: #e6e6e6
}
.nav-bar-box__ele .el-icon-more {
  transform: translateY(-3px)
}
.nav-bar-box__ele svg {
  margin-bottom: 6px
}
.nav-bar-box__ele.active, .nav-bar-box__ele:hover {
  color: #fe5a58
}
.nav-bar-box__ele.active > svg, .nav-bar-box__ele:hover > svg {
  fill: #fe5a58
}
.nav-bar-box__ele.promote {
  width: 100%
}
.nav-bar-box__ele.promote:before {
  -webkit-filter: brightness(0);
  filter: brightness(0);
  content: "";
  padding: 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(../image/202203021044_mLTfZCnJyD.svg)
}
.nav-bar-box__ele.promote:hover:before {
  -webkit-filter: unset;
  filter: unset
}
.nav-bar-box__ele.qrcode-hover {
  margin-bottom: 0
}
.nav-bar-box__ele.qrcode-hover svg {
  transform: translateY(2px)
}
.nav-bar-box__ele.qrcode-hover .qrcode-container {
  position: absolute;
  left: 60px;
  bottom: 0;
  border: 8px solid #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2)
}
.nav-bar-box__ele.qrcode-hover .qrcode-container div {
  display: flex
}
.nav-bar-box__ele .grayline {
  background: #e8e8e8;
  margin: 6px 0;
  width: 48px !important
}
.nav-bar-box__ele .scan {
  font-size: 12px
}
.nav-bar-box__ele:last-of-type {
  margin-bottom: 0
}
.nav-bar-box__ele:last-of-type:after {
  content: unset
}
.nav-bar-box__ele:last-of-type .grayline {
  display: none
}
.nav-bar-box__val {
  font-size: 12px
}
.common-info {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: 18px;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 32px 22px 8px 16px;
  border: 0 solid #ececec
}
.common-info ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}
.common-info .info-item:nth-child(4n) {
  margin-right: 0;
  margin-bottom: 24px
}
.common-info .info-item {
  width: calc((100% - 36px)/4);
  height: 52px;
  background-color: #fff;
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 700;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 12px
}
.common-info .info-item .svg-icon--black {
  margin-right: 10px
}
.common-info .info-item a {
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  padding: 0
}
.common-info .info-item a svg {
  margin-right: 0 !important;
  margin-bottom: 8px
}
.common-info .info-item:hover a {
  color: #fe5a58
}
.common-info .info-item:hover .svg-icon--black {
  fill: #fe5a58
}
.show-item {
  display: block;
  cursor: pointer
}
.show-item:hover .show-item__title {
  color: #fe5a58
}
.show-item__footer {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999
}
.show-item__footer-comment {
  display: flex;
  align-items: center
}
.show-item__footer-comment svg {
  margin-right: 6px
}
.show-item__content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: calc(100% - 108px)
}
.show-item__title {
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 44px;
  line-height: 24px
}
.show-item__wrap {
  padding: 12px 24px;
  box-sizing: border-box;
  display: flex
}
.show-item__wrap-img {
  height: 96px;
  width: 96px;
  border-radius: 3px;
  background-size: cover;
  background-position: 50%;
  margin-right: 12px
}
.show-item__wrap [lazy=error], .show-item__wrap [lazy=loading] {
  background-size: 80%;
  background-repeat: no-repeat
}
.side-list-wrap .store-item__content {
  height: 90px
}
.side-list-wrap .store-item__influence {
  transform: unset
}
.side-list-wrap__title {
  padding: 24px 0 0;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  height: 18px;
  line-height: 18px
}
.side-list-wrap__title:first-child {
  margin-top: 0
}
.side-list-wrap__ad {
  cursor: pointer;
  border-radius: 4px;
  margin-top: 24px;
  display: flex
}
.side-list-wrap__ad img {
  width: 100%;
  margin: auto
}
.side-list-wrap__ad img[lazy=error], .side-list-wrap__ad img[lazy=loading] {
  width: 40%
}
.show-card {
  position: relative;
  width: 163px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden
}
.show-card-item:hover .show-card__title {
  color: #fe5a58
}
.show-card.fluid {
  width: 100%
}
.show-card__img {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center
}
.show-card__img[lazy=error], .show-card__img[lazy=loading] {
  background-size: 30%
}
.show-card__img.bgMod {
  padding-top: 85.26%;
  border-radius: 6px;
  overflow: hidden
}
.show-card__img img {
  width: 100%;
  max-height: 100%
}
.show-card__img img[lazy=error], .show-card__img img[lazy=loading] {
  height: 250px;
  width: 30%
}
.show-card__img img[lazy=error]:after, .show-card__img img[lazy=error]:before, .show-card__img img[lazy=loading]:after, .show-card__img img[lazy=loading]:before {
  content: unset
}
.show-card__img img:before {
  content: "";
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  background-image: url(../image/pc55-4ac5af4.svg);
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
.show-card__img img:after {
  content: "";
  height: 150px;
  display: block
}
.show-card__img .recommend {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 12px;
  color: #fff;
  background: #fe5a58;
  border-radius: 5px;
  padding: 0 5px
}
.show-card__img .video-tag {
  position: absolute;
  width: 100%;
  height: 34px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4))
}
.show-card__img .video-tag svg {
  position: absolute;
  left: 8px;
  bottom: 8px
}
.show-card__hide-tag-tp {
  display: none
}
.show-card__count {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  background-color: rgba(0, 0, 0, .4);
  padding: 4px 4px 4px 20px;
  border-radius: 4px 0 0 0
}
.show-card__count:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -6px;
  display: block;
  height: 12px;
  width: 12px;
  background-image: url(../image/pc55-1d3bbf6.svg);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat
}
.show-card__title {
  margin-bottom: 16px;
  max-height: 2.857em;
  color: #353535;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}
.show-card.fluid .show-card__title.empty {
  margin-bottom: 0
}
.show-card__wrap {
  padding-top: 16px
}
.show-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #999;
  font-size: 12px;
  line-height: 1.333;
  padding: 0 0 10px
}
.show-card__avatar {
  flex: none;
  height: 24px;
  width: 24px;
  border-radius: 100%;
  background-size: cover;
  background-position: 50%
}
.show-card__author {
  margin: 0 4px;
  flex: auto;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default
}
.show-card__praise {
  flex: none;
  padding-left: 18px;
  line-height: 16px;
  background-position: 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  cursor: pointer
}
.show-card__praise svg {
  margin-right: 6px
}
.show-card__praise:hover {
  color: #fe5a58
}
.show-card__praise:hover .svg-icon--gray {
  fill: #fe5a58
}
.show-card__praise.orange {
  color: #fe5a58
}
.show-card__praise.orange .svg-icon--gray {
  fill: #fe5a58
}
.show-card__delete-wrap {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0 16px;
  box-sizing: border-box;
  z-index: 100
}
.show-card__delete-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  -webkit-filter: blur(16px);
  filter: blur(16px);
  background-color: rgba(60, 60, 60, .7)
}
.show-card__delete-wrap p {
  text-align: center;
  line-height: 24px
}
.show-card__cancel-collect-btn, .show-card__delete-wrap p {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  z-index: 1
}
.show-card__cancel-collect-btn {
  margin: 82px auto 0;
  padding: 0 16px;
  width: 56px;
  line-height: 32px;
  background-color: #fe5a58;
  border-radius: 16px;
  cursor: pointer
}
.show-card .icon-tag {
  margin-bottom: 12px
}
.show-card-list {
  display: flex;
  justify-content: space-between
}
.show-card-list__column {
  flex: 1
}
.show-card-list__column + .show-card-list__column {
  margin-left: 24px
}
.show-card-list .infinite-loading-container .infinite-status-prompt {
  font-size: 0 !important
}
.show-card-list .infinite-loading-container i:after, .show-card-list .infinite-loading-container i:before {
  content: unset
}
.show-card {
  margin-bottom: 24px
}
.store-commentList .el-dialog__header {
  border-bottom: 1px solid #f4f4f4;
  padding: 20px 25px
}
.store-commentList .el-dialog__header span {
  font-weight: 700
}
.store-commentList .el-dialog__header button i {
  font-weight: 700;
  color: #1f1f1f
}
.store-commentList .el-dialog__close:hover {
  color: #fe5a58
}
.store-commentList .el-dialog__footer {
  padding: 20px;
  display: flex;
  box-shadow: 0 0 15px -6px hsla(0, 0%, 59.2%, .5)
}
.store-commentList .el-dialog__footer .dialog-footer {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%
}
.store-commentList .el-dialog__footer .dialog-footer__avatar {
  height: 40px;
  width: 40px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: 0
}
.store-commentList .el-dialog__footer .dialog-footer textarea {
  padding: 5px 50px;
  border: none
}
.store-commentList .el-dialog__footer button {
  position: absolute;
  right: 0;
  color: #fff;
  background-color: #fe5a58;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  border: none;
  padding: 10px 20px
}
.store-commentList .el-dialog__footer button:hover {
  color: #fff;
  background-color: #fe5a58
}
.store-commentList .el-dialog__footer button.isDisabled {
  opacity: .7
}
.store-commentList .el-dialog__close {
  font-weight: 700;
  color: #1f1f1f
}
.store-commentList .grayline.fullWidth {
  width: calc(100% + 52px);
  margin-left: -26px
}
.store-commentList.all-comments .dialog-title {
  display: flex;
  justify-content: space-between
}
.store-commentList.all-comments .dialog-title__left {
  font-size: 16px
}
.store-commentList.all-comments .dialog-title .sequence {
  margin-right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer
}
.store-commentList.all-comments .dialog-title .sequence img {
  width: 20px;
  margin-left: 10px
}
.store-commentList.all-comments .el-dialog__body {
  padding: 10px 0 0
}
.store-commentList.all-comments .el-dialog__body .all-parent-list {
  height: 500px;
  overflow: auto;
  padding: 0 20px
}
.store-commentList .load-all {
  font-size: 14px;
  color: #999;
  text-align: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 20px
}
.store-commentList .load-all:hover {
  color: #fe5a58
}
.store-commentList .comment-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 75px;
  box-sizing: border-box;
  padding: 20px 0
}
.store-commentList .comment-item.short {
  min-height: 75px;
  padding: 0 20px
}
.store-commentList .comment-item.gray-color {
  background-color: #f5f5f5
}
.store-commentList .comment-item__profile {
  height: 40px;
  width: 40px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  margin-right: 10px
}
.store-commentList .comment-item__content {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #000;
  height: 100%;
  min-height: 75px;
  flex: 1;
  position: relative
}
.store-commentList .comment-item__content.short {
  min-height: 75px
}
.store-commentList .comment-item__content__name {
  color: #999;
  font-weight: 700
}
.store-commentList .comment-item__content__footer {
  display: flex;
  flex-wrap: nowrap;
  height: 20px;
  line-height: 20px;
  margin-top: 24px;
  position: relative
}
.store-commentList .comment-item__content__footer-menu {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 120px
}
.store-commentList .comment-item__content__footer-menu div:first-child {
  margin-right: 12px
}
.store-commentList .comment-item__content__date {
  color: #999;
  font-size: 12px
}
.store-commentList .comment-item__content__comment {
  color: #1f1f1f;
  font-weight: 400;
  margin-top: 10px
}
.store-commentList .comment-item__content__box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #999;
  height: 20px
}
.store-commentList .comment-item__content__box span {
  white-space: nowrap
}
.store-commentList .comment-item__content__box .svg-icon--gray {
  margin-right: 5px
}
.store-commentList .comment-item__content__box:hover {
  color: #fe5a58
}
.store-commentList .comment-item__content__box:hover .svg-icon--gray {
  fill: #fe5a58
}
.store-commentList .comment-item__content__box.active {
  color: #fe5a58;
  cursor: default
}
.store-commentList .comment-item__content__box.active .svg-icon--gray {
  fill: #fe5a58
}
.store-commentList .comment-item__content__box.right {
  max-width: 80px;
  min-width: 50px
}
.store-commentList .comment-item__content__img {
  width: 15px;
  margin-right: 10px
}
.store-commentList .comment-item__content .grayline {
  position: absolute;
  top: -20px
}
.store-commentList .comment-item__content .grayline.hide {
  visibility: hidden
}
.store-commentList .comment-item__content__reply {
  margin-top: 12px
}
.store-commentList .comment-item__content__reply .el-dialog__title {
  font-size: 16px;
  font-weight: 700
}
.store-commentList .comment-item__content__reply .el-dialog__body {
  padding: 10px 0 0
}
.store-commentList .comment-item__content__reply ul {
  padding-left: 10px;
  box-sizing: border-box;
  border-left: 4px solid #f7f7f7
}
.store-commentList .comment-item__content__reply .reply-item {
  font-size: 12px;
  padding-bottom: 12px;
  cursor: pointer
}
.store-commentList .comment-item__content__reply .reply-item__title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 6px
}
.store-commentList .comment-item__content__reply .reply-item__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-right: 6px
}
.store-commentList .comment-item__content__reply .reply-item__author {
  font-weight: 700;
  color: #999
}
.store-commentList .comment-item__content__reply .reply-item__author .gray-font {
  color: #999;
  font-weight: 400
}
.store-commentList .comment-item__content__reply .reply-item__author .reply-hover-text {
  color: #fe5a58;
  margin-left: 6px;
  display: none;
  transition: display .3s
}
.store-commentList .comment-item__content__reply .reply-item__content {
  width: auto !important;
  color: #353535;
  padding: 0 17px 0 32px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.store-commentList .comment-item__content__reply .reply-item__content .expend {
  color: #fe5a58;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0
}
.store-commentList .comment-item__content__reply .reply-item__content .reply_username {
  color: #999
}
.store-commentList .comment-item__content__reply .reply-item .node-reply {
  border: none;
  padding-left: 0
}
.store-commentList .comment-item__content__reply .reply-item .node-reply li {
  background-color: #f5f5f5;
  padding-top: 20px
}
.store-commentList .comment-item__content__reply .reply-item:hover .reply-hover-text {
  display: inline
}
.store-commentList .comment-item__content__reply .load-all-reply {
  font-size: 12px;
  color: #fe5a58;
  padding-left: 32px;
  cursor: pointer
}
.store-commentList .comment-item__content__node-reply-wrap {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  border-radius: 4px;
  position: relative;
  padding: 12px 12px 48px
}
.store-commentList .comment-item__content__node-reply-wrap .node-reply__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  align-self: flex-start;
  margin-top: 5px
}
.store-commentList .comment-item__content__node-reply-wrap .el-textarea {
  width: auto;
  flex: 1
}
.store-commentList .comment-item__content__node-reply-wrap .el-textarea__inner {
  background: transparent;
  border: none
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap {
  display: flex;
  position: absolute;
  right: 12px;
  bottom: 12px
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .comment-length {
  position: absolute;
  right: 90px;
  bottom: 4px;
  font-size: 14px;
  color: #979797;
  white-space: nowrap
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .emoji-input-wrap {
  margin-right: 12px;
  position: relative;
  align-self: flex-end
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .emoji-input-wrap .add-emoji {
  height: 20px;
  cursor: pointer
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .emoji-input-wrap .el-popover__reference {
  padding: 0;
  transition: none
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .emoji-input-wrap .emoji-input {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 100;
  background-color: #fff;
  font-family: Apple Color Emoji, Segoe UI
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .emoji-input-wrap .emoji-input #Categories .category.active {
  border-color: #f59884
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .el-button {
  padding: 6px;
  align-self: flex-end
}
.store-commentList .comment-item__content__node-reply-wrap .reply-right-bottom-wrap .el-button span {
  color: #fff !important
}
.store-commentList .comment-item__single-reply .el-dialog__body {
  height: 500px;
  background-color: #f5f5f5;
  padding: 0;
  border-radius: 5px
}
.store-commentList .comment-item__single-container {
  display: flex;
  flex-direction: row;
  padding: 30px 20px;
  background-color: #fff
}
.store-commentList .comment-item__single-container .single-middle {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-left: 10px
}
.store-commentList .comment-item__single-container .single-right .right {
  right: 22px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.store-commentList .comment-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  font-size: 14px;
  color: #1f1f1f
}
.store-commentList .comment-info img {
  width: 20px;
  margin-left: 10px
}
.store-commentList .comment-info .sequence {
  display: flex;
  align-items: center;
  cursor: pointer
}
.store-commentList .author-tag {
  color: #fe5a58;
  background-color: #fff1e6;
  border-radius: 2px;
  padding: 0 4px;
  font-size: 10px;
  margin-left: 4px
}
.node-reply-parents .el-dialog__body {
  padding: 24px 0 0
}
.node-reply-parents .el-dialog__body .origin-comment {
  background-color: #fff;
  margin-bottom: 24px
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  border-radius: 4px;
  position: relative;
  padding: 12px 12px 48px
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .node-reply__avatar {
  width: 24px;
  min-height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  align-self: flex-start;
  margin-top: 5px
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .el-textarea {
  width: auto;
  flex: 1
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .el-textarea__inner {
  background: transparent;
  border: none
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap {
  display: flex;
  position: absolute;
  right: 12px;
  bottom: 12px
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .comment-length {
  position: absolute;
  right: 90px;
  bottom: 4px;
  font-size: 14px;
  color: #979797;
  white-space: nowrap
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .emoji-input-wrap {
  margin-right: 12px;
  position: relative;
  align-self: flex-end
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .emoji-input-wrap .add-emoji {
  height: 20px;
  cursor: pointer
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .emoji-input-wrap .el-popover__reference {
  padding: 0;
  transition: none
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .emoji-input-wrap .emoji-input {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 100;
  background-color: #fff;
  font-family: Apple Color Emoji, Segoe UI
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .emoji-input-wrap .emoji-input #Categories .category.active {
  border-color: #f59884
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .el-button {
  padding: 6px
}
.node-reply-parents .el-dialog__body .origin-comment .node-reply-parents__origin-comment-input-wrap .reply-right-bottom-wrap .el-button span {
  color: #fff !important
}
.node-reply-parents .el-dialog__body .node-reply {
  background-color: #f8f8f8;
  max-height: 400px;
  overflow-y: auto
}
.node-reply-parents .el-dialog__body .node-reply .comment-item {
  margin: 0 20px;
  padding: 16px 0;
  border-bottom: 1px solid #eaeaea
}
.node-reply-parents .el-dialog__body .node-reply .comment-item:last-child {
  border: none
}
.node-reply-parents .el-dialog__body .node-reply .comment-item__content__comment span {
  color: #999
}
.node-reply-parents .el-dialog__body .node-reply .comment-item__content__node-reply-wrap {
  background-color: #fff;
  margin: 12px 0
}
.node-reply-parents .el-dialog__body .node-reply .comment-item__content__node-reply-wrap .emoji-input {
  top: auto;
  bottom: 30px;
  right: 0;
  left: auto
}
.node-reply-parents .el-dialog__body .node-reply .comment-item__content__node-reply-wrap .comment-length {
  position: absolute;
  right: 90px;
  bottom: 4px;
  font-size: 14px;
  color: #979797;
  white-space: nowrap
}
.emoji-popper {
  background: transparent;
  margin: 0;
  padding: 0
}
.emoji-btn, .emoji-btn-1 {
  border: none;
  background: transparent;
  cursor: pointer
}
.side-swiper {
  overflow: hidden;
  border-radius: 6px
}
.side-swiper .swiper-container {
  padding: 12px 0;
  background-color: #fff;
  border-radius: 4px
}
.side-swiper--empty .side-swiper__title {
  padding: 16px
}
.side-swiper__title {
  padding: 24px 0 18px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  height: 18px;
  line-height: 18px
}
.side-swiper__more {
  float: right;
  color: #999;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5
}
.side-swiper__navigation {
  float: right;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  height: 18px;
  line-height: 18px
}
.side-swiper__next, .side-swiper__prev {
  float: left;
  cursor: pointer
}
.side-swiper__next:hover svg, .side-swiper__prev:hover svg {
  fill: #1f1f1f
}
.side-swiper__pagination {
  float: left;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 24px
}
.lucky-bag {
  background-color: unset !important
}
.dialog-layout {
  background-color: transparent !important
}