html,body,.popup-bg,.notice-box,.mini-search-box,.m-box .fixed-box {
  max-width: 600px;
  margin:0 auto;
  left:unset !important;
  right:unset !important;
}
.page-cutting .tab-con .btn-show-select em, .page-cutting .search-box .icon24_3 .img-preview em:before, .page-cutting .search-box .icon24_3 .img-preview em:after, .page-cart .number-box .btn-opera:before, .page-cart .number-box .btn-opera:after, .page-type .type-list-box .btn-show-list:after, .page-goodsOrder .number-box .btn-opera:before, .page-goodsOrder .number-box .btn-opera:after, #popup-buy .number-box .btn-opera:before, #popup-buy .number-box .btn-opera:after, .page-offer .btn-clear:before, .page-offer .btn-clear:after, .page-search .history-list > div em:before, .page-search .history-list > div em:after, .page-search .search-box .icon24_3 .img-preview em:before, .page-search .search-box .icon24_3 .img-preview em:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#popup-language .language-list a.active:before, #popup-language .language-list a.active:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.page-cutting .tab-con .btn-show-select:before, .page-cutting .tab-con .btn-show-select:after, .sticky-0 .tab-nav a:after, .page-type .type-list a:after, .page-goodsDetail .part-2 .tab-box .tab-nav a:after {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

.public-inner-header > p,
.page-offer .inner-header > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cutting-list-2 .cutting-item .pic img, .page-cutting .search-box .icon24_3 .img-preview img, .page-cart .cart-item .pic img, .page-goodsOrder .goods-list .pic img, .page-offer .offer-list .grid-box .grid-item img, .page-search .search-box .icon24_3 .img-preview img, .public-goods-list .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

:root {
  --fixed-height: 56px;
  --noticeH: 36px;
  --theme-c: #b200f4;
  --red: rgb(255, 50, 50);
  --blue: #0f62fe;
  --blue2: #5a93fe;
}

.c-theme {
  color: var(--theme-c) !important;
}

.c-red {
  color: var(--red) !important;
}

.c-blue {
  color: var(--blue) !important;
}

.c-blue2 {
  color: var(--blue2) !important;
}

.ms-hide {
  display: none !important;
}

