.mini-popup .el-dialog {
  overflow: visible;
  top: 50%;
  transform: translateY(-50%);
  margin-top: unset !important;
  border-radius: 5px
}
.mini-popup .el-dialog__header {
  padding: 16px 48px 16px 24px
}
.mini-popup .el-dialog__body {
  height: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto !important;
  padding: 36px 20px
}
.mini-popup__logo {
  height: 190px;
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px
}
.mini-popup__logo img {
  max-width: 80%;
  max-height: 80%
}
.mini-popup__default {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  margin-top: 20px
}
.mini-popup__code {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0
}
.mini-popup__code .code {
  border-radius: 4px;
  width: 100%;
  background-color: #fef1ef;
  color: #fe5a58;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 12px;
  display: flex;
  align-items: center
}
.mini-popup__code .code b {
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px
}
.mini-popup__code .code.empty {
  cursor: default;
  background-color: #f5f5f5;
  color: rgba(60, 60, 60, .7)
}
.mini-popup__code .button {
  background-color: #fe5a58;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer
}
.mini-popup__code .button:hover {
  background-color: #ff7373
}
.mini-popup__link {
  font-size: 14px;
  font-weight: 700;
  color: #fe5a58;
  cursor: pointer
}
.coupon-list-container__title {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f
}
.coupon-list-container .el-dialog__close:hover {
  color: #fe5a58
}
.coupon-list-container .el-dialog__header {
  border-bottom: 1px solid #f4f4f4;
  padding: 20px 25px
}
.coupon-list-container .el-dialog__header span {
  font-weight: 700
}
.coupon-list-container .el-dialog__header button i {
  font-weight: 700;
  color: #1f1f1f;
  right: 25px
}
.coupon-list-container .el-dialog__body {
  padding: 10px 25px 30px;
  height: 655px;
  overflow-y: scroll
}
.coupon-list-container .coupon-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-size: 50px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ececec;
  margin-bottom: 15px
}
.coupon-list-container .coupon-item .exclusive {
  background-image: url(../image/pc55-9b8ab0b.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  height: 60px;
  width: 44px;
  position: absolute;
  top: -8px;
  left: 0
}
.coupon-list-container .coupon-item__left {
  position: relative;
  height: 183px;
  width: 183px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box
}
.coupon-list-container .coupon-item__left .code {
  font-size: 36px;
  font-weight: 700;
  color: #fe5a58;
  width: 100%;
  text-align: center
}
.coupon-list-container .coupon-item__left:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  height: 149px;
  width: 0;
  border-right: 1px dashed #d8d8d8;
  top: 17px
}
.coupon-list-container .coupon-item__middle {
  flex: 1;
  width: 0;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0;
  padding: 7px 10px 5px 28px;
  position: relative
}
.coupon-list-container .coupon-item__middle .common-btn {
  position: absolute;
  right: 16px;
  bottom: 5px;
  padding: 9px 24px;
  border-radius: 25px
}
.coupon-list-container .coupon-item__middle .rebate {
  color: #fe5a58;
  font-size: 24px;
  font-weight: 500
}
.coupon-list-container .coupon-item__middle .rebate-txt {
  font-size: 14px;
  color: #000;
  font-weight: 400
}
.coupon-list-container .coupon-item__middle .desc {
  padding: 6px 14px 0 0;
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
  overflow: hidden;
  word-break: break-word;
  margin-bottom: 14px
}
.coupon-list-container .coupon-item__middle .time {
  font-size: 12px;
  color: #999;
  line-height: 12px;
  margin-left: 10px
}
.coupon-list-container .coupon-item__middle .store {
  display: flex;
  align-items: center;
  margin-top: -2px
}
.coupon-list-container .coupon-item__middle .store span {
  font-size: 14px;
  color: #999
}
.coupon-list-container .coupon-item__middle .rebate-code {
  font-size: 13px;
  color: #999;
  padding-top: 6px
}
.coupon-list-container .coupon-item__middle .rebate-code .onecoupon {
  font-size: 13px;
  font-weight: 700;
  color: #fe5a58;
  background-color: #faede8;
  padding: 5px 10px;
  margin-left: 10px
}
.coupon-list-container .coupon-item__right {
  font-size: 14px;
  color: #fe5a58;
  font-weight: 700;
  cursor: default;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: flex-end;
  height: 100%;
  margin-right: 14px
}
.coupon-list-container .coupon-item__right:hover {
  color: #ff7373
}
.coupon-list-container .coupon-item__right button {
  padding: 13px 20px
}
.coupon-list-container .coupon-item__right .time {
  font-size: 12px;
  color: #999;
  line-height: 12px;
  padding-top: 16px;
  font-weight: 400;
  display: inline-block
}
.coupon-list-container .grayline {
  padding: 20px 0 0;
  width: calc(100% + 52px);
  transform: translateX(-26px) scaleY(.5)
}
.coupon-list-container .load-all {
  font-size: 14px;
  color: #1f1f1f;
  text-align: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 50%;
  transform: translateX(-50%)
}
.coupon-list-container .load-all:hover {
  color: #fe5a58
}
.common-question-container {
  position: relative
}
.common-question-container .popup .el-collapse-item__arrow {
  left: 25px
}
.common-question-container .el-collapse {
  border: none;
  margin-top: 10px
}
.common-question-container .el-collapse-item__header {
  line-height: 1.5;
  font-weight: 700;
  font-size: 16px;
  color: #1f1f1f;
  border: none;
  padding-left: 25px
}
.common-question-container .el-collapse-item__header:hover {
  color: #fe5a58
}
.common-question-container .el-collapse-item__content {
  margin-left: 25px;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 48px
}
.common-question-container .el-collapse-item__content .markdown55-content p {
  margin: 10px 0
}
.common-question-container .el-collapse-item__wrap {
  border: none
}
.common-question-container .el-collapse-item__arrow {
  position: absolute;
  left: 0
}
.common-question-container .el-collapse-item__arrow:before {
  content: "\e60e"
}
.common-question-container__title {
  font-weight: 700;
  font-size: 16px;
  color: #1f1f1f
}
.common-question-container .el-tree {
  margin-top: 10px;
  margin-left: -10px
}
.common-question-container .el-tree-node__content {
  min-height: 56px
}
.common-question-container .el-tree-node__expand-icon {
  font-size: 16px;
  color: #1f1f1f
}
.common-question-container .el-tree-node__label {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 700;
  white-space: normal
}
.common-question-container .el-tree-node__children .is-leaf {
  display: none
}
.common-question-container .el-tree-node__children .el-tree-node__label {
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px
}
.common-question-container .el-dialog__header {
  border-bottom: 1px solid #f4f4f4;
  padding: 20px 25px
}
.common-question-container .el-dialog__header span {
  font-weight: 700
}
.common-question-container .el-dialog__header button i {
  font-weight: 700;
  color: #1f1f1f;
  right: 25px
}
.common-question-container .el-dialog__close:hover {
  color: #fe5a58
}
.common-question-container .el-dialog__body {
  padding: 10px 25px 30px
}
.common-question-container .coupon-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 99px;
  padding: 25px 15px;
  box-sizing: border-box;
  background-image: url(../image/pc55-6ab4344.svg);
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: 20px
}
.common-question-container .coupon-item__left {
  width: 20%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center
}
.common-question-container .coupon-item__left .code {
  font-size: 20px;
  color: #0084ff;
  width: 100%;
  text-align: center
}
.common-question-container .coupon-item__middle {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
  justify-content: space-between
}
.common-question-container .coupon-item__middle .desc {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 700
}
.common-question-container .coupon-item__middle .time {
  font-size: 12px;
  color: #999
}
.common-question-container .coupon-item__right {
  font-size: 14px;
  color: #fe5a58;
  font-weight: 700;
  cursor: pointer
}
.common-question-container .grayline {
  padding: 20px 0 0;
  width: calc(100% + 52px);
  transform: translateX(-26px) scaleY(.5)
}
.common-question-container .load-all {
  font-size: 14px;
  color: #1f1f1f;
  text-align: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 50%;
  transform: translateX(-50%)
}
.common-question-container .load-all:hover {
  color: #fe5a58
}
.custom-service-container .grayline {
  margin: 20px 0;
  width: calc(100% + 52px);
  transform: translateX(-26px) scaleY(.5)
}
.custom-service-container .el-dialog__header {
  border-bottom: 1px solid #f4f4f4;
  padding: 20px
}
.custom-service-container .el-dialog__title {
  font-weight: 700;
  font-size: 16px;
  color: #1f1f1f
}
.custom-service-container .el-dialog__close {
  font-weight: 700;
  color: #1f1f1f
}
.custom-service-container .el-dialog__close:hover {
  color: #fe5a58
}
.custom-service-container__title {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 700
}
.custom-service-container__title.topDis {
  display: block;
  margin-top: 30px
}
.custom-service-container__title.topDis a {
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  font-weight: 400
}
.custom-service-container .service-list:first-child {
  margin-top: 0
}
.custom-service-container .service-list {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 30px;
  width: 100%;
  height: 40px
}
.custom-service-container .service-list__left {
  width: 40px;
  height: 40px;
  background-color: #f4f4f4;
  border-radius: 5px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%
}
.custom-service-container .service-list__left.headphone {
  background-image: url(../image/pc55-8e55504.svg)
}
.custom-service-container .service-list__left.email {
  background-image: url(../image/pc55-65247eb.svg)
}
.custom-service-container .service-list__left.phone {
  background-image: url(../image/pc55-c4bc898.svg)
}
.custom-service-container .service-list__middle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 70%
}
.custom-service-container .service-list__middle .service-title {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 700
}
.custom-service-container .service-list__middle .desc {
  font-size: 12px;
  color: #999
}
.custom-service-container .service-list__right {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  background-color: #f4f4f4;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 18px;
  border-radius: 3px;
  cursor: pointer;
  width: 92px;
  box-sizing: border-box;
  text-align: center
}
.custom-service-container .service-list__right.copy:hover, .custom-service-container .service-list__right:hover {
  color: #f67052;
  background-color: rgba(246, 112, 82, .1)
}
.custom-service-container .load-all {
  font-size: 14px;
  color: #1f1f1f;
  text-align: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 50%;
  transform: translateX(-50%)
}
.custom-service-container .load-all:hover {
  color: #fe5a58
}
.custom-service-container .logo-container {
  display: flex;
  flex-wrap: wrap
}
.custom-service-container .logo {
  height: 56px;
  width: 56px;
  margin: 25px 40px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  position: relative
}
.custom-service-container .logo span {
  position: absolute;
  bottom: -25px;
  font-size: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  text-align: center
}
.custom-service-container .logo.wechat {
  background-image: url(../image/pc55-0dd9990.svg)
}
.custom-service-container .logo.sina {
  background-image: url(../image/pc55-f05832d.svg)
}
.custom-service-container .logo.qq {
  background-image: url(../image/pc55-527a3dc.svg)
}
.custom-service-container .logo.twitter {
  background-image: url(../image/pc55-d720a1e.svg)
}
.custom-service-container .logo.instagram {
  background-image: url(../image/pc55-4deb877.svg)
}
.custom-service-container .logo.youtube {
  background-image: url(../image/pc55-53e40a5.svg)
}
.custom-service-container .logo.facebook {
  background-image: url(../image/pc55-b71f96c.svg)
}
.related-deal-list {
  background-color: #fff
}
.related-deal-list__title {
  font-size: 16px;
  font-weight: 700;
  padding-left: 30px;
  line-height: 4
}
.related-deal-list .load-all {
  display: block;
  font-size: 14px;
  color: #1f1f1f;
  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
}
.related-deal-list .load-all:hover {
  color: #fe5a58
}
.related-deal-list .load-all.hide {
  display: none
}
.related-deal-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 250px;
}
.related-deal-list ul .relate-item {
  overflow: hidden;
  padding: 20px 30px
}
.related-deal-list ul .relate-item, .related-deal-list ul .relate-item .link-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 150px;
  position: relative
}
.related-deal-list ul .relate-item:hover {
  background-color: #f2f8ff
}
.related-deal-list ul .relate-item:hover .relate-item__right__info {
  color: #f67052
}
.related-deal-list ul .relate-item .grayline {
  position: absolute;
  bottom: -20px;
  width: calc(100% + 52px);
  margin-left: -26px
}
.related-deal-list ul .relate-item__left {
  width: calc(30% - 20px);
  height: 150px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat
}
.related-deal-list ul .relate-item__right {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.related-deal-list ul .relate-item__right__title {
  display: flex;
  flex-direction: row;
  align-items: center
}
.related-deal-list ul .relate-item__right__title .flag {
  width: 18px;
  height: 18px;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}
.related-deal-list ul .relate-item__right__title .name {
  font-size: 12px;
  color: #1f1f1f;
  margin-left: 10px
}
.related-deal-list ul .relate-item__right__info {
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  height: 45px;
  margin-bottom: 5px;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.related-deal-list ul .relate-item__right__discount {
  font-size: 16px;
  font-weight: 700;
  color: #0084ff;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.related-deal-list ul .relate-item__right__time, .related-deal-list ul .relate-item__right__time a {
  font-size: 12px;
  color: #1f1f1f
}
.related-deal-list ul .relate-item__right__rebate {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 12px;
  border-radius: 3px;
  color: #0084ff;
  background-color: #e5f2ff
}
.related-deal-list ul .relate-item__right__button {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  background-color: #fe5a58;
  padding: 10px 15px;
  border-radius: 3px;
  cursor: pointer
}
.related-deal-list ul .relate-item__right__button a {
  color: #fff
}
.related-deal-list ul .relate-item__right__button:hover {
  background-color: #ff7373
}
.goods-item {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 6px
}
.goods-item:hover .goods-item__title {
  color: #fe5a58
}
.goods-item__wrap {
  height: 245px;
  display: flex;
  overflow: hidden;
  padding: 0 18px
}
.goods-item__img {
  margin: auto;
  max-width: 100%;
  max-height: 80%
}
.goods-item__brand {
  font-size: 12px;
  color: #999;
  text-align: center;
  margin-bottom: 6px
}
.goods-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  color: #1f1f1f;
  margin: 0 0 6px;
  height: 40px;
  line-height: 20px
}
.goods-item__price, .goods-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  width: 100%;
  text-align: center
}
.goods-item__price {
  display: block;
  color: #fe5a58;
  white-space: nowrap
}
.goods-item__old-price {
  font-size: 12px;
  color: #999;
  text-decoration: line-through
}
.embed-item-wrap {
  width: 100%
}
.embed-item-wrap .grayline {
  margin-bottom: 24px
}
.embed-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 16px;
  position: relative;
  margin-bottom: 20px
}
.embed-item.ans.noPad {
  margin-bottom: 0
}
.embed-item.ans:nth-child(2) .embed-item__icon {
  visibility: visible
}
.embed-item__icon {
  height: 22px;
  padding: 0 4px;
  background-color: #fe5a58;
  color: #fff;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px
}
.embed-item__icon.ans {
  background-color: #27a1ff;
  visibility: hidden
}
.embed-item__title {
  font-size: 16px;
  font-weight: 700;
  max-width: 532px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}
