.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
}
.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
}
.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
}
.customchart svg {
  overflow: visible
}
.customchart svg g:first-of-type g:nth-of-type(2) g:first-of-type g:first-of-type text:first-of-type {
  text-anchor: start
}
.customchart svg g:first-of-type g:nth-of-type(2) g:first-of-type g:first-of-type text:last-of-type {
  text-anchor: end
}
.customchart svg g:first-of-type g:nth-of-type(2) g:last-of-type g:first-of-type text:first-of-type {
  alignment-baseline: baseline
}
.customchart svg g:first-of-type g:nth-of-type(2) g:last-of-type g:first-of-type text:last-of-type {
  alignment-baseline: hanging
}
.customchart svg g {
  -webkit-clip-path: none !important;
  clip-path: none !important
}
.customchart .g2-tooltip {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  min-width: 132px;
  border-radius: 6px !important;
  box-shadow: unset !important;
  background-color: transparent !important
}
.customchart .g2-tooltip .none {
  display: none
}
.customchart .g2-tooltip .toolwrap {
  background-color: #fff;
  box-shadow: 0 0 14px #ececec;
  position: relative;
  padding: 6px 8px;
  border-radius: 3px
}
.customchart .g2-tooltip .toolwrap:after {
  content: "·";
  position: absolute;
  top: -2px;
  left: 3px;
  font-size: 24px;
  font-weight: 700;
  color: #fe5a58
}
.customchart .g2-tooltip span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  justify-content: space-between
}
.customchart .g2-tooltip span:before {
  color: #787878
}
.customchart .g2-tooltip span:first-child {
  color: #3c3c3c
}
.customchart .g2-tooltip span:first-child:before {
  content: "价格"
}
.customchart .g2-tooltip span:last-child {
  color: #999
}
.customchart .g2-tooltip span:last-child:before {
  content: "时间"
}
.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)
}
.store-detail-pop-container .store-detail-pop {
  cursor: default
}
.store-detail-pop-container .store-detail-pop .el-dialog__title {
  font-weight: 700
}
.store-detail-pop-container .store-detail-pop .el-dialog__body {
  padding: 0 0 20px
}
.store-detail-pop-container .store-detail-pop__msg {
  background-color: rgba(246, 112, 82, .1);
  color: #fe5a58;
  font-size: 12px;
  font-weight: 700;
  display: block;
  width: 100%;
  padding: 0 30px;
  line-height: 2;
  box-sizing: border-box
}
.store-detail-pop-container .store-detail-pop__data {
  display: flex;
  padding: 30px;
  display: none
}
.store-detail-pop-container .store-detail-pop__data .data-detail {
  display: flex;
  flex-direction: column;
  margin-right: 80px
}
.store-detail-pop-container .store-detail-pop__data .data-detail span {
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f
}
.store-detail-pop-container .store-detail-pop__data .data-detail span:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  color: #999
}
.store-detail-pop-container .store-detail-pop__content {
  padding: 0 30px
}
.store-detail-pop-container .store-detail-pop__content .heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #ebebeb;
  padding: 0 20px;
  font-size: 12px;
  line-height: 3;
  border-radius: 3px
}
.store-detail-pop-container .store-detail-pop__content .heading span:nth-child(2) {
  width: 85px
}
.store-detail-pop-container .store-detail-pop__content .cashback-list {
  font-size: 14px;
  font-weight: 400;
  color: #1f1f1f
}
.store-detail-pop-container .store-detail-pop__content .cashback-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 12px 0;
  box-sizing: border-box;
  position: relative
}
.store-detail-pop-container .store-detail-pop__content .cashback-list li span:first-child {
  width: 70%;
  margin-left: 20px
}
.store-detail-pop-container .store-detail-pop__content .cashback-list li span:nth-child(2) {
  width: 20%;
  color: #fe5a58;
  font-weight: 700
}
.store-detail-pop-container .store-detail-pop__content .cashback-list li .grayline {
  position: absolute;
  width: 100%;
  bottom: 0
}
.store-detail-pop-container .store-detail-pop__content .cashback-list li .first-order-btn {
  color: #fe5a58;
  cursor: pointer;
  margin-left: -20px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse {
  border: none
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__header {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 700;
  border: none
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content {
  font-size: 14px;
  font-weight: 400
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul {
  list-style: disc;
  margin-left: 22px;
  font-size: 12px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul .process-item {
  list-style: none;
  display: flex;
  align-items: center;
  margin-left: -22px;
  position: relative;
  padding-bottom: 30px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul .process-item p {
  margin-left: 10px;
  font-size: 14px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul .process-item .dashed-line {
  height: 50px;
  border-left: 1px dashed #3ac1ff;
  position: absolute;
  left: 10px;
  top: 22px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul .process-item:last-child {
  padding-bottom: 0
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul li {
  list-style: disc
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul li.hidden {
  display: none
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__content ul li p {
  font-size: 14px
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__arrow {
  position: absolute;
  left: 0
}
.store-detail-pop-container .store-detail-pop__content .el-collapse-item__arrow:before {
  content: "\e791"
}
.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
}
.ddapp-pop {
  background-color: #fff;
  display: flex
}
.ddapp-pop:before {
  content: "";
  display: block;
  width: 177px;
  height: 177px;
  background-size: 100%;
  background-image: url(../image/202107092043_vVC5A5BXKc.png)
}
.ddapp-btm {
  position: relative;
  margin-top: 16px;
  width: 100%;
  height: 258px;
  background-image: url(../image/202107091554_AiExos2GuP.png)
}
.ddapp-btm__go {
  position: absolute;
  width: 243px;
  height: 46px;
  bottom: 34px;
  left: 217px;
  cursor: pointer
}
.ddapp-go {
  position: absolute;
  width: 429px;
  height: 44px;
  right: 69px;
  bottom: 24px;
  display: flex;
  justify-content: space-between
}
.ddapp-go a {
  display: inline-block;
  height: 100%;
  width: 47%
}
.ddapp-top-info {
  display: flex;
  flex-direction: column;
  width: calc(100% - 290px);
  padding: 8px 0;
  color: #fff
}
.ddapp-top-info .praise-view {
  color: #fff;
  margin-top: 48px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.ddapp-top-info h3 {
  font-size: 24px;
  margin: 12px 0 8px;
  max-width: 460px
}
.ddapp-top-info .dlapp-app {
  font-size: 14px;
  height: 31px;
  line-height: 31px;
  width: 82px;
  background-color: #fff;
  color: #fe5a58;
  text-align: center;
  border-radius: 25px
}
.ddapp-top-info .dlapp-price {
  font-size: 20px;
  color: #ffed44
}
.ddapp-top-grid {
  position: relative;
  height: 293px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
  background-image: url(../image/202107091522_k1T05FMelG.png);
  background-size: 529px 222px;
  background-position: 35px 24px
}
.ddapp-top-grid .dlapp-sharp {
  right: 490px;
  bottom: 30px;
  background-repeat: no-repeat
}
.ddapp-top-grid .dlapp-sharp, .ddapp-top-grid .dlapp-sharp:before {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: 100%;
  background-image: url(../image/202107092014_Eq3IOxSrM1.png)
}
.ddapp-top-grid .dlapp-sharp:before {
  content: "";
  right: 0;
  top: -143px
}
.ddapp-top-grid .dlapp-sharp:after {
  content: "";
  background-size: 100%;
  background-image: url(../image/202107092014_Eq3IOxSrM1.png);
  position: absolute;
  right: -458px;
  top: -30px;
  display: block;
  width: 70px;
  height: 70px
}
.ddapp-top-grid .dlapp-wrap {
  width: 329px;
  position: absolute;
  right: 77px;
  bottom: -106px
}
.ddapp-top-grid .dlapp-wrap .dlapp-qr {
  background-image: url(../image/202107092043_vVC5A5BXKc.png);
  position: absolute;
  width: 185px;
  height: 185px;
  z-index: 1;
  top: 77px;
  left: 72px
}
.ddapp-top-grid .dlapp-phone {
  display: block;
  padding-top: 170.46%;
  background-image: url(../image/202107091541_DjNMMlp05I.png);
  width: 100%
}
.ddapp-top-grid .dlapp-name {
  position: absolute;
  left: 50%;
  bottom: 190px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
  transform: translateX(-50%)
}
.ddapp-top-grid .dlapp-name.hint {
  bottom: 142px;
  background-color: #fff;
  padding: 12px
}
.ddapp-top-grid-search {
  position: relative;
  width: 312px;
  height: 43px;
  border: 1px solid #1f1f1f;
  border-radius: 25px;
  line-height: 43px;
  padding: 0 24px;
  box-sizing: border-box;
  margin-left: 125px
}
.ddapp-top-grid-search span {
  font-size: 14px;
  color: #666;
  position: relative
}
.ddapp-top-grid-search span:after {
  content: "|";
  position: absolute;
  right: 0;
  transform: translate(calc(100% + 8px), -3px) scaleY(2);
  font-size: 14px;
  color: #ff7f6e
}
.ddapp-top-grid-search:after {
  content: "搜索";
  font-size: 18px;
  color: #ff7f6e;
  position: absolute;
  right: 0;
  transform: translateX(calc(100% + 24px))
}
.ddapp-top-red {
  background-color: #ff7f6e;
  padding: 25px 44px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}
.ddapp-top-red__img {
  border-radius: 3px;
  width: 218px;
  padding: 4px;
  background-color: #fff
}
.mt-36 {
  margin-top: 36px
}
.mb-24 {
  margin-bottom: 24px
}
.ddwrap__customer {
  position: fixed;
  top: 160px;
  transform: translateX(-84px);
  background-image: url(../image/pc55-16cab75.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 35%;
  padding: 25px 6px 4px;
  background-position: center 3px;
  cursor: pointer;
  box-shadow: 0 0 1px 1px #e8e8e8
}
.ddwrap__customer.hasAd {
  top: 260px
}
.ddwrap__customer:after {
  content: "小顾问";
  font-size: 12px;
  font-weight: 700;
  color: #1f1f1f
}
.ddwrap__customer:hover:after {
  color: #fe5a58
}
.ddwrap__popper {
  background-color: #fff;
  font-weight: 400;
  transform: translate(8px, 20px)
}
.ddwrap__popper i {
  color: #c8c8c8;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  cursor: pointer
}
.ddwrap__popper em {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 16px solid #fff;
  border-left: 16px solid transparent;
  top: -12px;
  left: -27px
}
.ddwrap__popper img {
  width: 112px;
  margin-bottom: 20px
}
.ddwrap__popper div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  position: relative
}
.ddwrap__popper span {
  font-size: 22px;
  font-weight: 700;
  color: #fe5a58;
  margin: 6px 0 20px
}
.ddwrap__popper span:first-of-type {
  font-size: 18px;
  font-weight: 400;
  margin: auto
}
.ddwrap__popper p {
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 18px
}
.am-card {
  display: flex;
  justify-content: space-between;
  background-color: rgba(26, 26, 26, .03);
  padding: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer
}
.am-card__prime {
  width: 50px;
  height: 17px;
  background-size: 100%;
  background-image: url(../image/2021010717122842.png)
}
.am-card__btm {
  display: flex;
  align-items: center
}
.am-card__btn {
  margin-left: auto;
  margin-right: 12px;
  border-radius: 25px;
  padding: 8px 13px
}
.am-card__btn a {
  line-height: 29px;
  padding: 0 12px
}
.am-card__wrap {
  height: 132px;
  width: 132px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  position: relative;
  overflow: hidden
}
.am-card__wrap.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%
}
.am-card__wrap span {
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 6px;
  text-align: center;
  max-height: 36px;
  overflow: hidden;
  box-sizing: border-box
}
.am-card__pic {
  max-height: 132px !important;
  max-width: 132px;
  margin: auto
}
.am-card__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 156px)
}
.am-card__info-flag {
  display: flex;
  align-items: center
}
.am-card__info-flag .am-brand {
  font-size: 14px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.am-card__info-flag .amazon-rebate {
  font-size: 12px;
  background: linear-gradient(90deg, #fe8458, #ff488c);
  color: #fff;
  line-height: 22px;
  padding: 0 8px;
  border-radius: 4px
}
.am-card__info-flag span {
  margin-right: 12px
}
.am-card__info-flag span:last-child {
  margin-right: 0
}
.am-card__info-desc {
  font-size: 16px;
  font-weight: 500;
  margin: 16px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.am-card__info-desc:hover {
  color: #fe5a58
}
.am-card__info-price {
  font-size: 18px;
  font-weight: 500;
  color: #fe5a58
}
.am-card__info-price.origin {
  text-decoration: line-through;
  color: #999;
  margin-left: 10px
}
.am-card__nation {
  font-size: 12px;
  background-color: #fff;
  background-size: 12px;
  background-position: 0;
  background-repeat: no-repeat;
  padding: 0 2px 0 16px;
  border-radius: 3px
}
.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
}
.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
}
.iframe {
  width: 100%;
  height: 400px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999
}
.ddwrap__left-ai {
  box-sizing: border-box;
  width: 715px;
  margin: 20px 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 30px rgba(240, 234, 253, .5);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.ddwrap__left-ai .ai_content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -.05em;
  line-height: 1.5;
  color: #333
}
.ddwrap__left-ai .ai_header {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px
}
.ddwrap__left-ai .ai_header span {
  font-family: HarmonyOS Sans SC;
  font-style: normal;
  background: linear-gradient(90deg, #fd565a, #d524c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  flex: none;
  order: 1;
  flex-grow: 0
}
.ddwrap__left-ai .ai_footer {
  grid-gap: 10px;
  gap: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: flex-end
}
.ddwrap__left-ai .ai_footer span {
  cursor: pointer;
  background: linear-gradient(90deg, #fd565a, #d524c4);
  border-radius: 100px;
  width: 90px;
  height: 36px;
  line-height: 36px;
  text-align: center
}