.fixed-wrap {
  height: var(--fixed-height);
}
.fixed-wrap .fixed-box {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 1px 0px, rgba(0, 0, 0, 0.04) 0px -4px 8px 0px;
  width: 100%;
  height: var(--fixed-height);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  transition: 0.3s;
}
.fixed-wrap .fixed-box.no-fixed {
  position: relative;
}
.fixed-wrap .fixed-box .nav {
  height: 100%;
}
.fixed-wrap .fixed-box .nav a {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
}
.fixed-wrap .fixed-box .nav a span {
  font-size: 12px;
  color: #888;
  margin-top: 3px;
}
.fixed-wrap .fixed-box .nav a i {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
}
.fixed-wrap .fixed-box .nav a:nth-child(1) i {
  background-image: url(../images/nav/nav_1.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(1).active i {
  background-image: url(../images/nav/nav_1_on.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(2) i {
  background-image: url(../images/nav/nav_2.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(2).active i {
  background-image: url(../images/nav/nav_2_on.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(3) i {
  background-image: url(../images/nav/nav_3.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(3).active i {
  background-image: url(../images/nav/nav_3_on.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(4) i {
  background-image: url(../images/nav/nav_4.png);
}
.fixed-wrap .fixed-box .nav a:nth-child(4).active i {
  background-image: url(../images/nav/nav_4_on.png);
}
.fixed-wrap .fixed-box .nav a.active span {
  color: #333;
}
.fixed-wrap.navHide {
  height: 0;
}
.fixed-wrap.navHide .fixed-box {
  transform: translate3d(0, 100%, 0);
}

.m-box {
  min-height: 100vh;
}

.header-notice {
  height: var(--noticeH);
}
.header-notice .flexA {
  overflow: hidden;
}
.header-notice .notice-box {
  height: var(--noticeH);
  background: rgb(38, 38, 38);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 15px;
  z-index: 9998;
}
.header-notice .notice-box > .flexN {
  margin-right: 8px;
}
.header-notice .notice-box span {
  flex: none;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  animation-name: noticeScroll;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes noticeScroll {
  0% {
    transform: translate3d(10vw, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.header-notice + .public-inner-header {
  top: 36px;
}
.header-notice + .sticky-0 {
  top: 36px;
}

.bg-fff {
  background-color: #fff;
}

.bg-1 {
  background-color: #f5f5f5;
}

.bg-2 {
  background-color: rgb(244, 249, 255);
}

.bg-3 {
  background-color: rgb(247, 247, 247);
}

.border-p {
  border: 1px solid #ddd;
}

.border-p2 {
  border: 1px solid #666;
}

.border-b {
  border-bottom: 1px solid #ddd;
}

.border-t {
  border-top: 1px solid #ddd;
}

.border-l {
  border-left: 1px solid #ddd;
}

.border-r {
  border-right: 1px solid #ddd;
}

.border-t10 {
  border-top: 10px solid #f5f5f5;
}

.border-b10 {
  border-bottom: 10px solid #f5f5f5;
}

.page-home .banner-box {
  width: 100%;
  height: 220px;
  background: rgb(251, 243, 255);
}
.page-home .banner-box .search-box > a {
  font-size: 12px;
  color: #333;
  border: 1px solid rgb(227, 227, 227);
  padding: 5px 10px;
  border-radius: 30px;
}
.page-home .banner-box .search-box > a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  vertical-align: middle;
  margin-left: 3px;
  transform: translateY(-1px);
}
.page-home .banner-box .inner-search-box {
  border: 1px solid var(--theme-c);
  border-radius: 40px;
  background: #fff;
  padding: 2px 10px;
}
.page-home .banner-box ~ div {
  background-color: #fff;
}
.page-home .mini-search-box {
  width: 100%;
  position: fixed !important;
  top: 36px;
  height: 54px;
  left: 0;
  z-index: -999 !important;
  background: rgb(251, 243, 255) !important;
  padding: 10px;
  opacity: 0;
  transition: 0.1;
}
.page-home .mini-search-box.fixed {
  opacity: 1;
  z-index: 4 !important;
}
.page-home .mini-search-box .inner-search-box {
  border: 1px solid var(--theme-c);
  border-radius: 40px;
  padding: 0 10px;
  background: #fff;
}
.page-home .mini-search-box .inner-search-box input {
  line-height: 30px;
  font-size: 12px;
}
.page-home .mini-search-box .search-box > a.flexN {
  font-size: 12px;
  color: #333;
  border: 1px solid rgb(227, 227, 227);
  padding: 8px 10px;
  border-radius: 30px;
}
.page-home .mini-search-box .search-box > a.flexN:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  vertical-align: middle;
  margin-left: 3px;
  transform: translateY(-1px);
}
.page-home .link-box-wrap {
  position: sticky !important;
  top: 88px;
  z-index: 4 !important;
  background: rgb(251, 243, 255) !important;
}
.page-home .link-box {
  display: flex;
  justify-content: space-around;
  overflow-x: scroll;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 1px 0px, rgba(0, 0, 0, 0.04) 0px -4px 8px 0px;
}
.page-home .link-box a {
  flex: none;
  font-size: 14px;
  color: #6e6e6e;
  line-height: 1.2;
  padding: 10px 0;
  margin: 0 8px;
  position: relative;
}
.page-home .link-box a.active {
  font-weight: bold;
  color: #333;
}
.page-home .link-box a.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--theme-c);
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-home .more,
.page-home .load-more {
  font-size: 14px;
  border: 1px solid #ddd;
  color: #333;
  border-radius: 6px;
  padding: 10px;
}
.page-home .more i,
.page-home .load-more i {
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-left: 4px;
}
.page-home .load-more i {
  transform: translate(2px, -2px) rotate(135deg);
}
.page-home .part-1 .swiper .swiper-slide {
  background: #f5f5f5;
  border-radius: 6px;
  padding: 10px 40px 10px 10px;
}
.page-home .part-1 .swiper .swiper-slide > .flex-item > .flexN {
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border: 50%;
  border-radius: 50%;
  padding: 4px;
}
.page-home .part-1 .swiper .swiper-slide > .flex-item > .flexN img {
  width: 100%;
  height: 100%;
}
.page-home .part-1 .swiper .swiper-slide i {
  flex: none;
  width: 6px;
  height: 6px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  margin-left: 2px;
  margin-right: 4px;
}
.page-home .part-1 .swiper .swiper-pagination {
  font-size: 12px;
  color: #fff;
  bottom: 6px;
  text-align: right;
  width: auto;
  left: auto;
  right: 10px;
  padding: 3px 8px;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2);
}

#popup-language .language-list a {
  display: table;
  margin: 0 auto;
  font-size: 14px;
  color: #999;
  position: relative;
}
#popup-language .language-list a:nth-of-type(n + 2) {
  margin-top: 20px;
}
#popup-language .language-list a.active {
  color: #333;
}
#popup-language .language-list a.active:before, #popup-language .language-list a.active:after {
  content: "";
  width: 20px;
  height: 1px;
  background: #333;
}
#popup-language .language-list a.active::before {
  left: 0;
  transform: translateX(-150%);
}
#popup-language .language-list a.active::after {
  right: 0;
  transform: translateX(150%);
}

.public-goods-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 10px;
}
.public-goods-list .pic {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.public-goods-list .pic img {
  position: absolute;
  left: 0;
  top: 0;
}
.public-goods-list .intr {
  line-height: 1.3;
  height: 2.6em;
}

.footer {
  background: #f1f1f1 !important;
}
.footer .btn-show i {
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translate(2px, -2px) rotate(135deg);
  margin-left: 4px;
}
.footer .company-intr.show-list .intr-box {
  display: block;
}
.footer .intr-box {
  display: none;
}
.footer .intr-box .intr-item:nth-of-type(n + 2) {
  border-top: 1px solid #ddd;
}
.footer .link-list a {
  display: table;
  font-size: 14px;
  color: #666;
}
.footer .link-list a:nth-of-type(n + 2) {
  margin-top: 15px;
}
.footer .img-list {
  margin-left: -10px;
  margin-top: -10px;
}
.footer .img-list a {
  margin-left: 10px;
  margin-top: 10px;
}
.footer .img-list img {
  display: block;
}

.fixed-menu .drag-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(227, 227, 227, 0.5);
}
.fixed-menu .drag-item:nth-of-type(n + 2) {
  margin-top: 5px;
}
.fixed-menu .drag-item svg {
  fill: #999;
}

.drag-el.drag-hide {
  z-index: -1111;
}

.page-search .search-box {
  padding: 10px 10px 10px 5px;
  position: sticky;
  top: 36px;
  background: #fff;
  z-index: 3;
}
.page-search .search-box > .flexA {
  border: 1px solid var(--theme-c);
  border-radius: 40px;
}
.page-search .search-box .icon24_3 {
  position: relative;
}
.page-search .search-box .icon24_3 input {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.page-search .search-box .icon24_3 .img-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.page-search .search-box .icon24_3 .img-preview em {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--red);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -25%);
}
.page-search .search-box .icon24_3 .img-preview em:before, .page-search .search-box .icon24_3 .img-preview em:after {
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
}
.page-search .search-box .icon24_3 .img-preview em::before {
  transform: rotate(45deg);
}
.page-search .search-box .icon24_3 .img-preview em::after {
  transform: rotate(-45deg);
}
.page-search .history-list {
  margin-left: -10px;
}
.page-search .history-list > div {
  padding: 4px 10px;
  border-radius: 30px;
  font-size: 12px;
  color: #444;
  margin-left: 10px;
  margin-top: 10px;
}
.page-search .history-list > div em {
  width: 12px;
  height: 12px;
  position: relative;
  margin-left: 4px;
}
.page-search .history-list > div em:before, .page-search .history-list > div em:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #666;
}
.page-search .history-list > div em:before {
  transform: rotate(45deg);
}
.page-search .history-list > div em:after {
  transform: rotate(-45deg);
}
.page-search .faq-list .tit-box > .flexN {
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  transform: translate3d(0, -2px, 0) rotate(45deg);
  transition: 0.2s;
}
.page-search .faq-list .con-box {
  background: #f5f5f5;
  padding: 5px 10px;
  border-radius: 4px;
  display: none;
}
.page-search .faq-list .ms-show {
  border-color: transparent;
}
.page-search .faq-list .ms-show .con-box {
  display: block;
}
.page-search .faq-list .ms-show .tit-box em {
  transform: translate3d(0, 2px, 0) rotate(-135deg);
}
.page-search .tips-box {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 50px;
}
.page-search .tips-box .tips-link {
  padding: 6px 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  position: fixed;
  top: 110px;
  z-index: 11;
  max-width: 90%;
  background: #fff;
}
.page-search .tips-box .tips-link > .flexN {
  background: var(--theme-c);
  font-size: 12px;
  color: #fff;
  padding: 4px 10px;
  border-radius: 30px;
}
.page-search .tips-box .select-type {
  font-size: 12px;
  color: #333;
  border: 1px solid rgb(227, 227, 227);
  padding: 5px 10px;
  border-radius: 30px;
}
.page-search .tips-box .select-type:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  vertical-align: middle;
  margin-left: 3px;
  transform: translateY(-1px);
}

#popup-type .type-list-box:nth-of-type(n + 2) {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
#popup-type .type-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-top: -10px;
  padding: 20px 0;
}
#popup-type .type-list .type-item {
  position: relative;
  flex: none;
  margin-left: 12px;
  margin-top: 10px;
}
#popup-type .type-list .type-item span {
  font-size: 12px;
  color: #666;
  line-height: 1;
  padding: 4px 10px;
  border-radius: 30px;
  border: 1px solid #ddd;
}
#popup-type .type-list .type-item input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}
#popup-type .type-list .type-item input[type=checkbox]:checked + span {
  border-color: var(--theme-c);
  color: var(--theme-c);
}