.embed-item__title:hover {
  color: #fe5a58
}
.embed-item__title.content {
  font-size: 14px;
  font-weight: 400;
  color: #999
}
.embed-item__title.content strong {
  color: #1f1f1f
}
.embed-item__info {
  font-size: 14px;
  color: #999
}
.bag_gif[data-v-12c27a7c] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  background-image: url(../image/pc55-e5653e4.png);
  background-size: cover
}
.bag_gif[data-v-12c27a7c]:hover {
  background-image: url(../image/pc55-362dd3c.gif)
}
.embed-ques {
  margin-top: 24px
}
.embed-ques button {
  padding: 13px 60px;
  transform: translateX(-50%);
  border-top-left-radius: 30px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: 24px 0 0 50%
}
.embed-ques__heading {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.embed-ques__heading span {
  font-size: 20px;
  font-weight: 700;
  color: #1f1f1f
}
.embed-ques__heading a {
  font-size: 16px;
  font-weight: 700;
  color: #fe5a58
}
.embed-ques__main {
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 12px
}
.embed-ques__main.btm {
  padding-bottom: 8px
}
.embed-ques__main button {
  padding: 12px 60px;
  border-top-left-radius: 30px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: 16px 0 32px
}
.embed-ques__main .embed-item-wrap:last-child .grayline {
  display: none
}
.embed-ques__main-none {
  font-size: 14px;
  color: #999;
  padding: 36px 0
}
.mt-36 {
  margin-top: 36px
}
.mb-24 {
  margin-bottom: 24px
}
.new-user-guide {
  position: relative
}
.new-user-guide .close-btn-store {
  position: absolute;
  right: 4px;
  top: 3px;
  color: #fff
}
.new-user-guide .close-btn-deal {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff
}
.store-guide {
  margin-top: 36px
}
.deal-guide {
  margin-bottom: 24px
}
.close-btn {
  font-size: 20px
}
.close-btn:hover {
  color: #f5f5f5
}
.sideic-wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 16px;
  position: relative
}
.sideic-wrap .bag_gif {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  left: 50px;
  top: -10px;
  background-image: url(../image/pc55-e5653e4.png);
  background-size: cover
}
.sideic-wrap .bag_gif:hover {
  background-image: url(../image/pc55-362dd3c.gif)
}
.sideic-wrap .sideic {
  height: 50px;
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: calc((100% - 72px)/4);
  margin-right: 24px;
  text-align: center;
  white-space: pre-line
}
.sideic-wrap .sideic:last-child {
  margin-right: 0
}
.sideic-wrap .sideic:before {
  content: "";
  padding: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-filter: brightness(0);
  filter: brightness(0)
}
.sideic-wrap .sideic.guide:before {
  background-image: url(../image/202112091027_bSi8SHUYgd.svg)
}
.sideic-wrap .sideic.guide:after {
  content: "购买攻略"
}
.sideic-wrap .sideic.ship span {
  margin-top: 10px;
  text-align: center
}
.sideic-wrap .sideic.ship:before {
  background-image: url(../image/202112091043_5Ty4kTjkps.svg)
}
.sideic-wrap .sideic.service:before {
  background-image: url(../image/202112091033_fCNYP7aVFl.svg)
}
.sideic-wrap .sideic.service:after {
  content: "联系客服"
}
.sideic-wrap .sideic.ques:before {
  background-image: url(../image/202112091016_jtgyE2nzbi.svg)
}
.sideic-wrap .sideic.ques:after {
  content: "常见问题"
}
.sideic-wrap .sideic:hover {
  color: #fe5a58
}
.sideic-wrap .sideic:hover:before {
  -webkit-filter: unset;
  filter: unset
}
.store-container {
  width: 1200px;
  margin: 20px auto 40px;
  display: flex;
  justify-content: space-between;
  padding: 0 calc((100% - 1200px)/2)
}
.store-container .store-switch {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(calc(-43px - 50%))
}
.store-container .load-allcmt {
  background-color: #fff;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  margin-top: 26px
}
.store-container .load-allcmt:hover span {
  color: #fe5a58
}
.store-container .deal-card-app {
  width: 100%
}
.store-container .store-tabs {
  padding-top: 24px
}
.store-container .store-tabs .el-tabs__content {
  overflow: unset !important
}
.store-container .store-tabs .el-tabs__active-bar {
  border-radius: 4px
}
.store-container .store-tabs .el-tabs__nav {
  margin-left: 0
}
.store-container .store-tabs .trans-btn {
  margin-left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  font-size: 14px;
  color: #999;
  cursor: pointer
}
.store-container .store-tabs .trans-btn.top {
  margin-top: 16px
}
.store-container .store-tabs .trans-btn:hover {
  color: #fe5a58
}
.store-container .load-more {
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin-top: 24px;
  display: block;
  cursor: pointer
}
.store-container .load-more.center {
  color: #999;
  margin-left: 50%;
  transform: translateX(-50%);
  text-align: center;
  cursor: pointer
}
.store-container .load-more.goods {
  margin-top: 0;
  font-weight: 400
}
.store-container .load-more:hover {
  color: #fe5a58
}
.store-container__nav {
  margin-bottom: 16px
}
.store-container__nav a {
  font-size: 14px;
  color: #1f1f1f;
  cursor: pointer
}
.store-container__nav a:hover {
  color: #fe5a58
}
.store-container .load-all {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #1f1f1f;
  text-align: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 50%;
  margin-top: 22px
}
.store-container .load-all:hover {
  color: #fe5a58
}
.store-container .load-all.hide {
  display: none
}
.store-container .load-all.main {
  margin-top: 0;
  width: calc(100% + 52px);
  background-color: #fff;
  padding: 22px 0;
  margin-left: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}
