.page {
  background-color: #fff
}
.error {
  text-align: center;
  background: #fff;
  padding: 6vh 0;
  box-sizing: border-box;
  background: #f8f8f8
}
.error__main {
  width: 1000px;
  height: 388px;
  margin: 0 auto;
  display: flex
}
.error__main__left {
  width: 389px;
  text-align: left
}
.error__main__left p {
  display: block
}
.error__main__left__title {
  font-size: 36px;
  line-height: 56px;
  color: #1f1f1f;
  margin: 40px 0 24px;
  font-weight: 600
}
.error__main__left__subtitle {
  font-size: 18px;
  line-height: 26px;
  color: #999
}
.error__main__left .back-btn {
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fe5a58;
  color: #fff;
  margin-top: 40px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer
}
.error__main__right {
  width: 611px;
  height: 380px;
  background: url(../image/pc55-b8c837f.svg) 50%/contain no-repeat
}
.recom {
  display: flex;
  justify-content: center
}
.recom-center {
  width: 1200px
}
.recom__title {
  font-size: 24px;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9
}
.recom__stores {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.recom__stores .hsc {
  margin-top: 28px;
  margin-right: 20px;
  width: calc((100% - 100px)/6)
}
.recom__stores .hsc:nth-child(6n) {
  margin-right: 0
}
.recom__stores .hsc:last-child {
  margin-bottom: 0
}
.recom__posts {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.recom__posts .show-card {
  margin-top: 28px;
  margin-right: 24px;
  width: calc((100% - 96px)/5)
}
.recom__posts .show-card:nth-child(5n) {
  margin-right: 0
}
.recom__det {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}
.recom__det--link {
  font-size: 14px;
  color: #1f1f1f
}
.recom__deals {
  margin-top: 24px
}
.page-strategy-index {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 0 100px
}
.page-strategy-index .sl-wrap {
  margin-left: 12px
}
.page-strategy-index .sl-wrap__name {
  color: #999
}
.page-strategy-index .head-nav {
  position: relative;
  top: unset;
  margin-bottom: 20px
}
.page-strategy-index .strategy-container__left {
  width: 845px;
  position: relative
}
.page-strategy-index .strategy-container__left .strategy-banner {
  width: 100%;
  height: 231px;
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden
}
.page-strategy-index .strategy-container__left .strategy-banner .banner-wrap {
  width: 100%
}
.page-strategy-index .strategy-container__left .strategy-banner .banner-wrap a {
  height: 100%
}
.page-strategy-index .strategy-container__left .strategy-banner .banner-wrap a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap {
  width: 100%;
  background-color: #fff;
  margin-bottom: 24px;
  padding: 24px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 4px
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap i {
  outline: none !important
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .btn-next, .page-strategy-index .strategy-container__left .strategy-floor-wrap .btn-prev {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 42%;
  font-size: 25px;
  color: #999;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  outline: none
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .btn-prev {
  left: 0
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .btn-next {
  right: 0;
  transform: rotateY(180deg)
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card {
  width: calc((100% - 48px)/4);
  margin-bottom: 0;
  padding-bottom: 0
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card:after {
  content: unset
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card__wrap {
  width: 100%
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card__footer {
  position: relative;
  left: unset;
  width: 100%;
  margin-top: 16px
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card a {
  flex-direction: column
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card .post-card__img {
  height: 143px;
  overflow: hidden;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card .post-card__img img {
  min-width: 100%;
  min-height: 100%
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card .post-card__img img, .page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card .post-card__img img {
  width: 50%
}
.page-strategy-index .strategy-container__left .strategy-floor-wrap .post-card .post-card__author {
  flex: 1
}
.page-strategy-index .strategy-container__left .strategy-filter {
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px
}
.page-strategy-index .strategy-container__left .strategy-filter .strategy-filter-wrap {
  padding: 0 24px 0 14px
}
.page-strategy-index .strategy-container__left .strategy-filter .strategy-filter__title {
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  font-weight: 600;
  padding: 0 20px 0 25px;
  position: relative
}
.page-strategy-index .strategy-container__left .strategy-filter .strategy-filter__title .sort-wrap {
  position: absolute;
  right: 30px;
  top: 22px;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
  color: #979797;
  z-index: 2
}
.page-strategy-index .strategy-container__left .strategy-filter .strategy-filter__title .sort-wrap .el-dropdown-link {
  color: #1f1f1f;
  font-size: 12px;
  cursor: pointer;
  display: inline-block
}
.page-strategy-index .strategy-container__left .strategy-filter .strategy-filter__title .sort-wrap .el-dropdown-link:focus {
  outline: none
}
.page-strategy-index .strategy-container__left .strategy-filter.collapse {
  height: 50px
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item {
  color: #1f1f1f;
  cursor: pointer;
  margin-left: 24px
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item:hover {
  font-weight: 600
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item.no-box .el-checkbox__input {
  display: none
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item.no-box .el-checkbox__label {
  padding-left: 0
}
.page-strategy-index .strategy-container__left .strategy-filter .country-list.fold {
  height: 50px;
  overflow: hidden
}
.page-strategy-index .strategy-container__left .strategy-filter .country-list__more {
  display: none;
  font-size: 14px;
  color: #1f1f1f;
  cursor: pointer;
  position: absolute;
  right: 6px
}
.page-strategy-index .strategy-container__left .strategy-filter .country-list__more i {
  color: #999;
  font-weight: 600
}
.page-strategy-index .strategy-container__left .strategy-filter .country-list__more:hover, .page-strategy-index .strategy-container__left .strategy-filter .country-list__more:hover i {
  color: #fe5a58
}
.page-strategy-index .strategy-container__left .strategy-filter .letter-list .filter-item:first-child {
  margin-left: 24px
}
.page-strategy-index .strategy-container__left .strategy-filter .letter-list .filter-item {
  margin-left: 16px
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group {
  line-height: unset;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group.padding {
  padding-right: 140px
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group .el-radio {
  margin: 0 0 0 24px;
  line-height: 50px
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group .el-radio.is-checked .el-radio__label {
  font-weight: 600;
  color: #fe5a58
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group .el-radio__input {
  display: none
}
.page-strategy-index .strategy-container__left .strategy-filter .el-radio-group .el-radio__label {
  padding-left: 0;
  font-weight: 400
}
.page-strategy-index .strategy-container__left .strategy-filter .el-checkbox {
  margin-right: 0
}
.page-strategy-index .strategy-container__left .strategy-filter .el-checkbox.is-checked .el-checkbox__inner {
  border-color: #fe5a58;
  background-color: #fe5a58
}
.page-strategy-index .strategy-container__left .strategy-filter .el-checkbox.is-checked .el-checkbox__label {
  color: #1f1f1f
}
.page-strategy-index .strategy-container__left .strategy-filter .el-checkbox__inner:hover, .page-strategy-index .strategy-container__left .strategy-filter .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #fe5a58
}
.page-strategy-index .strategy-container__left .strategy-filter .el-checkbox__label {
  font-weight: 400
}
.page-strategy-index .strategy-container__left .strategy-filter li:last-child {
  margin-bottom: 0
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item-wrap, .page-strategy-index .strategy-container__left .strategy-filter li {
  font-size: 14px;
  color: #999;
  line-height: 50px;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item-wrap .el-checkbox-group, .page-strategy-index .strategy-container__left .strategy-filter li .el-checkbox-group {
  padding-right: 140px
}
.page-strategy-index .strategy-container__left .strategy-filter .filter-item-wrap .el-checkbox-group.no-padding, .page-strategy-index .strategy-container__left .strategy-filter li .el-checkbox-group.no-padding {
  padding-right: 0
}
.page-strategy-index .strategy-container__left .strategy-filter li {
  flex-direction: row;
  flex-wrap: unset;
  position: relative;
  padding-left: 12px
}
.page-strategy-index .strategy-container__left .strategy-filter li .filter-item-name {
  white-space: nowrap
}
.page-strategy-index .strategy-container__left .strategy-filter li .grayline {
  position: absolute;
  bottom: 0
}
.page-strategy-index .strategy-container__left .collapse-btn {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center
}
.page-strategy-index .strategy-container__left .collapse-btn .btn-content {
  font-size: 14px;
  line-height: 24px;
  color: #979797;
  cursor: pointer
}
.page-strategy-index .strategy-container__left .strategy-list {
  margin-top: 24px;
  background-color: #fff;
  border-radius: 4px
}
.page-strategy-index .strategy-container__left .strategy-list-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 26px
}
.page-strategy-index .strategy-container__left .strategy-list .strategy-list-pagination {
  padding: 8px 0
}
.page-strategy-index .strategy-container__left .no-res {
  width: 173px;
  display: flex;
  flex-wrap: wrap;
  margin: 80px auto 0;
  padding: 20px 0
}
.page-strategy-index .strategy-container__left .no-res .empty {
  width: 100%;
  height: 148px;
  background-image: url(../image/pc55-3b2fb55.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  margin-bottom: 10px
}
.page-strategy-index .strategy-container__left .no-res .no-info {
  width: 100%;
  font-size: 14px;
  color: #999;
  text-align: center
}
.page-strategy-index .strategy-container__right {
  width: 331px
}
.page-strategy-index .strategy-container__right .side-list-wrap__title {
  padding: 19px 0 0
}
.page-strategy-index .strategy-container__right .common-info {
  padding: 32px 22px 8px
}
.page-strategy-index .strategy-container__right .common-info .info-item {
  font-size: 12px
}
.page-strategy-index .strategy-container__right .side-list-wrap__show-swiper, .page-strategy-index .strategy-container__right .side-list-wrap__store-swiper {
  display: none
}
.page-strategy-index .grayline div {
  background-color: #eee
}
.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, .post-card__img img {
  width: 50%;
  -o-object-fit: fill;
  object-fit: fill
}
.post-card__img img:after, .post-card__img img:before, .post-card__img img:after, .post-card__img img: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: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, .post-item__wrap .image-list-wrap ul li img {
  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
}
.lucky-bag {
  background-color: unset !important
}
.intel-layout-main__part {
  background-color: #fff
}
.intel-layout-main__left {
  width: 264px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: #1f1f1f;
  padding: 24px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 69px
}
.intel-layout-main__left a {
  margin-bottom: 24px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.intel-layout-main__left a.clicked, .intel-layout-main__left a.selected, .intel-layout-main__left a:hover {
  color: #fe5a58
}
.intel-layout-main__left a em {
  margin: 0 12px 0 auto;
  background-color: #fe5a58;
  color: #fff;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 25px
}
.intel-layout-main__left a:last-of-type {
  margin-bottom: 0
}
.intel-layout-main__right {
  width: 900px
}
.intel-tips {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-100% - 8px));
  padding: 0;
  border: none;
  color: #27a1ff !important
}
.intel-tips__content {
  line-height: 20px
}
.intel-reddem {
  display: flex
}
.intel-reddem__symbol {
  white-space: nowrap;
  margin-left: 8px;
  line-height: 48px
}
.intel-reddem .el-input {
  display: flex;
  white-space: nowrap
}
.intel-reddem .el-input input {
  width: 60px;
  padding: 0 10px;
  margin: 0 8px
}
.intel-reddem .el-input:after {
  content: "免境内运费";
  line-height: 48px
}
.intel .el-date-editor {
  width: 100%
}
.intel .pub-upload {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.intel .pub-upload.hasImg .el-upload {
  background-color: unset
}
.intel .pub-upload.hasImg .el-upload i {
  display: none
}
.intel .pub-upload .el-upload {
  height: 325px;
  width: 325px
}
.intel-code {
  padding: 10px;
  box-shadow: inset 0 0 0 1px #ececec;
  border-radius: 4px;
  height: 85px;
  width: 185px;
  box-sizing: border-box;
  margin-right: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1;
  position: relative
}
.intel-code i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  cursor: pointer
}
.intel-code i:hover {
  color: #fe5a58
}
.intel-code h4 {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f
}
.intel-code span {
  font-size: 12px;
  color: #999
}
.intel-code em {
  color: #fff;
  background-color: #fe5a58;
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 6px
}
.intel-code em:before {
  content: "55专享"
}
.intel-code .orange {
  color: #fe5a58
}
.intel-coupon .el-form-item__content {
  display: flex;
  flex-wrap: wrap
}
.intel-coupon .add-coupon {
  height: 85px;
  width: 185px
}
.intel-coupon .add-coupon i, .intel-coupon .add-coupon span {
  color: #999
}
.intel-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  padding-bottom: 24px
}
.intel-form .el-select .el-input__inner {
  font-weight: 400
}
.intel-form .el-form-item__label {
  font-size: 14px;
  font-weight: 400;
  color: #3c3c3c
}
.intel-form__fetch {
  margin-bottom: 28px
}
.intel-form .el-date-editor .el-input__inner {
  padding-left: 28px
}
.intel-form .el-date-editor .el-input__prefix i {
  line-height: 48px
}
.intel-form .line {
  text-align: center
}
.intel-form .el-form-item__label {
  padding: 0
}
.pc-login-layout {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  height: 482px;
  background-color: #fff;
  overflow: hidden
}
.pc-login-layout .container {
  display: flex;
  position: relative
}
.pc-login-layout .container .right-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 482px;
  background-color: #f5f5f5
}
.pc-login-layout .container .right-wrap .store-logo {
  height: 100px;
  width: 100px;
  background-color: #fff;
  margin: 24px 0 12px;
  display: flex;
  align-items: center;
  justify-content: center
}
.pc-login-layout .container .right-wrap .store-logo img {
  width: 100%
}
.pc-login-layout .container .right-wrap .orange {
  color: #fe5a58;
  padding-bottom: 12px;
  cursor: default
}
.pc-login-layout .container .right-wrap .steps {
  padding: 24px 24px 80px
}
.pc-login-layout .container .right-wrap .gray {
  position: absolute;
  bottom: 60px;
  color: #999;
  font-size: 12px;
  padding-top: 12px;
  cursor: pointer
}
.login-layout {
  padding-top: 138px
}
.login-layout__logo {
  position: absolute;
  top: 40px;
  left: 56px
}
.login-layout .login-wrap {
  margin-bottom: 112px
}
.page-search-index {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 0 24px
}
.page-search-index__wrap {
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 16px
}
.page-search-index__wrap .ulpm:last-child:after {
  content: unset
}
.page-search-index__wrap .ulpm {
  margin: 0;
  padding: 16px 0
}
.page-search-index__wrap .ulpm-btn {
  margin-right: 240px
}
.page-search-index__wrap .ulpm-desc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 400px)
}
.page-search-index .deal-card .grayline {
  margin: 16px 0
}
.page-search-index .deal-card .grayline div {
  margin: 0
}
.page-search-index .deal-card__content {
  min-height: 180px;
  box-sizing: border-box;
  justify-content: flex-start
}
.page-search-index .side-list-wrap {
  position: -webkit-sticky;
  position: sticky
}
.page-search-index .ques-card {
  border: none;
  margin-bottom: 16px
}
.page-search-index__tabs {
  margin-bottom: 20px
}
.page-search-index__tabs span {
  font-size: 14px;
  padding: 6px 26px;
  margin-right: 24px;
  border-radius: 25px;
  color: #999;
  background: #e7e7e7;
  cursor: pointer
}
.page-search-index__tabs .active {
  color: #fff;
  background: linear-gradient(130deg, #ff775c, #ff5063)
}
.page-search-index .show-card__wrap {
  padding: 16px 12px 0
}
.page-search-index .show-card__footer {
  padding: 0 12px 10px
}
.page-search-index .el-icon-warning {
  color: #ff8900;
  margin-bottom: 12px
}
.page-search-index .el-icon-warning.hint:after {
  content: "爆料内容由商家提供，请广大用户仔细甄别，如发现信息有误及时向55客服反馈！感谢您的支持！";
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px
}
.page-search-index .load-more-btn {
  width: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #fe5a58;
  padding: 21px 0
}
.page-search-index .load-more-btn.show {
  padding: 0;
  margin-bottom: 64px
}
.page-search-index .load-more-btn i {
  font-size: 14px;
  font-weight: 700
}
.page-search-index .load-more-btn:hover {
  color: #ff7373
}
.page-search-index .search-res__title {
  font-size: 20px;
  line-height: 32px;
  color: #1f1f1f;
  display: flex;
  align-items: center;
  padding: 0 0 12px;
  font-weight: 600;
  box-sizing: border-box
}
.page-search-index .search-res__title:before {
  content: "";
  color: #1f1f1f;
  font-size: 20px;
  font-weight: 700
}
.page-search-index .search-res__title.stores:before {
  content: "商家"
}
.page-search-index .search-res__title.deals:before {
  content: "优惠"
}
.page-search-index .search-res__title.wiki:before {
  content: "热品"
}
.page-search-index .search-res__title.show:before {
  content: "社区"
}
.page-search-index .search-res__title.intel:before {
  content: "爆料"
}
.page-search-index .search-res__title .el-switch {
  margin-left: auto
}
.page-search-index .search-res__title .divider {
  font-size: 14px;
  color: #999;
  font-weight: 400
}
.page-search-index .search-res__title .divider:before {
  content: "";
  background-color: #999;
  padding: 6px .5px;
  margin: 0 18px;
  display: inline-block
}
.page-search-index .search-res__title .divider em {
  color: #fe5a58;
  margin: 0 5px
}
.page-search-index .search-container__left {
  width: 845px
}
.page-search-index .search-container__left.empty {
  background-color: #fff;
  background-image: url(../image/pc55-3b2fb55.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  height: 450px;
  background-size: 173px;
  position: relative
}
.page-search-index .search-container__left.empty:after {
  content: "暂无搜索结果";
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #999
}
.page-search-index .search-container__left .search-res__store {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 64px
}
.page-search-index .search-container__left .search-res__store .load-more-stores-wrap {
  padding: 0 22px
}
.page-search-index .search-container__left .search-res__filter {
  width: 100%;
  min-height: 54px;
  box-sizing: border-box;
  padding: 0 25px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  position: relative
}
.page-search-index .search-container__left .search-res__filter .sort-wrap {
  position: absolute;
  right: 30px;
  top: 22px;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
  color: #979797;
  z-index: 2
}
.page-search-index .search-container__left .search-res__filter .sort-wrap .el-dropdown-link {
  color: #1f1f1f;
  font-size: 12px;
  cursor: pointer;
  display: inline-block
}
.page-search-index .search-container__left .search-res__filter .sort-wrap .el-dropdown-link:focus {
  outline: none
}
.page-search-index .search-container__left .search-res__filter .el-tabs__header, .page-search-index .search-container__left .search-res__filter .el-tabs__nav {
  margin: 0
}
.page-search-index .search-container__left .search-res__filter .el-tabs__nav-wrap {
  border-bottom: 1px solid #eee
}
.page-search-index .search-container__left .search-res__filter .el-tabs__item {
  min-width: 62px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  box-sizing: content-box
}
.page-search-index .search-container__left .search-res__filter .el-tabs__item.is-active {
  font-size: 18px
}
.page-search-index .search-container__left .search-res__filter .el-tabs__active-bar {
  height: 6px;
  width: 62px !important
}
.page-search-index .search-container__left .search-res__filter .search-filter {
  overflow: hidden
}
.page-search-index .search-container__left .search-res__filter .search-filter.collapse {
  height: 50px
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item {
  color: #1f1f1f;
  cursor: pointer;
  margin-left: 24px
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item:hover {
  font-weight: 600
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item.no-box .el-checkbox__input {
  display: none
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item.no-box .el-checkbox__label {
  padding-left: 0
}
.page-search-index .search-container__left .search-res__filter .search-filter .country-list.fold {
  height: 50px;
  overflow: hidden
}
.page-search-index .search-container__left .search-res__filter .search-filter .country-list__more {
  display: none;
  font-size: 14px;
  color: #1f1f1f;
  cursor: pointer;
  position: absolute;
  right: 6px
}
.page-search-index .search-container__left .search-res__filter .search-filter .country-list__more i {
  color: #999;
  font-weight: 600
}
.page-search-index .search-container__left .search-res__filter .search-filter .country-list__more:hover, .page-search-index .search-container__left .search-res__filter .search-filter .country-list__more:hover i {
  color: #fe5a58
}
.page-search-index .search-container__left .search-res__filter .search-filter .letter-list .filter-item:first-child {
  margin-left: 24px
}
.page-search-index .search-container__left .search-res__filter .search-filter .letter-list .filter-item {
  margin-left: 16px
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group {
  line-height: unset;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group.padding {
  padding-right: 140px
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group .el-radio {
  margin: 0 0 0 24px;
  line-height: 50px
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group .el-radio.is-checked .el-radio__label {
  font-weight: 600;
  color: #fe5a58
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group .el-radio__input {
  display: none
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-radio-group .el-radio__label {
  padding-left: 0;
  font-weight: 400
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox {
  margin-right: 0
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox.is-checked .el-checkbox__inner {
  border-color: #fe5a58;
  background-color: #fe5a58
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox.is-checked .el-checkbox__label {
  color: #1f1f1f
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox__inner:hover, .page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #fe5a58
}
.page-search-index .search-container__left .search-res__filter .search-filter .el-checkbox__label {
  font-weight: 400
}
.page-search-index .search-container__left .search-res__filter .search-filter li:last-child {
  margin-bottom: 0
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item-wrap, .page-search-index .search-container__left .search-res__filter .search-filter li {
  font-size: 14px;
  color: #999;
  line-height: 50px;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item-wrap .el-checkbox-group, .page-search-index .search-container__left .search-res__filter .search-filter li .el-checkbox-group {
  padding-right: 140px
}
.page-search-index .search-container__left .search-res__filter .search-filter .filter-item-wrap .el-checkbox-group.no-padding, .page-search-index .search-container__left .search-res__filter .search-filter li .el-checkbox-group.no-padding {
  padding-right: 0
}
.page-search-index .search-container__left .search-res__filter .search-filter li {
  flex-direction: row;
  flex-wrap: unset;
  position: relative;
  padding-left: 12px
}
.page-search-index .search-container__left .search-res__filter .search-filter li .filter-item-name {
  white-space: nowrap
}
.page-search-index .search-container__left .search-res__filter .search-filter li .grayline {
  position: absolute;
  bottom: 0
}
.page-search-index .search-container__left .search-res__filter .collapse-btn {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center
}
.page-search-index .search-container__left .search-res__filter .collapse-btn .btn-content {
  font-size: 14px;
  line-height: 24px;
  color: #979797;
  cursor: pointer
}
.page-search-index .search-container__left .res-list-wrap {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  padding: 24px 20px 0;
  box-sizing: border-box;
  margin-bottom: 64px
}
.page-search-index .search-container__left .res-list-wrap.flex {
  display: flex;
  flex-wrap: wrap
}
.page-search-index .search-container__left .res-list-wrap.flex .gdcard {
  width: calc((100% - 42px)/4);
  margin: 0 14px 14px 0
}
.page-search-index .search-container__left .res-list-wrap.flex .gdcard:nth-child(4n) {
  margin: 0
}
.page-search-index .search-container__left .res-list-wrap div:last-of-type .grayline {
  margin-bottom: 0
}
.page-search-index .search-container__left .res-list-wrap .no-res {
  width: 173px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 20px 0 40px
}
.page-search-index .search-container__left .res-list-wrap .no-res .empty {
  width: 100%;
  height: 148px;
  background-image: url(../image/pc55-3b2fb55.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  margin-bottom: 10px
}
.page-search-index .search-container__left .res-list-wrap .no-res .no-info {
  width: 100%;
  font-size: 14px;
  color: #999;
  text-align: center
}
.page-search-index .search-container__left .res-list-wrap .res-list__show .ques-card {
  border: none;
  border-bottom: 1px solid #efefef;
  padding: 24px 10px 24px 12px
}
.page-search-index .search-container__left .res-list-wrap .res-list__show div .ques-card:last-child {
  border-bottom: none
}
.page-search-index .search-container__left .res-list-box {
  width: 100%
}
.page-search-index .search-container__left .res-list-box .res-list-title {
  font-size: 12px;
  line-height: 17px;
  color: #979797;
  margin-bottom: 8px
}
.page-search-index .search-container__left .res-list-box .res-list-title h1 {
  font-size: 12px;
  line-height: 17px;
  color: #fe5a58;
  display: inline
}
.page-search-index .search-container__left .res-list-box .res-list-title span {
  color: #fe5a58
}
.page-search-index .search-container__left .res-list-box .intelligence-tips {
  position: relative;
  font-size: 12px;
  line-height: 17px;
  color: #fe5a58;
  font-weight: 400;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  padding-left: 6px
}
.page-search-index .search-container__left .res-list-box .intelligence-tips svg {
  margin-right: 6px
}
.page-search-index .search-container__left .res-list-box .intelligence-tips .res-list-title {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%)
}
.page-search-index .search-container__right {
  width: 331px
}
.page-search-index .search-container__right .related-store-wrap {
  width: 100%;
  height: 467px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  padding: 0 26px;
  box-sizing: border-box;
  margin: 24px 0 0
}
.page-search-index .search-container__right .related-store-wrap .related-store-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding: 20px 0
}
.page-search-index .search-container__right .related-store-wrap .related-store-list {
  display: flex;
  flex-wrap: wrap
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item {
  width: 133px;
  height: 115px;
  border: 1px solid #ececec;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 9px 12px 0;
  padding: 13px 8px
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item a {
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item a .img-box {
  width: 104px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item a .img-box img {
  max-width: 88%
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item a p {
  font-size: 16px;
  line-height: 25px;
  color: #fe5a58;
  text-align: center;
  font-weight: 500;
  margin-top: 8px
}
.page-search-index .search-container__right .related-store-wrap .related-store-list .related-store-item:nth-child(2n) {
  margin-right: 0
}
.page-search-index .search-container__right .side-list-wrap__title {
  padding-top: 6px
}
.page-search-index .search-container__right .common-info {
  padding: 32px 22px 8px 16px;
  border: none
}
.page-search-index .search-container__right .common-info .info-item {
  font-size: 12px
}
.page-search-index .grayline div {
  background-color: #eee
}
.component-search-store-item {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px 0
}
.component-search-store-item .store-item__image {
  display: flex;
  width: 160px;
  height: 120px;
  border-radius: 4px;
  margin-right: 20px
}
.component-search-store-item .store-item__image a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.component-search-store-item .store-item__image img {
  max-width: 80%
}
.component-search-store-item .store-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 120px
}
.component-search-store-item .store-item__info-rebate {
  font-size: 16px;
  font-weight: 500;
  color: #fe5a58;
  margin: 6px 0
}
.component-search-store-item .store-item__info .name-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 6px
}
.component-search-store-item .store-item__info .name-wrap .flag {
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-left: 6px;
  box-sizing: border-box;
  border-radius: 50%
}
.component-search-store-item .store-item__info .name-wrap a {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.component-search-store-item .store-item__info .name-wrap a:hover {
  color: #fe5a58
}
.component-search-store-item .store-item__info .info-wrap {
  font-size: 14px;
  color: #999;
  margin: 2px 0 4px
}
.component-search-store-item .store-item__info .tags-wrap {
  margin-top: 4px
}
.component-search-store-item .store-item__info .tags-wrap span {
  font-size: 12px;
  color: #999;
  background-color: #f8f8f8;
  margin-right: 8px;
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  display: inline-block
}
.component-search-store-item .store-item__right {
  position: absolute;
  right: 0;
  bottom: 24px
}
.component-search-store-item .store-item__right .rebate-view {
  width: 130px;
  font-size: 18px;
  font-weight: 600;
  color: #fe5a58;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px
}
.component-search-store-item .store-item__right .buy-btn {
  width: 122px;
  height: 32px;
  line-height: 30px;
  border-radius: 25px;
  background-color: #fe5a58;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}
.component-search-store-item .store-item__right .buy-btn:hover {
  background-color: #ff7373
}
.component-search-store-item .store-item__right .buy-btn a {
  font-size: 14px;
  color: #fff;
  text-align: center
}
.deal-card {
  display: block;
  position: relative
}
.deal-card.expired .deal-card__title span:last-child {
  color: #999;
  text-decoration: line-through
}
.deal-card.expired .deal-card__intro {
  color: #999
}
.deal-card.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%
}
.deal-card__dropdown.el-dropdown {
  margin: 0 12px;
  color: #fe5a58;
  border: 1px solid #fe5a58;
  padding: 0 6px;
  border-radius: 4px
}
.deal-card__dropdown i {
  color: #fe5a58
}
.deal-card__dropdown i:before {
  content: "\e790" !important
}
.deal-card__dropdown-menu {
  padding: 0
}
.deal-card__dropdown-menu .el-dropdown-menu__item {
  padding: 8px 20px
}
.deal-card__dropdown-menu .el-dropdown-menu__item:hover {
  background-color: #fef1ef !important
}
.deal-card__dropdown-menu .dropdown-wrap {
  display: flex;
  flex-direction: column;
  line-height: 24px
}
.deal-card__dropdown-menu .dropdown-wrap__code {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 600
}
.deal-card__dropdown-menu .dropdown-wrap__exclusive {
  font-size: 12px;
  color: #27a1ff;
  background-color: #e5f2ff;
  padding: 1px 3px;
  border-radius: 3px;
  margin-left: 6px
}
.deal-card__dropdown-menu .dropdown-wrap__desc {
  font-size: 12px;
  color: #999
}
.deal-card__dropdown-menu .dropdown-wrap__time {
  display: flex;
  justify-content: space-between
}
.deal-card__dropdown-menu .dropdown-wrap__hint {
  font-size: 10px;
  color: #999;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 2px 3px
}
.deal-card__wrap {
  padding: 0;
  overflow: hidden;
  position: relative
}
.deal-card__wrap-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(90deg, #ff8266, #ff4e7b);
  padding: 2px 6px;
  border-bottom-right-radius: 10px
}
.deal-card__tags {
  height: 24px;
  margin: 8px 0
}
.deal-card__tags span {
  font-size: 12px;
  color: #999;
  background-color: #f5f5f5;
  margin-right: 8px;
  padding: 3px 6px;
  border-radius: 4px
}
.deal-card__intro {
  font-size: 14px;
  color: #1f1f1f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 46px;
  max-height: 46px;
  overflow: hidden;
  line-height: 24px
}
.deal-card__coupon {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 24px;
  line-height: 24px;
  margin-top: 12px
}
.deal-card__coupon .el-select {
  margin: 0 12px 0 8px;
  width: 119px
}
.deal-card__coupon .el-input__icon {
  color: #fe5a58 !important;
  background: unset !important;
  line-height: unset
}
.deal-card__coupon .el-input__icon:before {
  content: "\e790" !important
}
.deal-card__coupon .el-input__inner {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  color: #fe5a58 !important;
  border-color: #fe5a58 !important;
  border-radius: 4px
}
.deal-card__coupon .el-input__inner::-moz-placeholder {
  color: #fe5a58
}
.deal-card__coupon .el-input__inner:-ms-input-placeholder {
  color: #fe5a58
}
.deal-card__coupon .el-input__inner::-ms-input-placeholder {
  color: #fe5a58
}
.deal-card__coupon .el-input__inner::placeholder {
  color: #fe5a58
}
.deal-card__coupon-code {
  font-size: 12px;
  color: #999
}
.deal-card__coupon-code:before {
  content: "优惠码"
}
.deal-card__btn {
  border: none;
  background-color: #fe5a58;
  color: #fff !important;
  position: relative;
  height: 32px;
  line-height: 32px;
  width: 130px;
  padding: 0
}
.deal-card__btn a, .deal-card__btn span {
  display: block;
  height: 100%;
  width: 100%
}
.deal-card__btn a {
  color: #fff
}
.deal-card__btn:focus, .deal-card__btn:hover {
  background-color: #ff7373
}
.deal-card__img {
  float: left;
  position: relative;
  height: 68px;
  width: 68px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center
}
.deal-card__img img {
  max-width: 100%
}
.deal-card__img a {
  display: block;
  height: 100%;
  width: 100%
}
.deal-card__left-time {
  font-size: 12px;
  color: #fe5a58
}
.deal-card__content {
  float: right;
  width: calc(100% - 84px);
  display: flex;
  flex-direction: column;
  justify-content: center
}
.deal-card__content.noflex {
  display: block
}
.deal-card__price, .deal-card__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.47;
  overflow: hidden;
  text-overflow: ellipsis
}
.deal-card__price:hover, .deal-card__title:hover {
  color: #fe5a58
}
.deal-card__price {
  color: #fe5a58;
  padding: 5px 0
}
.deal-card__title {
  display: flex;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #1f1f1f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 32px
}
.deal-card__store {
  padding-left: 16px;
  color: #1f1f1f;
  font-size: 12px;
  line-height: 16px;
  background-size: 12px;
  background-position: 0;
  background-repeat: no-repeat;
  margin: 0 16px;
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.deal-card__store a:hover {
  color: #fe5a58
}
.deal-card__rebate-view {
  display: inline-block;
  color: #fff;
  padding: 0 8px;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  background: linear-gradient(90deg, #ff488c, #fe8458);
  border-radius: 2px;
  margin-right: 6px
}
.deal-card__rebate-view.expired {
  background: #b8b8b8
}
.deal-card__rebate-view.expired:before {
  content: "已过期"
}
.deal-card__info-wrap {
  justify-content: space-between;
  color: #999;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  cursor: default;
  margin-top: 8px
}
.deal-card__info-wrap, .deal-card__info-wrap-right {
  display: flex;
  align-items: center
}
.deal-card__info-wrap-left .praise-view {
  display: inline-flex;
  margin-right: 12px
}
.deal-card__comment, .deal-card__praise {
  cursor: pointer
}
.deal-card__comment:hover, .deal-card__praise:hover {
  color: #fe5a58
}
.deal-card__comment:hover svg, .deal-card__praise:hover svg {
  fill: #fe5a58
}
.deal-card__comment, .deal-card__praise, .deal-card__publish-time {
  color: #999;
  display: inline-flex;
  margin-right: 24px;
  align-items: center
}
.deal-card__comment > svg, .deal-card__praise > svg, .deal-card__publish-time > svg {
  margin-right: 4px
}
.deal-card__comment {
  margin-right: 0
}
.deal-card__publish-time {
  margin-right: auto
}
.deal-card .grayline {
  margin: 16px 0
}
.shipping-box__hint {
  max-width: 250px;
  min-width: auto;
  color: #666 !important
}
.shipping-box__hint-btn {
  background-image: url(https://static-test.51huaji.com/pc/_nuxt/img/mx-68f7f2a.svg);
  width: 14px;
  height: 14px;
  transform: translateY(2px);
  background-repeat: no-repeat
}
.edit-wrap .shipping-hint {
  position: absolute;
  bottom: 100px;
  transform: translateY(100%);
  font-size: 12px;
  color: #fe5a58
}
.edit-wrap__menu {
  width: 180px
}
.edit-wrap__menu .el-menu {
  border-right: none
}
.edit-wrap__content {
  width: 996px;
  padding: 24px;
  background-color: #fff
}
.edit-wrap .shipping-form {
  position: relative
}
.edit-wrap .shipping-form .el-form-item .el-select.left {
  margin-left: 12px
}
.edit-wrap .shipping-form .el-form-item.half {
  width: 50%
}
.edit-wrap .shipping-form .el-form-item__label {
  line-height: 48px;
  text-align: left
}
.edit-wrap .shipping-form .el-form-item.submit {
  text-align: right
}
.edit-wrap .shipping-form .el-form-item .pub-upload.video {
  margin-top: 12px
}
.edit-wrap .shipping-form .el-range-separator {
  line-height: 40px
}
.edit-wrap .shipping-form__preview {
  position: absolute;
  right: 50%;
  bottom: 290px;
  transform: translateX(calc(100% + 24px))
}
.edit-wrap .shipping-form__preview-content {
  margin-top: 16px;
  background-color: #22b7a1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  padding-bottom: 20px;
  border-radius: 4px
}
.edit-wrap .shipping-form__preview-content h3 {
  margin: 20px 0;
  font-size: 17px;
  font-weight: 700;
  height: 23px
}
.edit-wrap .shipping-form__preview-content p {
  font-size: 12px;
  height: 19px;
  text-align: center
}
.edit-wrap .shipping-value {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 100px;
  padding-top: 100px
}
.edit-wrap .shipping-value__wh {
  position: absolute;
  top: 24px;
  right: 24px
}
.edit-wrap .shipping-value__wrap {
  width: calc(50% - 12px)
}
.edit-wrap .shipping-value__btn {
  position: absolute;
  right: 24px;
  bottom: 24px
}
.edit-wrap .shipping-serves {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 100px
}
.edit-wrap .shipping-serves .shipping-box {
  width: 16.66667%
}
.edit-wrap .shipping-box {
  width: 100%;
  margin-bottom: 24px
}
.edit-wrap .shipping-box .el-form {
  margin-top: 16px
}
.edit-wrap .shipping-box .el-form .percent {
  position: absolute;
  top: 0;
  left: 165px;
  transform: translate(100%, 5px)
}
.edit-wrap .el-select .el-input__suffix i {
  background: none !important
}
.edit-wrap .el-select .el-input__suffix i.is-reverse {
  transform: unset !important
}
.edit-wrap .el-select .el-input__suffix i:before {
  content: "\e79a" !important
}
.shipping-route {
  padding-bottom: 0
}
.shipping-route__new {
  margin-bottom: 24px !important
}
.shipping-route .route-item {
  margin-bottom: 24px
}
.shipping-route .route-item__header {
  background-color: #e5f2ff;
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 16px;
  display: flex;
  justify-content: flex-end
}
.shipping-route .route-item__header-title {
  margin-right: auto
}
.shipping-route .route-item__header-click {
  color: #fe5a58;
  cursor: pointer
}
.shipping-route .route-item__header-click:hover {
  color: #ff7373
}
.shipping-route .route-item .el-table__body {
  width: 100%;
  table-layout: fixed !important
}
.shipping-route .route-item .el-table__row td a {
  color: #fe5a58;
  cursor: pointer
}
.shipping-route .route-item .el-table__row td a:hover {
  color: #ff7373
}
.shipping-route__pop .el-dialog__body {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}
.shipping-route__pop .el-dialog__body .el-form {
  width: 100%
}
.shipping-route__pop .el-dialog__body .el-form-item.multi .el-input {
  width: 207px;
  margin-right: 16px
}
.shipping-route__pop .el-dialog__body .el-form-item__label {
  line-height: 48px;
  text-align: left
}
.shipping-route__pop .el-dialog__body .el-form-item.submit {
  text-align: right
}
.shipping-route__pop .el-dialog__body .el-form-item .link-icon {
  text-align: center;
  transform: scale(-1)
}
.shipping-route__pop .el-dialog__body .el-form-item .carr-arr {
  margin-right: 12px
}
.shipping-route__pop .el-dialog__body .el-form-item .carr-edit {
  cursor: pointer;
  color: #fe5a58
}
.shipping-route__pop .el-dialog__body .el-form-item .carr-edit:hover {
  color: #ff7373
}
.shipping-route__loading {
  margin-bottom: 36px;
  font-size: 14px;
  color: #1f1f1f
}
.route-pop .el-dialog__body {
  padding-bottom: 56px
}
.route-pop .el-dialog__body button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 10px 46px
}
.route-pop .shipping-box .el-checkbox.is-checked .el-checkbox__inner {
  background-color: #fe5a58;
  border-color: #fe5a58
}
.route-pop .shipping-box .el-checkbox.is-checked .el-checkbox__label {
  color: #fe5a58
}
.route-pop .shipping-box .shipping-box {
  margin-right: 12px
}
.route-pop .shipping-box__child {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0 12px 12px
}
.shipping-box__hint-btn {
  padding: 0;
  border: none;
  margin-left: 3px;
  background-color: transparent !important
}
.shipping-box__hint-btn i {
  color: #1f1f1f
}
.shipping-box__hint-btn i:hover {
  color: #fe5a58
}
.new-layout {
  align-items: flex-start;
  justify-content: space-between;
  width: 1200px
}
.fd-s, .new-layout {
  display: flex;
  padding: 36px calc((100% - 1200px)/2)
}
.fd-s {
  flex-direction: column
}
.fd-s .el-pagination {
  margin-top: 16px
}
.fd-s .el-pagination button {
  background-color: transparent !important
}
.fd-s .el-pagination .el-pager li, .fd-s .el-pagination input {
  background-color: transparent
}
.fd-s__album {
  display: flex;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px
}
.fd-s__album img {
  height: 100%;
  width: 100%;
  margin: auto
}
.fd-s__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 20px
}
.fd-s__title.link {
  display: flex;
  justify-content: space-between
}
.fd-s__title.link a {
  font-size: 14px;
  font-weight: 400;
  color: #666
}
.fd-s__title.link a i {
  font-weight: 700
}
.fd-s__title.link a:hover {
  color: #fe5a58
}
.fd-s__title.small {
  font-size: 16px
}
.fd-s__title.red {
  display: flex;
  width: 100%;
  padding-top: 25.85%;
  margin-bottom: 0;
  background-image: url(../image/202109141420_u5PUAu395t.svg)
}
.fd-s__header, .fd-s__header-ver {
  display: flex;
  justify-content: space-between
}
.fd-s__header-ver {
  flex-direction: column
}
.fd-s__header-ver a {
  display: flex;
  height: 180px;
  width: 546px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  overflow: hidden
}
.fd-s__header-ver a img {
  margin: auto;
  width: 100%
}
.fd-s__header-hor {
  width: 642px
}
.fd-s__header-hor a {
  display: flex;
  min-height: 368px
}
.fd-s__header-hor-img {
  margin: auto;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat
}
.fd-s__header-hor-img, .fd-s__header-hor-img {
  background-size: 80%
}
.fd-s__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 36px
}
.fd-s__content-l {
  width: 762px;
  display: flex;
  flex-direction: column
}
.fd-s__content-l-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 20px;
  background-color: #fff;
  position: relative
}
.fd-s__content-l-search .search-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 0;
  transform: translateY(100%);
  font-size: 14px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  width: 276px;
  z-index: 10;
  box-sizing: border-box;
  padding: 12px
}
.fd-s__content-l-search .search-box a {
  padding: 4px 0
}
.fd-s__content-l-search .search-box a:hover {
  color: #fe5a58;
  background-color: #fef1ef
}
.fd-s__content-l-search .search-box a:first-child {
  padding-top: 0
}
.fd-s__content-l-search .search-box a:last-child {
  padding-bottom: 0
}
.fd-s__content-l-search input {
  height: 36px;
  line-height: 36px
}
.fd-s__content-l-search .alpha-filter {
  font-size: 14px;
  color: #1f1f1f;
  cursor: default
}
.fd-s__content-l-search .alpha-filter__event {
  margin-right: 12px;
  cursor: pointer
}
.fd-s__content-l-search .alpha-filter__event:hover {
  color: #fe5a58
}
.fd-s__content-l-search .common-search {
  font-size: 14px;
  color: #999;
  cursor: default
}
.fd-s__content-l-search .common-search a:hover {
  color: #fe5a58
}
.fd-s__content-l-filter {
  background-color: #fff;
  margin-top: 24px;
  padding: 24px
}
.fd-s__content-l-filter .sl-wrap:after {
  background-color: #eaeaea
}
.fd-s__content-l-list {
  display: flex;
  flex-direction: column;
  margin-top: 24px
}
.fd-s__content-l-list .ship-item {
  margin-bottom: 16px
}
.fd-s__content-l-img {
  width: 100%;
  height: 312px;
  margin: 0 0 24px;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  cursor: default;
  position: relative;
  padding: 0 16px;
  background-image: url(../image/202109091717_PRBi7pEOZ1.svg)
}
.fd-s__content-r {
  width: 414px;
  display: flex;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky
}
.fd-s__content-r-list {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background-color: #fff;
  font-size: 16px;
  margin-bottom: 24px
}
.fd-s__content-r-list.hot li {
  justify-content: flex-start
}
.fd-s__content-r-list.hot li em {
  margin-right: 20px
}
.fd-s__content-r-list.hot li a {
  width: 45%
}
.fd-s__content-r-list.hot li span {
  width: 35%;
  margin-left: auto
}
.fd-s__content-r-list.act li {
  height: auto
}
.fd-s__content-r-list.act li:nth-child(2n) .ship-act .ship-act-l {
  background-color: #ff8c85
}
.fd-s__content-r-list.act li:nth-child(2n) .ship-act:hover .ship-act-l {
  background-color: #ff6d65
}
.fd-s__content-r-list.act a {
  width: 100%
}
.fd-s__content-r-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  height: 30px;
  line-height: 30px;
  font-size: 16px
}
.fd-s__content-r-list li:last-child {
  margin-bottom: 0
}
.fd-s__content-r-list em {
  width: 24px;
  text-align: center
}
.fd-s__content-r-list a {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-s__content-r-list a:hover {
  color: #fe5a58
}
.fd-s__content-r-list span {
  font-size: 14px;
  color: #999;
  width: 30%;
  background-repeat: no-repeat;
  background-position: 100%;
  padding-right: 12px
}
.fd-s__content-r-list.video i {
  color: #fff;
  background-color: #999;
  border-radius: 50%
}
.fd-s__content-r-list.video a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 16px
}
.fd-s__content-r-list.video a h4 {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-s__content-r-list.video a:hover h4, .fd-s__content-r-list.video a:hover span {
  color: #fe5a58
}
.fd-s__content-r-list.video i {
  margin-left: auto;
  margin-right: 8px
}
.fd-s__content-r-list.video span {
  width: 10%
}
.fd-d {
  padding: 36px calc((100% - 1200px)/2);
  min-width: 1200px;
  display: flex;
  flex-direction: column
}
.fd-d__feature-intro {
  background-color: #fff !important;
  color: #1f1f1f !important;
  min-width: unset !important;
  max-width: 300px
}
.fd-d .el-table {
  color: #999
}
.fd-d .el-table thead {
  color: #1f1f1f
}
.fd-d__range .el-dialog__header {
  border: none;
  padding: 0
}
.fd-d__range .el-dialog__headerbtn {
  top: -12px;
  right: -12px;
  background-color: #fff;
  border-radius: 50%;
  height: 24px;
  width: 24px
}
.fd-d__range.carr .el-dialog__header {
  border-bottom: 1px solid #f5f5f5;
  padding: 12px
}
.fd-d__range.carr .el-dialog__body {
  display: flex;
  flex-wrap: wrap;
  padding: 20px
}
.fd-d__range.carr .el-dialog__body span {
  width: 25%;
  line-height: 32px
}
.fd-d__qrcode {
  background-color: #fff !important;
  padding: 8px
}
.fd-d__qrcode img {
  width: 100%
}
.fd-d__slide {
  display: flex;
  align-items: center;
  height: 54px;
  background-color: #f1ebe9;
  padding: 0 24px;
  border-radius: 4px;
  margin-top: 24px;
  font-size: 16px
}
.fd-d__slide .intro {
  color: #fe5a58;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 16px;
  padding-left: 24px
}
.fd-d__slide .el-carousel {
  width: 54px;
  transform: rotate(90deg) translateY(-50%)
}
.fd-d__slide .el-carousel a {
  color: #999;
  position: absolute;
  bottom: 10px;
  left: 50%;
  white-space: nowrap;
  transform: rotate(-90deg) translateY(-1360%) translateX(50%);
  display: flex;
  width: 600px;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-d__slide .el-carousel a:hover {
  color: #fe5a58
}
.fd-d__slide .el-carousel.winTrans a {
  transform: rotate(-90deg) translateY(-1495%) translateX(50%)
}
.fd-d__btm {
  display: flex;
  justify-content: space-between
}
.fd-d__btm-ad {
  display: flex;
  flex-direction: column
}
.fd-d__btm-cmt {
  width: 762px
}
.fd-d__btm-cmt-action, .fd-d__btm-cmt-list {
  background-color: #fff;
  padding: 24px
}
.fd-d__btm-cmt-action {
  color: #666;
  font-size: 16px;
  display: flex;
  justify-content: space-between
}
.fd-d__btm-cmt-action .store-commentInput {
  width: 100%;
  padding-bottom: 46px;
  position: relative
}
.fd-d__btm-cmt-action .store-commentInput .comment-select {
  margin-bottom: 16px
}
.fd-d__btm-cmt-action .store-commentInput .comment-select .el-select {
  width: calc((100% - 16px)/2)
}
.fd-d__btm-cmt-action .store-commentInput .comment-select .ship-input {
  width: calc(50% - 8px);
  margin: 16px 0
}
.fd-d__btm-cmt-action .store-commentInput .comment-header {
  justify-content: flex-start
}
.fd-d__btm-cmt-action .store-commentInput .comment-header.noLeft .comment-tips {
  left: 16px
}
.fd-d__btm-cmt-action .store-commentInput .comment-tips {
  position: absolute;
  left: 210px;
  bottom: 16px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.fd-d__btm-cmt-action .store-commentInput .comment-input__button {
  bottom: -45px;
  right: 0
}
.fd-d__btm-cmt-action .store-commentInput .comment-input .input-box-bottom {
  left: 234px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input .el-textarea {
  width: 500px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input__rate-wrap {
  display: flex;
  font-size: 14px;
  color: #999;
  margin-bottom: 16px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input__rate-wrap .rate-title {
  margin-right: 10px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input.noLeft .el-textarea {
  width: 100%
}
.fd-d__btm-cmt-action .store-commentInput .comment-input.noLeft .comment-length {
  right: 16px
}
.fd-d__btm-cmt-action .store-commentInput .comment-input.noLeft .input-box-bottom {
  left: 16px
}
.fd-d__btm-cmt-action .action-area {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.fd-d__btm-cmt-action .action-area.r {
  width: calc(50% - 1px);
  border-left: 1px dashed #999
}
.fd-d__btm-cmt-action .action-area.r .action-title {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 700
}
.fd-d__btm-cmt-action .action-area.r button {
  margin-top: 20px;
  padding: 8px 32px
}
.fd-d__btm-cmt-action .action-item {
  display: flex;
  margin-bottom: 12px
}
.fd-d__btm-cmt-action .action-item .rate-title {
  margin-right: 10px
}
.fd-d__btm-cmt-action .action-item:last-child {
  margin-bottom: 0
}
.fd-d__album {
  width: 414px;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden
}
.fd-d__album img {
  height: 100%;
  width: 100%
}
.fd-d__album.first {
  margin-top: 60px
}
.fd-d__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 60px
}
.fd-d__nav {
  margin-bottom: 20px
}
.fd-d__nav a:hover {
  color: #fe5a58
}
.fd-d__tabs {
  position: relative;
  margin-top: 24px
}
.fd-d__tabs-url {
  position: absolute;
  font-size: 16px;
  color: #1f1f1f;
  top: 8px;
  right: 0;
  z-index: 1
}
.fd-d__tabs-url:hover {
  color: #fe5a58
}
.fd-d__tabs .el-tabs__nav {
  margin-left: 0
}
.fd-d__tabs .el-tab-pane .el-table__row td a {
  color: #fe5a58;
  cursor: pointer
}
.fd-d__tabs .el-tab-pane .el-table__row td a:hover {
  color: #ff7373
}
.fd-d__hint {
  background-color: #fff;
  padding: 24px;
  color: #b6b6b6;
  font-size: 14px;
  margin-top: 24px;
  display: flex;
  align-items: flex-start
}
.fd-d__hint i {
  margin-right: 12px
}
.fd-d__hint i, .fd-d__hint span {
  line-height: 20px
}
.fd-d__contact {
  display: flex;
  justify-content: space-between
}
.fd-d__contact-item {
  width: calc((100% - 24px)/2)
}
.fd-d__contact-child {
  background-color: #fff;
  padding: 24px;
  min-height: 184px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 16px;
  position: relative
}
.fd-d__contact-child a, .fd-d__contact-child span {
  padding-left: 24px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0;
  width: 110px;
  margin-right: 15px;
  margin-bottom: 12px
}
.fd-d__contact-child.r {
  position: relative
}
.fd-d__contact-child.r span span {
  width: unset;
  padding: unset;
  margin-right: unset
}
.fd-d__contact-child.l {
  justify-content: space-between
}
.fd-d__contact-child.l a, .fd-d__contact-child.l span {
  color: #999;
  width: calc((100% - 24px)/2);
  margin-right: 0;
  box-sizing: border-box;
  background-size: 20px
}
.fd-d__contact-child.l a img, .fd-d__contact-child.l span img {
  width: 100%
}
.fd-d__contact-child.l a a, .fd-d__contact-child.l a span, .fd-d__contact-child.l span a, .fd-d__contact-child.l span span {
  width: unset;
  padding: unset
}
.fd-d__contact-child.l a:hover {
  color: #fe5a58
}
.fd-d__contact-fold {
  margin: 0;
  padding: 0;
  width: auto !important;
  position: absolute;
  right: 24px;
  bottom: 24px;
  font-size: 14px;
  cursor: pointer
}
.fd-d__contact-fold:hover {
  color: #fe5a58
}
.fd-d__head {
  display: flex;
  justify-content: space-between
}
.fd-d__head-edit {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #fe5a58;
  font-size: 14px
}
.fd-d__head-edit:hover {
  color: #ff7373
}
.fd-d__head-item {
  width: calc((100% - 24px)/2);
  background-color: #fff;
  padding: 24px
}
.fd-d__head-item.l {
  display: flex;
  position: relative;
  align-items: center;
  height: auto
}
.fd-d__head-item.l.fullWidth {
  width: 100%;
  min-height: unset
}
.fd-d__head-item.l.fullWidth .action-wrap {
  margin-bottom: 0;
  margin-top: 12px
}
.fd-d__head-item.l.fullWidth .desc {
  padding-right: 175px;
  min-height: 72px
}
.fd-d__head-item.l.fullWidth .desc span {
  right: 175px
}
.fd-d__head-item.l.fullWidth .btn-wrap {
  position: absolute;
  right: 36px;
  top: 73px;
  display: flex;
  flex-direction: column
}
.fd-d__head-item.l.fullWidth .btn-wrap button {
  margin-left: 0
}
.fd-d__head-item.l.fullWidth .btn-wrap button:first-child {
  margin-bottom: 24px
}
.fd-d__head-item.r {
  display: flex
}
.fd-d__head-item.r .empty {
  font-size: 20px;
  font-weight: 700;
  margin: auto
}
.fd-d__head-item-info {
  width: calc(100% - 192px)
}
.fd-d__head-item-info h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px
}
.fd-d__head-item-info .desc {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  position: relative;
  display: block
}
.fd-d__head-item-info .desc span {
  position: absolute;
  bottom: 0;
  right: 0;
  white-space: nowrap;
  transform: translateY(100%);
  font-size: 14px;
  color: #fe5a58;
  cursor: pointer
}
.fd-d__head-item-info .desc span:hover {
  color: #ff7373
}
.fd-d__head-item-info .action-wrap {
  display: flex;
  margin: 24px 0
}
.fd-d__head-item-info .action-wrap .praise-view {
  margin-right: 16px
}
.fd-d__head-item-info .btn-wrap .atype a {
  padding: 8px 32px
}
.fd-d__head-item-logo {
   border-radius: 4px;
    margin-right: 24px;
    width: 168px;
    height: auto;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.fd-d__head-item-logo, .fd-d__head-item-logo {
  background-size: 50%
}
.ship-item {
  padding: 24px;
  background-color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 178px
}
.ship-item__img {
  height: auto;
  width: 168px;
  height: 125px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}
.ship-item__mid {
  width: calc(100% - 401px)
}
.ship-item__mid .jump-title {
  font-size: 20px;
  font-weight: 700;
  cursor: pointer
}
.ship-item__mid .jump-title:hover {
  color: #fe5a58
}
.ship-item__mid .action-wrap {
  display: flex;
  margin: 10px 0
}
.ship-item__mid .action-wrap .praise-view {
  margin-right: 12px
}
.ship-item__desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #999
}
.ship-item__rate {
  display: flex;
  flex-direction: column;
  width: 185px
}
.ship-item__rate span {
  line-height: 24px
}
.ship-item__rate-wrap {
  display: flex
}
.ship-item__rate-wrap .rate-title {
  white-space: nowrap;
  margin-right: 8px;
  color: #666
}
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
}
.ques-card {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 calc((100% - 1200px)/2 + 438px) 0 calc((100% - 1200px)/2);
  box-sizing: content-box
}
.ques-card .praise-view {
  margin-right: 24px
}
.ques-card.inList {
  box-sizing: border-box;
  padding: 24px;
  width: auto
}
.ques-card.inList .ques-card-info-expand {
  right: 0
}
.ques-card-bottom {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}
.ques-card-bottom-btn {
  font-size: 14px !important;
  padding: 6px 17px !important;
  border-radius: 25px !important;
  margin-right: 24px !important
}
.ques-card-bottom-time {
  position: absolute;
  right: 0;
  font-size: 12px;
  color: #1f1f1f;
  cursor: default;
  color: #999
}
.ques-card-img {
  height: 160px;
  width: 160px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}
.ques-card-img, .ques-card-img {
  background-size: 80%
}
.ques-card-info {
  width: calc(100% - 180px);
  position: relative;
  padding-bottom: 26px
}
.ques-card-info.full {
  width: 100%
}
.ques-card-info-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #1f1f1f
}
.ques-card-info-title.short {
  max-width: 316px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block
}
.ques-card-info-title.jump {
  cursor: pointer
}
.ques-card-info-title.jump:hover {
  color: #fe5a58
}
.ques-card-info-content {
  height: 250px;
  overflow: hidden;
  margin-top: 12px;
  position: relative
}
.ques-card-info-content .markdown55-content__paragrap, .ques-card-info-content .markdown55-content__text, .ques-card-info-content .markdown55-content p {
  color: #666
}
.ques-card-info-content a:hover div {
  color: #fe5a58
}
.ques-card-info-content.unfold {
  height: auto;
  overflow: unset
}
.ques-card-info-expand {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  z-index: 1;
  bottom: 0;
  color: #fe5a58;
  cursor: pointer;
  font-size: 14px;
  width: 100%;
  background: linear-gradient(180deg, transparent, #fff 40%);
  height: 50px
}
.ques-card-info-expand i {
  transform: translateY(-2px)
}
.ques-card-info-expand:hover {
  color: #ff7373
}
.ques-card .avt {
  margin-top: 18px;
  font-weight: 700
}
.ques-card .avt.noTop {
  margin-top: 0
}
.ques-pending {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 410px;
  width: 428px;
  margin: 36px auto;
  background-color: #fff
}
.ques-pending__large {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 700
}
.ques-pending__small {
  font-size: 12px;
  color: #999;
  margin: 16px 0
}
.ques-pending button {
  padding: 12px 60px
}
.ques-wrap {
  position: relative
}
.ques-wrap .icon-tag {
  margin-bottom: 12px;
  margin-top: -5px
}
.ques-wrap .pending-show {
  color: #fe5a58;
  background-color: #fff9f8;
  border: 1px solid #ffbbac;
  font-size: 12px;
  cursor: default;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 35px;
  padding: 0 12px 0 16px;
  position: absolute;
  top: 24px;
  left: calc((100% - 1200px)/2 + 762px);
  transform: translateX(-100%)
}
.ques-wrap__banner {
  position: fixed;
  top: 0;
  width: 100%;
  height: 48px;
  background-color: #fff;
  z-index: 99;
  display: none;
  padding: 0 calc((100% - 1200px)/2)
}
.ques-wrap__banner-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
  max-width: 746px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap
}
.ques-wrap__banner-btn {
  position: absolute;
  left: calc((100% - 1200px)/4 + 786px);
  padding: 8px 20px;
  border-radius: 25px;
  transform: translateY(10px)
}
.ques-wrap .el-dropdown-link {
  color: #fe5a58
}
.ques-wrap .ques-card {
  padding-top: 24px;
  padding-bottom: 24px
}
.ques-wrap-main {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  padding: 22px calc((100% - 1200px)/2) 36px
}
.ques-wrap-left {
  width: 762px
}
.ques-wrap-left__divider {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 24px;
  margin-bottom: 16px
}
.ques-wrap-left__divider .ans-count {
  color: #fe5a58
}
.ques-wrap-left__empty {
  background-color: #fff;
  padding: 56px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.ques-wrap-left__empty-txt {
  font-size: 18px;
  color: #666
}
.ques-wrap-left__empty button {
  padding: 13px 66px;
  border-top-left-radius: 30px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: 36px
}
.ques-wrap-left__answer-list .ques-card {
  margin-bottom: 16px
}
.ques-wrap-right__ques {
  width: 414px;
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column
}
.ques-wrap-right__title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececec
}
html {
  background-color: #fff
}
.outer .show-detail-title {
  font-size: 20px;
  font-weight: 600;
  margin: 24px 0 12px
}
.outer .show-comment-wrap {
  display: table;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}
.outer .show-comment-wrap .load-all {
  background-color: #fff;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  height: 60px;
  line-height: 60px
}
.outer .show-comment-wrap .load-all:hover span {
  color: #fe5a58
}
.outer .show-comment-wrap .comment-itemv2:last-child .grayline {
  display: none
}
.outer .show-comment-wrap .comment-itemv2 {
  display: flex;
  position: relative;
  background-color: #fff;
  padding: 16px 24px
}
.outer .show-comment-wrap .comment-itemv2 em {
  font-weight: 700;
  padding: 0 3px;
  color: #fe5a58;
  background-color: #faede8;
  transform: scale(.8)
}
.outer .show-comment-wrap .comment-itemv2 .avt {
  align-items: flex-start
}
.outer .show-comment-wrap .comment-itemv2.sub {
  padding: 16px 20px;
  background-color: #f8f8f8
}
.outer .show-comment-wrap .comment-itemv2 .store-commentInput {
  padding: 24px 0;
  margin-top: 0
}
.outer .show-comment-wrap .comment-itemv2 .store-commentInput .comment-input__button {
  bottom: 12px
}
.outer .show-comment-wrap .comment-itemv2 .grayline {
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px)
}
.outer .show-comment-wrap .comment-itemv2 .grayline.sub {
  width: calc(100% - 40px)
}
.outer .show-comment-wrap .comment-itemv2__avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 10px
}
.outer .show-comment-wrap .comment-itemv2__content {
  display: flex;
  flex: 1;
  flex-direction: column
}
.outer .show-comment-wrap .comment-itemv2__content .comment-child {
  display: flex;
  flex-direction: column;
  border-left: 4px solid #f4f4f4;
  padding-left: 12px;
  margin-top: 6px
}
.outer .show-comment-wrap .comment-itemv2__content .comment-child .total-reply {
  font-size: 12px;
  font-weight: 400;
  color: #fe5a58;
  cursor: pointer
}
.outer .show-comment-wrap .comment-itemv2__content .comment-child .comment {
  margin-bottom: 12px;
  padding-left: 30px;
  display: block;
  margin-top: 0
}
.outer .show-comment-wrap .comment-itemv2__content .comment-child .comment:last-child {
  margin-bottom: 0
}
.outer .show-comment-wrap .comment-itemv2__content .author {
  font-size: 12px;
  color: #999;
  display: flex;
  align-items: center
}
.outer .show-comment-wrap .comment-itemv2__content .author .el-rate {
  margin-left: 10px
}
.outer .show-comment-wrap .comment-itemv2__content .author:hover {
  color: #3c3c3c
}
.outer .show-comment-wrap .comment-itemv2__content .comment {
  font-size: 14px;
  color: #3c3c3c;
  margin-top: 6px
}
.outer .show-comment-wrap .comment-itemv2__content .comment b {
  color: #999
}
.outer .show-comment-wrap .comment-itemv2__content .comment__header-wrap {
  display: flex;
  align-items: center
}
.outer .show-comment-wrap .comment-itemv2__content .comment.child {
  padding-left: 0
}
.outer .show-comment-wrap .comment-itemv2__content .comment.child .reply {
  display: none;
  font-size: 12px;
  color: #fe5a58;
  margin-left: 6px;
  cursor: pointer
}
.outer .show-comment-wrap .comment-itemv2__content .comment.child:hover .reply {
  display: block
}
.outer .show-comment-wrap .comment-itemv2__content .comment.child img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 6px
}
.outer .show-comment-wrap .comment-itemv2__content .time {
  font-size: 12px;
  color: #999;
  font-weight: 400
}
.outer .show-comment-wrap .comment-itemv2__content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area {
  display: flex
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 80px
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area-item.praise {
  width: auto
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area-item:hover svg {
  fill: #fe5a58
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area-item:hover .action-area__text {
  color: #fe5a58
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area__text {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.outer .show-comment-wrap .comment-itemv2__content-bottom .action-area__text.active {
  color: #fe5a58
}
.show-detail__drop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 24px;
  background-color: #fff
}
.show-detail__drop span {
  font-size: 12px;
  margin-right: 6px;
  cursor: pointer;
  color: #1f1f1f
}
.show-detail__drop span:hover {
  color: #fe5a58
}
.show-detail__drop span i {
  font-size: 12px;
  transform: rotate(90deg)
}
.show-detail__bbs-img {
  width: 760px;
  height: 326px;
  transform: translateX(-24px);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  margin: -53px 0 24px;
  border-radius: 4px 4px 0 0
}
.show-detail__bbs-img, .show-detail__bbs-img {
}
.show-detail__bbs-author {
  display: flex;
  align-items: center
}
.show-detail__bbs-author img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px
}
.show-detail__bbs-author span {
  font-size: 12px;
  color: #1f1f1f
}
.show-detail__bbs-data {
  margin: 12px 0 24px;
  font-size: 12px;
  color: #999;
  position: relative
}
.show-detail__bbs-data span {
  margin-right: 24px
}
.show-detail__bbs-data .create-time {
  position: absolute;
  margin: 0;
  right: 0
}
.show-detail.warning {
  display: flex;
  justify-content: center
}
.show-detail-page {
  padding: 0 calc((100% - 1200px)/2) 120px;
  width: 1200px;
  position: relative;
  margin-top: 60px
}
.show-detail-page-zoom {
  max-width: 50%
}
.show-detail-page-zoom .el-dialog__header {
  position: relative
}
.show-detail-page-zoom .el-dialog__header .el-dialog__headerbtn {
  top: 50%;
  transform: translateY(-50%);
  display: flex
}
.show-detail-page-zoom .el-dialog__body {
  display: flex
}
.show-detail-page-zoom img {
  width: 100%;
  margin: auto
}
.show-detail-page .ng {
  overflow: hidden
}
.show-detail-page .ng .el-carousel__item {
  display: flex
}
.show-detail-page .ng .img-wrap {
  display: flex;
  position: relative;
  width: auto;
  max-width: 80%;
  margin: auto;
  cursor: zoom-in
}
.show-detail-page .ng .img-wrap img {
  max-width: 100%;
  max-height: 714px;
  margin: auto
}
.show-detail-page .ng .tgn {
  display: flex;
  font-size: 12px;
  box-shadow: 0 0 0 1px #fff;
  position: absolute;
  color: #fff;
  padding: 2px 6px 2px 3px;
  border-radius: 25px;
  margin-left: 18px;
  background: rgba(0, 0, 0, .3);
  white-space: nowrap;
  transform: translateY(-50%)
}
.show-detail-page .ng .tgn.reverse {
  margin-left: unset;
  transform: translateX(calc(-100% - 18px))
}
.show-detail-page .ng .tgn.reverse .tgn-dot {
  left: unset;
  right: -18px
}
.show-detail-page .ng .tgn.reverse .tgn-dot:after {
  position: absolute;
  right: 6px
}
.show-detail-page .ng .tgn-dot {
  height: 6px;
  width: 6px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%)
}
.show-detail-page .ng .tgn-dot:before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: sDot 1.2s ease-in-out infinite;
  animation: sDot 1.2s ease-in-out infinite
}
.show-detail-page .ng .tgn-dot:after {
  content: "";
  display: block;
  padding: 1px 6px;
  background: #fff;
  margin-left: 6px;
  transform: scaleY(.5) translateY(-8px)
}
.show-detail-page .ng .tgn:before {
  content: "#";
  background-color: #27a1ff;
  display: block;
  padding: 0 4px;
  transform: scale(.8);
  border-radius: 50%;
  margin-right: 3px
}
@-webkit-keyframes sDot {
  0% {
    opacity: .8;
    transform: scale(.8)
  }
  to {
    opacity: 0;
    transform: scale(3)
  }
}
@keyframes sDot {
  0% {
    opacity: .8;
    transform: scale(.8)
  }
  to {
    opacity: 0;
    transform: scale(3)
  }
}
.show-detail-page .show-card__wrap {
  padding: 16px 12px 0
}
.show-detail-page .show-card__footer {
  padding: 0 12px 10px
}
.show-detail-page .pending-show {
  color: #fe5a58;
  background-color: #fff9f8;
  border: 1px solid #ffbbac;
  font-size: 12px;
  cursor: default;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 35px;
  padding: 0 12px 0 16px;
  position: absolute;
  top: -42px;
  left: calc((100% - 1200px)/2 + 762px);
  transform: translateX(-100%)
}
.show-detail-page .store-commentInput, .show-detail-page .store-commentList {
  padding: 24px;
  box-sizing: border-box;
  background-color: #fff
}
.show-detail-page .comment-info {
  width: 714px !important;
  margin-top: 0 !important
}
.show-detail-page .comment-header__nickname {
  width: 58%
}
.show-detail-page .comment-info {
  width: 512px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  font-size: 14px;
  color: #1f1f1f
}
.show-detail-page .comment-info img {
  width: 20px;
  margin-left: 10px
}
.show-detail-page .end {
  align-items: flex-end
}
.show-detail-page .scroll-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap
}
.show-detail-page .content-wrap {
  width: 762px;
  position: relative
}
.show-detail-page .left-wrap {
  flex: none;
  width: 328px
}
.show-detail-page .left-wrap.bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.show-detail-page .right-wrap {
  flex: none;
  display: flex;
  flex-direction: column;
  width: 414px
}
.show-detail-page .right-wrap > * {
  flex: none
}
.show-detail-page .right-wrap.bottom {
  justify-content: space-between
}
.show-detail-page .activity-wrap {
  width: 100%;
  background-color: #fff;
  padding: 52px 24px 24px;
  box-sizing: border-box;
  border-radius: 4px
}
.show-detail-page .activity-wrap.fixed {
  position: fixed;
  top: 128px;
  width: 512px
}
.show-detail-page .activity-wrap.bottom {
  position: fixed;
  top: auto;
  bottom: 24px
}
.show-detail-page .activity-wrap .more-detail {
  color: #999;
  font-size: 14px;
  display: flex;
  justify-content: flex-end
}
.show-detail-page .activity-wrap .more-detail span {
  white-space: nowrap
}
.show-detail-page .activity-wrap .more-detail .spot {
  padding: 0 10px
}
.show-detail-page .activity-wrap .show-video-wrap {
  width: 760px;
  height: 428px;
  margin: -53px 0 24px;
  transform: translateX(-24px)
}
.show-detail-page .activity-wrap .show-video-wrap video {
  width: 100%;
  height: 100%;
  background-color: #000
}
.show-detail-page .fall-list-wrap {
  position: relative;
  width: 762px;
  padding-right: 0;
  margin-top: 24px
}
.show-detail-page .fall-list-wrap .activity-list-title {
  display: none
}
.show-detail-page .hr-border {
  margin: 0 16px;
  background-color: #eaeaea;
  border: none;
  height: 1px
}
.show-detail-page .show-activity-page__swiper {
  background-color: transparent
}
.show-detail-page .show-activity-page__swiper .side-swiper__title {
  margin: 24px 0 12px;
  padding: 0
}
.show-detail-page .show-activity-page__swiper .swiper-container {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box
}
.show-detail-page .show-activity-page__swiper:last-child {
  margin-bottom: 0
}
.show-detail-page .show-activity-page__swiper.fixed {
  position: fixed;
  left: 50%;
  margin-left: 280px;
  top: 128px;
  width: 328px
}
.show-detail-page .show__info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.show-detail-page .show__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px
}
.show-detail-page .show__content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 20px 0 0 0;
}
.show-detail-page .show__content p {
  line-height: 25px;
}
.show-detail-page .show__author-wrap {
  box-sizing: border-box;
  padding: 32px 40px;
  background-color: #fff;
  border-radius: 4px
}
.show-detail-page .show__author-wrap h2 {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5
}
.show-detail-page .show__author-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px
}
.show-detail-page .show__author-info .avt {
  font-weight: 700;
  flex-direction: column !important;
  height: 150px;
}
.show-detail-page .show__author-info .avt .oneLine {
  font-size: 16px;
  font-weight: 400;
  margin-top: 14px;
  max-width: 100% !important
}
.show-detail-page .show__author-info .avt:hover .oneLine {
  color: rgba(31, 31, 31, .8)
}
.show-detail-page .show__author-avatar {
  flex: none;
  margin-right: 12px;
  height: 56px;
  width: 56px;
  border-radius: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat
}
.show-detail-page .show__author-content {
  flex: auto;
  display: flex;
  align-items: center;
  position: absolute
}
.show-detail-page .show__author-content > p {
  color: #999;
  font-size: 14px;
  line-height: 24px
}
.show-detail-page .show__author-name {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5
}
.show-detail-page .show__author-name:after {
  content: "";
  position: relative;
  display: inline-block;
  margin-top: -4px;
  height: 16px;
  width: 16px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}
.show-detail-page .show__author-name.male:after {
  background-image: url(../image/pc55-9333b4b.svg)
}
.show-detail-page .show__author-name.female:after {
  background-image: url(../image/pc55-6d36602.svg)
}
.show-detail-page .show__author-level {
  color: #fff;
  background-color: #fe5a58;
  padding: 5px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1;
  display: flex;
  height: 10px;
  margin-left: 10px
}
.show-detail-page .show__author-stat {
  display: flex;
  justify-content: space-between;
  padding: 24px 0
}
.show-detail-page .show__author-stat:last-child {
  padding-bottom: 0
}
.show-detail-page .show__author-stat > div {
  flex: 1;
  margin-right: 24px;
  margin-left: 8px
}
.show-detail-page .show__author-stat > div:last-child {
  margin-right: 0
}
.show-detail-page .show__author-stat h4 {
  color: #999;
  font-size: 14px;
  line-height: 24px
}
.show-detail-page .show__author-stat p {
  font-size: 16px;
  line-height: 24px;
  width: unset !important
}
.show-detail-page .show__author-stat-num {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: unset !important;
  margin: auto
}
.show-detail-page .show__author-btns {
  display: flex;
  justify-content: center
}
.show-detail-page .show__author-intro {
  margin-top: 22px;
  font-size: 12px;
  color: #666
}
.show-detail-page .show__tags {
  max-width: 450px
}
.show-detail-page .show__tags .icon-tag {
  border-radius: 5px
}
.show-detail-page .show__tags .hide {
  display: none
}
.show-detail-page .connect-author, .show-detail-page .follow-author {
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  height: 34px;
  width: 150px
}
.show-detail-page .connect-author {
  margin-right: 16px;
  border: 1px solid #999;
  color: #1f1f1f
}
.show-detail-page .follow-author {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fe5a58;
  color: #fff;
  background-color: #fe5a58
}
.show-detail-page .follow-author i {
  font-weight: 700;
  margin-right: 6px
}
.show-detail-page .follow-author:hover {
  opacity: .8
}
.show-detail-page .follow-author.followed {
  background-color: #fff;
  border-color: #787878;
  color: #1f1f1f
}
.show-detail-page .follow-author.followed:before {
  content: "已关注";
  background-image: url(../image/202109291755_f1Ik2aYFRt.svg);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 20px
}
.show-detail-page .follow-author.followed:hover .show-detail-page .follow-author.followed:before {
  content: "取消关注"
}
.show-id-page__no-avatar-alert .el-button--default {
  background-color: #fe5a58;
  border-color: #fe5a58;
  color: #fff
}
.show-page.de-wrap, .spl.de-wrap {
  padding-top: 42px
}
.spl.de-wrap .right {
  /*margin-top: 46px*/
}
.show-page {
  padding-top: 34px
}
.show-page__child-floor .de-outer {
  padding: 36px 21px
}
.show-page__child-floor-wrap {
  display: flex;
  flex-wrap: wrap
}
.show-page__child-floor-wrap.ans .embed-item-wrap {
  width: calc((100% - 15px)/2);
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 23px 15px;
  box-sizing: border-box
}
.show-page__child-floor-wrap.ans .embed-item-wrap .embed-item.ans {
  margin-bottom: 0
}
.show-page__child-floor-wrap.ans .embed-item-wrap .embed-item__icon {
  margin-right: 8px
}
.show-page__child-floor-wrap.ans .embed-item-wrap .embed-item__info, .show-page__child-floor-wrap.ans .embed-item-wrap .grayline {
  display: none
}
.show-page__child-floor-wrap.ans .embed-item-wrap:nth-child(2n) {
  margin-right: 0
}
.show-page__child-floor-wrap.ans .embed-item-wrap:nth-child(n+5) {
  margin-bottom: 0
}
.show-page__child-floor-wrap .show-card {
  width: calc((100% - 42px)/4);
  margin-right: 14px;
  margin-bottom: 20px
}
.show-page__child-floor-wrap .show-card__title {
  height: 46px
}
.show-page__child-floor-wrap .show-card__footer {
  padding-bottom: 0
}
.show-page__child-floor-wrap .show-card:nth-child(4n) {
  margin-right: 0
}
.show-page__child-floor-wrap .show-card:nth-child(n+5) {
  margin-bottom: 0
}
.show-page__child-carsousel {
  border-radius: 4px
}
.show-page__child-carsousel a {
  display: flex;
  height: 100%
}
.show-page__child-carsousel img {
  margin: auto;
  width: 100%
}
.show-page__child-carsousel img, .show-page__child-carsousel img {
}
.show-page__child-ann {
  background-color: #f8f3ef;
  border-radius: 3px;
  margin-top: 20px
}
.show-page__child-ann:before {
  content: "";
  background-image: url(../image/pc55-3be7e98.svg);
  height: 16px;
  width: 16px;
  padding: 0 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%)
}
.show-page__child-ann .el-carousel__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1f1f1f
}
.show-page__child-ann .el-carousel__item a {
  display: block;
  margin-left: 56px;
  border-left: 1px dashed #ffd7d2;
  padding-left: 20px;
  color: #1f1f1f
}
.show-page__child-ann .el-carousel__item a:hover {
  color: #fe5a58
}
.show-page__ques {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: 624px
}
.show-page__ques.dis {
  margin-top: 60px
}
.show-page__ques-btn {
  padding: 7px 20px;
  font-size: 12px;
  transform: translateY(-50%);
  border-radius: 25px
}
.show-page__ques-tag {
  position: absolute;
  top: 0
}
.show-page__ques-list {
  width: 762px
}
.show-page__ques-side {
  width: 414px;
  position: relative
}
.show-page__ques-side-title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececec
}
.show-page__ques-side-list {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 24px;
  position: relative;
  width: 414px;
  z-index: 1
}
.show-page__ques .ques-card {
  margin-bottom: 16px
}
.show-page__wrap {
  padding: 24px 0
}
.show-page__wrap .swiper-button-prev {
  left: -40px;
  background: none
}
.show-page__wrap .swiper-button-next {
  right: -40px;
  transform: none;
  background: none
}
.show-page__wrap .swiper-button-next:hover > svg, .show-page__wrap .swiper-button-prev:hover > svg {
  fill: #1f1f1f
}
.show-page__title {
  padding-bottom: 16px;
  color: #353535;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px
}
.show-page__more-act {
  float: right;
  color: #999;
  font-size: 14px;
  line-height: 32px
}
.show-page__activities {
  position: relative
}
.show-page__activity {
  display: inline-block;
  margin-right: 24px;
  width: 204px !important;
  height: 114px !important;
  background-position: 50%;
  background-size: cover;
  background-color: #fff;
  border-radius: 5px
}
.show-page__activity:last-child {
  margin-right: 0
}
.show-page__more-show-wrap {
  margin: 32px auto
}
.show-page__see-more {
  margin: 0 auto;
  width: 180px;
  color: #1f1f1f;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #353535;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer
}
.show-page__see-more:hover {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 8px 0 rgba(60, 60, 60, .04), 0 8px 16px 0 rgba(60, 60, 60, .08);
  background-image: linear-gradient(180deg, #f77f4b 1%, #f64567 99%)
}
.show-page__see-more.vanish {
  display: none
}
.show-page .show-nav__tag {
  padding-bottom: 16px
}
.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[lazy=loaded] {
  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 , .show-item__wrap  {
  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, .side-list-wrap__ad img {
  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.bgMod {
  padding-top: 85.26%;
  border-radius: 6px;
  overflow: hidden
}
.show-card__img img {
  max-width: 100% !important;
  height: auto !important;
}
.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
}
.header.pd {
  padding-bottom: 48px
}