.page-offer .part {
  padding: 10px 15px;
}
.page-offer .inner-header {
  position: sticky;
  top: 36px;
  z-index: 3;
  background: #fff;
}
.page-offer .inner-header > p {
  position: absolute;
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
}
.page-offer .inner-header a {
  position: relative;
  z-index: 2;
}
.page-offer .inner-header .btn-link {
  font-size: 12px;
  background: #f1f1f1;
  color: #333;
  padding: 5px 10px;
}
.page-offer .inner-header .btn-link.active {
  background: var(--theme-c);
  color: #fff;
}
.page-offer .tit-box .flexN {
  background: #000;
  color: #fff;
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}
.page-offer .btn-clear {
  background: #000;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.page-offer .btn-clear:before, .page-offer .btn-clear:after {
  content: "";
  width: 10px;
  height: 1px;
  background: #fff;
}
.page-offer .btn-clear::before {
  transform: rotate(45deg);
}
.page-offer .btn-clear::after {
  transform: rotate(-45deg);
}
.page-offer .tips-box {
  border: 1px solid rgb(166, 200, 255);
}
.page-offer .type-select-list {
  margin-top: -10px;
  margin-left: -10px;
}
.page-offer .type-select-list a {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  color: #444;
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #ddd;
}
.page-offer .type-select-list a.active {
  color: var(--theme-c);
  border-color: var(--theme-c);
}
.page-offer .fixed-wrap {
  --fixed-height: 90px;
}
.page-offer .offer-list .offer-item:nth-of-type(n + 2) {
  margin-top: 10px;
}
.page-offer .offer-list .offer-item .goods img {
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-offer .offer-list .grid-box .grid-item {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.page-offer .offer-list .grid-box .grid-item img {
  position: absolute;
  left: 0;
  top: 0;
}

.public-inner-header {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
}
.public-inner-header > p {
  position: absolute;
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
}
.public-inner-header a {
  position: relative;
  z-index: 2;
}
.public-inner-header .btn-link {
  font-size: 12px;
  background: #f1f1f1;
  color: #333;
  padding: 5px 10px;
}
.public-inner-header .btn-link.active {
  background: var(--theme-c);
  color: #fff;
}
.public-inner-header .icon24_6 span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--theme-c);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  transform: translate(30%, -30%);
}