.store-container .left-side {
  width: 100%;
  background-color: #fff;
  padding: 30px 26px;
  border-radius: 4px;
  box-sizing: border-box
}
.store-container .left-side__drop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 0;
  background-color: #fff
}
.store-container .left-side__drop span {
  font-size: 12px;
  margin-right: 6px;
  cursor: pointer;
  color: #1f1f1f
}
.store-container .left-side__drop span:hover {
  color: #fe5a58
}
.store-container .left-side__drop span i {
  font-size: 12px;
  transform: rotate(90deg)
}
.store-container .left-side__title {
  font-size: 20px;
  font-weight: 700;
  margin: 24px 0 16px;
  display: block
}
.store-container .left-side .store-info {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border-radius: 3px
}
.store-container .left-side .store-info__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 182px;
  height: 132px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 80%;
  background-color: #1f1f1f;
  border-radius: 5px;
  margin-right: 20px;
  position: relative
}
.store-container .left-side .store-info__logo img {
  max-width: 80%;
  max-height: 80%
}
.store-container .left-side .store-info__logo .first-order-tag {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background: linear-gradient(90deg, #ff8266, #ff4e7b);
  padding: 0 8px;
  border-radius: 4px 0 8px 0;
  position: absolute;
  left: 0;
  top: 0
}
.store-container .left-side .store-info__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 202px)
}
.store-container .left-side .store-info__intro__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}
.store-container .left-side .store-info__intro__title-wrap {
  display: flex;
  align-items: center;
  max-width: 400px
}
.store-container .left-side .store-info__intro__title .attention {
  font-size: 14px;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 86px
}
.store-container .left-side .store-info__intro__title .attention.follow .star {
  background-image: url(../image/20200629192511844.png)
}
.store-container .left-side .store-info__intro__title .attention .star {
  height: 24px;
  width: 24px;
  background-size: 100%;
  background-image: url(../image/20200629192509779.png)
}
.store-container .left-side .store-info__intro__title .attention:hover {
  color: #fe5a58
}
.store-container .left-side .store-info__intro__title .attention:hover .star {
  background-image: url(../image/20200629192511844.png)
}
.store-container .left-side .store-info__intro__title .name {
  color: #1f1f1f;
  font-size: 20px;
  font-weight: 700;
  line-height: 1
}
.store-container .left-side .store-info__intro__title img {
  height: 18px;
  width: 18px;
  margin-left: 8px
}
.store-container .left-side .store-info__intro .rebate {
  color: #fe5a58;
  font-weight: 700;
  font-size: 18px;
  padding: 10px 0
}
.store-container .left-side .store-info__intro__attention {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}
.store-container .left-side .store-info__intro__attention span {
  font-size: 14px;
  color: #999
}
.store-container .left-side__buttons {
  background-color: #fe5a58;
  color: #fff;
  width: 152px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer
}
.store-container .left-side__buttons:hover {
  background-color: #ff7373
}
.store-container .left-side__count {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  margin-top: 30px;
  cursor: default
}
.store-container .left-side__count__node {
  display: flex;
  flex-direction: column;
  height: 42px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-right: 80px;
  width: 64px;
  cursor: pointer
}
.store-container .left-side__count__node span {
  font-size: 18px;
  color: #1f1f1f;
  font-weight: 700
}
.store-container .left-side__count__node span:nth-child(2) {
  font-size: 12px;
  color: #999;
  font-weight: 400
}
.store-container .left-side__count__node:hover span {
  color: #fe5a58 !important
}
.store-container .left-side__count__node:last-child {
  margin-right: 0
}
.store-container .left-side__titles {
  font-size: 12px;
  color: #1f1f1f;
  cursor: default;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 5px;
  display: block;
  line-height: 3;
  padding-left: 15px;
  position: relative;
  margin-top: 35px;
  box-sizing: border-box
}
.store-container .left-side__titles span {
  position: absolute;
  right: calc(20% - 20px)
}
.store-container .left-side__cashback-cate {
  font-size: 14px;
  color: #1f1f1f
}
.store-container .left-side__cashback-cate p {
  line-height: 25px;
  padding: 10px 0 10px 0;
}
.store-container .left-side__cashback-cate img {
  padding-top: 20px;  
  max-width: 100% !important;
  height: auto !important;
}
.store-container .left-side__cashback-cate .cate-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 12px 0;
  box-sizing: border-box;
  position: relative
}
.store-container .left-side__cashback-cate .cate-item__left {
  width: 70%;
  margin-left: 10px
}
.store-container .left-side__cashback-cate .cate-item .check_detail {
  font-size: 14px;
  font-weight: 500;
  color: #fc5c5d;
  margin-left: 8px;
  cursor: pointer
}
.store-container .left-side__cashback-cate .cate-item__right {
  width: 20%;
  color: #fe5a58;
  font-weight: 700;
  display: flex;
  align-items: center
}
.store-container .left-side__cashback-cate .cate-item__right .vipbg {
  margin-left: 3px
}
.store-container .left-side__cashback-cate .cate-item__right span {
  font-weight: 400;
  color: #999;
  margin-left: auto;
  text-decoration: line-through;
  width: 20px;
  margin-right: 26px;
  white-space: nowrap
}
.store-container .left-side__cashback-cate .cate-item .grayline {
  position: absolute;
  width: 100%;
  bottom: 0
}
.store-container .left-side__cashback-cate .cate-item .first-order-btn {
  color: #fe5a58;
  cursor: pointer
}
.store-container .left-side__cashback-rule {
  margin-left: 30px
}
.store-container .left-side__cashback-rule li {
  margin-top: 20px;
  list-style: disc;
  font-size: 12px
}
.store-container .left-side__cashback-rule li.hidden {
  display: none
}
.store-container .left-side__cashback-rule li p {
  font-size: 14px;
  color: #1f1f1f
}
.store-container .left-side-container {
  width: 845px;
  box-sizing: border-box
}
.store-container .left-side-container .hot-title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
  color: #303133
}
.store-container .left-side-container__normal {
  width: 100%;
  padding: 30px 26px;
  background-color: #fff;
  margin-top: 24px;
  border-radius: 4px;
  box-sizing: border-box
}
.store-container .left-side-container__normal.goods {
  background-color: #fff;
  padding: 12px 10px 18px;
  border: none;
  display: flex;
  flex-wrap: wrap
}
.store-container .left-side-container__normal.goods .goods-item {
  width: calc((100% - 24px)/4);
  margin: 0 8px 32px 0
}
.store-container .left-side-container__normal.goods .goods-item:nth-child(4n) {
  margin-right: 0
}
.store-container .left-side-container__normal.recdeal {
  margin-top: 0
}
.store-container .left-side-container__normal.no-discount {
  padding: 155px;
  background-size: 173px 148px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(../image/20200630141241154.png);
  position: relative
}
.store-container .left-side-container__normal.no-discount:after {
  content: "此商家暂无相关优惠";
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #999
}
.store-container .left-side-container__normal.short {
  margin-top: 24px
}
.store-container .left-side-container.comment {
  width: 100%;
  padding: 30px 26px 22px;
  background-color: #fff;
  margin-top: 24px;
  border-radius: 5px
}
.store-container .right-side {
  width: 330px
}
.store-container .right-side__ad {
  border-radius: 4px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  overflow: hidden
}
.store-container .right-side__ad img {
  margin: auto;
  width: 100%
}
.store-container .right-side__ad img[lazy=error], .store-container .right-side__ad img[lazy=loading] {
  width: 50%
}
.store-container .right-side__support-wrap {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 0 solid #ececec;
  padding: 24px
}
.store-container .right-side__support-wrap .sideic-wrap {
  padding: 0
}
.store-container .right-side__support-wrap .grayline {
  margin: 24px 0
}
.store-container .right-side__support {
  font-size: 14px;
  color: #1f1f1f;
  margin-bottom: 20px;
  display: flex
}
.store-container .right-side__support img {
  height: 20px;
  margin-right: 5px
}
.store-container .right-side__support.access span {
  color: #999;
  background-color: #f8f8f8
}
.store-container .right-side__support span {
  font-size: 12px;
  color: #999;
  background-color: #ededed;
  border-radius: 3px;
  padding: 0 5px;
  margin-right: 5px;
  display: flex;
  align-items: center
}
.store-container .right-side__support:last-child {
  margin-bottom: 0
}
.store-container .right-side .common-info {
  margin-top: 0
}
.store-container .right-side__title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  margin: 24px 0 14px
}
.store-container .right-side__title:first-child {
  margin-top: 0
}
.store-container .right-side__content {
  display: block;
  font-size: 14px;
  color: #3c3c3c;
  background-color: #fff;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 0 solid #ececec;
  line-height: 24px
}
.store-container .right-side .side-list-wrap__title {
  padding: 24px 0 18px
}
.first-order-popper {
  width: 300px !important;
  color: #353535 !important;
  font-weight: 400;
  background-color: #fff7f5;
  border-radius: 0;
  border: 1px solid #fe5a58;
  margin-left: -7px
}
.first-order-popper .el-popover__title {
  color: #353535
}
.first-order-popper .popper__arrow:after {
  top: 0 !important;
  border-bottom-color: #fe5a58 !important
}
.el-dialog.hint-pop {
  top: 10vh;
  width: 360px;
  background-color: transparent;
  box-shadow: none
}
.el-dialog.hint-pop .el-dialog__header {
  padding: 0;
  border: none
}
.el-dialog.hint-pop .el-dialog__headerbtn {
  border-radius: 50%;
  background-color: #fff;
  top: 10px;
  right: -15px;
  height: 32px;
  width: 32px
}
.el-dialog.hint-pop .el-dialog__headerbtn i:hover {
  color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body {
  background-image: url(../image/pc55-c29e224.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 160px 0 0
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body {
  background-color: #fff;
  padding: 45px 20px 20px;
  position: absolute;
  top: 110px;
  z-index: -1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  display: flex;
  flex-direction: column
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-title {
  font-size: 16px;
  font-weight: 700
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body ul {
  padding: 10px
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-list p {
  font-size: 20px;
  color: #1f1f1f
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-button {
  background-color: #fe5a58;
  border-radius: 3px;
  line-height: 2.5;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  display: block
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .hint-button:hover {
  background-color: #ff7373
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox.is-checked .el-checkbox__label, .el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox:hover .el-checkbox__label {
  color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__inner {
  border-radius: 50%;
  border-color: #1f1f1f
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__inner:active {
  border-color: #fe5a58
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__label {
  font-size: 12px;
  color: #999
}
.el-dialog.hint-pop .el-dialog__body .hint-pop__body .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #fe5a58;
  border-color: #fe5a58
}
.bag_gif {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  cursor: pointer;
  background-image: url(../image/pc55-e5653e4.png);
  background-size: cover
}
.bag_gif:hover {
  background-image: url(../image/pc55-362dd3c.gif)
}