.page-goodsDetail .part-1 > img {
  width: 100%;
  display: block;
}
.page-goodsDetail .part-2 .tab-box .tab-nav a {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #999;
  position: relative;
}
.page-goodsDetail .part-2 .tab-box .tab-nav a:after {
  content: "";
  width: 0;
  height: 1px;
  background: #333;
  bottom: -1px;
  transition: 0.3s;
}
.page-goodsDetail .part-2 .tab-box .tab-nav a.active {
  color: #333;
}
.page-goodsDetail .part-2 .tab-box .tab-nav a.active:after {
  width: 100%;
}
.page-goodsDetail .part-2 .tab-box .tab-item img {
  max-width: 100%;
  display: table;
  margin: 0 auto;
}

#popup-buy .number-box {
  --size: 20px;
  --size2: 9px;
}
#popup-buy .number-box .btn-opera {
  width: var(--size);
  height: var(--size);
  position: relative;
}
#popup-buy .number-box .btn-opera:before, #popup-buy .number-box .btn-opera:after {
  content: "";
  width: var(--size2);
  height: 1px;
  background: #333;
}
#popup-buy .number-box .btn-opera.add:after {
  transform: rotate(90deg);
}
#popup-buy .number-box input {
  border: none;
  background: transparent;
  text-align: center;
  width: 32px;
  font-size: 12px;
  color: #333;
  line-height: var(--size);
}

.page-goodsOrder .goods-list a:nth-of-type(n + 2) {
  margin-top: 10px;
}
.page-goodsOrder .goods-list .pic {
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.page-goodsOrder .goods-list .pic img {
  display: block;
}
.page-goodsOrder .goods-list .intr {
  line-height: 1.3;
  height: 2.6em;
}
.page-goodsOrder .number-box {
  --size: 20px;
  --size2: 9px;
}
.page-goodsOrder .number-box .btn-opera {
  width: var(--size);
  height: var(--size);
  position: relative;
}
.page-goodsOrder .number-box .btn-opera:before, .page-goodsOrder .number-box .btn-opera:after {
  content: "";
  width: var(--size2);
  height: 1px;
  background: #333;
}
.page-goodsOrder .number-box .btn-opera.add:after {
  transform: rotate(90deg);
}
.page-goodsOrder .number-box input {
  border: none;
  background: transparent;
  text-align: center;
  width: 32px;
  font-size: 12px;
  color: #333;
  line-height: var(--size);
}

#popup-pickPoint .search-box {
  border: 1px solid var(--theme-c);
  border-radius: 30px;
}

#popup-address .popup-box {
  background: #f5f5f5;
}
#popup-address .popup-box .popup-body {
  padding: 0;
}
#popup-address .popup-header,
#popup-address .popup-footer {
  background: #fff;
}
#popup-address .address-list > .w-box-c:nth-of-type(n + 2) {
  margin-top: 10px;
}

.page-addressAdd {
  background: #f5f5f5;
}
.page-addressAdd .fixed-wrap .fixed-box {
  background: #fff;
}

.page-type .type-list-wrap {
  height: 36px;
  position: sticky;
  top: 81px;
  z-index: 3;
}
.page-type .type-list-box {
  position: relative;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.page-type .type-list-box.ms-show {
  position: fixed;
  top: 81px;
  left: 0;
}
.page-type .type-list-box.ms-show .type-list {
  flex-wrap: wrap;
  padding-right: 0;
}
.page-type .type-list-box.ms-show .btn-show-list:after {
  transform: translateY(2px) rotate(-135deg);
}
.page-type .type-list-box.ms-show .location-box {
  display: block !important;
}
.page-type .type-list-box .location-box {
  padding: 10px 8px 5px;
}
.page-type .type-list-box .btn-show-list {
  width: 32px;
  height: 32px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.page-type .type-list-box .btn-show-list:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg);
  transition: 0.3s;
}
.page-type .type-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: scroll;
  padding-right: 32px;
}
.page-type .type-list a {
  flex: none;
  padding: 10px 8px;
  position: relative;
}
.page-type .type-list a:after {
  content: "";
  width: 0;
  height: 2px;
  background: var(--theme-c);
  bottom: 0;
}
.page-type .type-list a.active {
  color: var(--theme-c);
}
.page-type .type-list a.active:after {
  width: 100%;
}
.page-type .public-goods-list {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.page-price .part-1 .tab-nav a {
  text-align: center;
  font-size: 14px;
  color: #333;
  padding: 10px;
}
.page-price .part-1 .tab-nav a.active {
  background: #fff;
}
.page-price table.public-table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}
.page-price table.public-table td,
.page-price table.public-table th {
  border: 1px solid #ddd;
  padding: 8px 10px;
  font-size: 12px;
}
.page-price table.public-table th {
  font-weight: normal;
  color: #333;
}
.page-price table.public-table td {
  color: #999;
}
.page-price table.public-table.table-1 td {
  padding: 0;
}
.page-price table.public-table.table-1 .ms-show .type-list {
  display: block;
}
.page-price table.public-table.table-1 .ms-show .type-item:before {
  transform: translateY(2px) rotate(-135deg);
}
.page-price .type-item-box .type-item {
  font-size: 12px;
  color: #666;
  padding: 8px 10px;
}
.page-price .type-item-box .type-item:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: translateY(-2px) rotate(45deg);
  margin-right: 8px;
  transition: 0.2s;
}
.page-price .type-item-box .type-list {
  padding-left: 6px;
  display: none;
}
.page-price .type-item-box .type-list li {
  display: flex;
}
.page-price .type-item-box .type-list li span {
  width: 91px;
  flex: none;
  padding: 8px 10px;
  font-size: 12px;
}
.page-price .type-item-box .type-list li span:nth-of-type(1) {
  flex: auto;
  font-weight: bold;
  color: #333;
}
.page-price .type-item-box .type-list li span:nth-of-type(2) {
  color: #999;
}
.page-price .type-item-box .type-list li span:nth-of-type(3) {
  font-weight: bold;
  color: #333;
}

.page-intr .details-box img {
  max-width: 100%;
  display: table;
  margin: 0 auto;
}

.btn-language {
  font-size: 12px;
  color: #333;
  border: 1px solid rgb(227, 227, 227);
  padding: 5px 10px;
  border-radius: 30px;
}
.btn-language:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  vertical-align: middle;
  margin-left: 3px;
  transform: translateY(-1px);
}

.page-my .link-list > a:nth-of-type(n + 2) {
  border-top: 1px solid #eee;
}

.sticky-0 {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 11;
}
.sticky-0 > .public-inner-header {
  position: relative;
}
.sticky-0 .tab-nav a {
  font-size: 14px;
  color: #666;
  padding: 8px 4px;
  position: relative;
}
.sticky-0 .tab-nav a:after {
  content: "";
  width: 0;
  height: 2px;
  background-color: var(--theme-c);
  bottom: -1px;
  transition: 0.3s;
}
.sticky-0 .tab-nav a.active {
  color: var(--theme-c);
}
.sticky-0 .tab-nav a.active:after {
  width: 100%;
}

.page-cart {
  height: 100vh;
}
.page-cart > * {
  flex: none;
}
.page-cart .part-1 {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 11;
}
.page-cart .part-2 {
  overflow-y: auto;
}
.page-cart .header-notice + .part-1 {
  top: 36px;
}
.page-cart .custom-checkbox-noStyle em {
  border-radius: 50%;
}
.page-cart .cart-item:nth-of-type(n + 2) {
  margin-top: 10px;
}
.page-cart .cart-item .pic {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
}
.page-cart .number-box {
  --size: 20px;
  --size2: 9px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.page-cart .number-box .btn-opera {
  width: var(--size);
  height: var(--size);
  position: relative;
}
.page-cart .number-box .btn-opera:before, .page-cart .number-box .btn-opera:after {
  content: "";
  width: var(--size2);
  height: 1px;
  background: #333;
}
.page-cart .number-box .btn-opera.add:after {
  transform: rotate(90deg);
}
.page-cart .number-box input {
  border: none;
  background: transparent;
  text-align: center;
  width: 32px;
  font-size: 12px;
  color: #333;
  line-height: var(--size);
}

.page-cutting .avatar > img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-cutting .search-box {
  padding: 10px 10px 10px 5px;
  background: #fff;
  z-index: 3;
}
.page-cutting .search-box > .flexA {
  border: 1px solid var(--theme-c);
  border-radius: 40px;
}
.page-cutting .search-box .icon24_3 {
  position: relative;
}
.page-cutting .search-box .icon24_3 input {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.page-cutting .search-box .icon24_3 .img-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.page-cutting .search-box .icon24_3 .img-preview em {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--red);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -25%);
}
.page-cutting .search-box .icon24_3 .img-preview em:before, .page-cutting .search-box .icon24_3 .img-preview em:after {
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
}
.page-cutting .search-box .icon24_3 .img-preview em::before {
  transform: rotate(45deg);
}
.page-cutting .search-box .icon24_3 .img-preview em::after {
  transform: rotate(-45deg);
}
.page-cutting .link-box {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.page-cutting .link-box a {
  flex: none;
  font-size: 14px;
  color: #6e6e6e;
  line-height: 1.2;
  padding: 0 0 8px;
  margin: 0 8px;
  position: relative;
}
.page-cutting .link-box a.active {
  font-weight: bold;
  color: #333;
}
.page-cutting .link-box a.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--theme-c);
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-cutting .tab-con .type-list {
  padding: 10px;
  overflow-x: auto;
}
.page-cutting .tab-con .type-list a {
  flex: none;
  font-size: 12px;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 5px 10px;
  margin-right: 10px;
}
.page-cutting .tab-con .type-list a.active {
  background: var(--theme-c);
  color: #fff;
  border-color: var(--theme-c);
}
.page-cutting .tab-con .btn-show-select {
  width: 30px;
  height: 24px;
  position: relative;
}
.page-cutting .tab-con .btn-show-select:before, .page-cutting .tab-con .btn-show-select:after {
  content: "";
  width: 60%;
  height: 2px;
  background: #333;
}
.page-cutting .tab-con .btn-show-select:before {
  top: 5px;
}
.page-cutting .tab-con .btn-show-select:after {
  bottom: 5px;
}
.page-cutting .tab-con .btn-show-select em {
  width: 60%;
  height: 2px;
  background: #333;
}
.page-cutting .sticky-1 {
  position: sticky;
  top: 118px;
  z-index: 11;
  background: #fff;
}

#popup-selectType .type-list {
  margin-right: -10px;
  margin-top: -8px;
}
#popup-selectType .type-list > div {
  margin-right: 10px;
  margin-top: 8px;
}
#popup-selectType .type-list > div span {
  flex: none;
  font-size: 12px;
  color: #666;
  border: 1px solid #ddd;
  line-height: 1;
  border-radius: 20px;
  padding: 5px 10px;
  display: block;
}
#popup-selectType .type-list > div input:checked + .custom-checkbox span {
  color: var(--theme-c);
  border-color: var(--theme-c);
}

.cutting-list-1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 10px;
}
.cutting-list-1 .cutting-item {
  background: #fff;
  padding: 6px;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.cutting-list-1 .pic {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.cutting-list-1 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cutting-list-2 .cutting-item {
  padding: 10px;
  display: block;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.cutting-list-2 .cutting-item:nth-of-type(n + 2) {
  margin-top: 10px;
}
.cutting-list-2 .cutting-item .type {
  background: #f5f5f5;
  display: table;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 3px 10px;
  line-height: 1;
  border-radius: 30px;
}
.cutting-list-2 .cutting-item .pic {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.cutting-list-2 .like i {
  width: 16px;
  height: 16px;
  background: url(../images/icon10_4.png);
  background-size: 100% 100%;
}
.cutting-list-2 .like.active i {
  background-image: url(../images/icon10_6.png);
}
.cutting-list-2 .like.active span {
  color: #ff9600;
}
.cutting-list-2 .comment i {
  width: 16px;
  height: 16px;
  background: url(../images/icon10_5.png);
  background-size: 100% 100%;
}

.page-cuttingDetail .avatar > img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #ddd;
}
.page-cuttingDetail .part-1 > img {
  width: 100%;
  display: block;
}
.page-cuttingDetail .like i {
  width: 16px;
  height: 16px;
  background: url(../images/icon10_4.png);
  background-size: 100% 100%;
}
.page-cuttingDetail .like span {
  font-size: 12px;
  color: #999;
}
.page-cuttingDetail .like.active i {
  background-image: url(../images/icon10_6.png);
}
.page-cuttingDetail .like.active span {
  color: #ff9600;
}
.page-cuttingDetail .comment i {
  width: 16px;
  height: 16px;
  background: url(../images/icon10_5.png);
  background-size: 100% 100%;
}
.page-cuttingDetail .text-box img {
  max-width: 100%;
  display: table;
  margin: 0 auto;
}
.page-cuttingDetail .fixed-wrap .fixed-box {
  background: #fff;
}
.page-cuttingDetail .fixed-wrap .fixed-box > .flexA {
  background: #f5f5f5;
  border-radius: 4px;
}
.page-cuttingDetail .reply-list {
  padding-left: 30px;
}
.page-cuttingDetail .reply-list .reply-item {
  margin-top: 10px;
}
.page-cuttingDetail .reply-list.reply-hide .reply-item:nth-of-type(n + 2) {
  display: none;
}
.page-cuttingDetail .reply-list.reply-hide + .btn-reply-toggle:after {
  transform: translateY(-3px) rotate(45deg) !important;
}
.page-cuttingDetail .btn-reply-toggle {
  margin-left: 30px;
  margin-top: 15px;
  font-size: 12px;
  color: #666;
}
.page-cuttingDetail .btn-reply-toggle:after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: translateY(2px) rotate(-135deg);
  margin-left: 5px;
  display: inline-block;
}
.page-cuttingDetail .comment-item {
  border-top: 1px solid #ddd;
  padding: 10px;
}
.el-skeleton {
  background: linear-gradient(90deg, rgb(242, 242, 242) 25%, rgb(230, 230, 230) 37%, rgb(242, 242, 242) 63%) 0% 0%/400% 100%;
  animation: 1.4s ease 0s infinite normal none running el-skeleton-loading;
  border-color: transparent !important;
  color: transparent !important;
  font-size: 0;
  border-radius: 2px;
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0px 50%;
  }
}
/*# sourceMappingURL=main.css.map */