.nav-link[data-v-6d29833a] {
  display: inline-block;
  height: 72px;
  line-height: 72px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-right: 56px;
  padding: 0 4px;
}
.nav-active[data-v-6d29833a] {
  color: #2223eb;
  position: relative;
  font-weight: bold;
}
.nav-active[data-v-6d29833a]::after {
  content: " ";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #2223eb;
}
.nav-inactive[data-v-6d29833a]:hover {
  color: #2223eb;
}

.btn-group[data-v-240a20fb] {
  min-width: 100px;
  height: 40px;
  position: relative;
  margin: 10px 1px;
  display: inline-block;
  vertical-align: middle;
}
.btn-group a[data-v-240a20fb]:hover {
  text-decoration: none;
}
.dropdown-toggle[data-v-240a20fb] {
  color: #636b6f;
  min-width: 70px;
  padding: 10px 20px 10px 10px;
  text-transform: none;
  font-weight: 300;
  margin-bottom: 7px;
  border: 0;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-toggle[data-v-240a20fb]:hover {
  background: #e1e1e1;
  cursor: pointer;
}
.dropdown-menu[data-v-240a20fb] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 100px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu > li > a[data-v-240a20fb] {
  padding: 10px 30px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-menu > li > a img[data-v-240a20fb] {
  vertical-align: middle;
}
.dropdown-menu > li > a[data-v-240a20fb]:hover {
  background: #efefef;
  color: #333333;
}
.dropdown-menu > li[data-v-240a20fb] {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0;
}
.caret[data-v-240a20fb] {
  width: 0;
  position: absolute;
  top: 19px;
  height: 0;
  margin-left: -24px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  right: 10px;
}
li[data-v-240a20fb] {
  list-style: none;
}
.icon[data-v-240a20fb] {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  border: 1px #eee solid;
  background: #fff;
}

.search-area-noSelect[data-v-2bb4aa34] {
  width: 450px !important;
}
.search-area[data-v-2bb4aa34] {
  width: 550px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #294ff8;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
}
.search-area[data-v-2bb4aa34]:hover {
  box-shadow: 0 0 0 4px rgba(48, 123, 248, 0.2);
}
.search-area .search-select[data-v-2bb4aa34] {
  position: relative;
  padding-left: 10px;
  height: 50px;
  line-height: 50px;
}
.search-area .search-select:hover .search-select-icon[data-v-2bb4aa34] {
  position: absolute;
  transform: rotate(180deg);
}
.search-area .search-select:hover .search-select-box[data-v-2bb4aa34] {
  display: flex !important;
}
.search-area .search-select .search-select-warper[data-v-2bb4aa34] {
  cursor: pointer;
  color: #333;
  font-size: 15px;
  padding-right: 10px;
}
.search-area .search-select .search-select-warper .search-selected-text[data-v-2bb4aa34] {
  padding-right: 10px;
}
.search-area .search-select .search-select-warper .search-select-icon[data-v-2bb4aa34] {
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: 0px;
  transition: all 0.3s;
}
.search-area .search-select .search-select-warper .search-select-box[data-v-2bb4aa34] {
  position: absolute;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 240px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  left: -10px;
  top: 50px;
  display: none;
}
.search-area .search-select .search-select-warper .search-select-box .search-select-box-item[data-v-2bb4aa34] {
  width: 90px !important;
  line-height: 40px;
  cursor: pointer;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-area .search-select .search-select-warper .search-select-box .search-select-box-item.active[data-v-2bb4aa34],
.search-area .search-select .search-select-warper .search-select-box .search-select-box-item.active i[data-v-2bb4aa34] {
  color: #294ff8 !important;
}
.search-area .search-select .search-select-warper .search-select-box .search-select-box-item i[data-v-2bb4aa34] {
  color: #fff;
  font-weight: bold;
}
.search-area .search-select .search-select-warper .search-select-box .search-select-box-item[data-v-2bb4aa34]:hover {
  color: #333;
}
.search-area .search-line[data-v-2bb4aa34] {
  margin-left: 20px;
  margin-right: 20px;
  width: 1px;
  height: 12px;
  background-color: #d3d8db;
}
.search-area input[data-v-2bb4aa34] {
  width: 420px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
}
.search-area .search-input-icon[data-v-2bb4aa34] {
  position: absolute;
  right: 10px;
  font-weight: 700;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
  color: #333;
  cursor: pointer;
}

.modal-mask[data-v-151e8d7a] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-wrapper[data-v-151e8d7a] {
  display: table-cell;
  vertical-align: middle;
}
.modal-container[data-v-151e8d7a] {
  position: relative;
  margin: 0px auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.modal-header[data-v-151e8d7a] {
  position: relative;
  padding: 0 20px;
  height: 80px;
  background-color: #f6f6f6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-title[data-v-151e8d7a] {
  margin: 0;
  line-height: 80px;
  font-weight: 500;
  color: #333;
  font-size: 30px;
  text-align: center;
}
.product-price-box[data-v-151e8d7a] {
  padding: 0 30px;
  background: linear-gradient(180deg, rgba(132, 166, 255, 0.4) 0%, rgba(73, 114, 220, 0.08) 99%);
}
.product-price-box .modal-title[data-v-151e8d7a] {
  text-align: left;
}
.close-btn[data-v-151e8d7a] {
  position: absolute;
  right: 10px;
  top: 4px;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.modal-close[data-v-151e8d7a] {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 40px;
  height: 40px;
}
.modal-body[data-v-151e8d7a] {
  margin: 20px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.modal-default-button[data-v-151e8d7a] {
  float: right;
}
.modal-enter[data-v-151e8d7a] {
  opacity: 0;
}
.modal-leave-active[data-v-151e8d7a] {
  opacity: 0;
}
.modal-enter .modal-container[data-v-151e8d7a],
.modal-leave-active .modal-container[data-v-151e8d7a] {
  transform: scale(1.1);
}

.mask-container[data-v-8fdfb768] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, #ffffff 100%);
}
.model-container[data-v-8fdfb768] {
  padding: 20px;
  padding-top: 0;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.model-container .logo[data-v-8fdfb768] {
  position: absolute;
  top: -145px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 72px;
  height: 113px;
}
.btn[data-v-8fdfb768] {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  width: 384px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-weight: 600;
  border: 1px #ccc solid;
  font-weight: 400;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.qrcode-container[data-v-8fdfb768] {
  position: relative;
  width: 200px;
  height: 200px;
  margin: auto;
}
.scon-test[data-v-8fdfb768] {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-left: 5px;
}
.qrcode[data-v-8fdfb768] {
  width: 100%;
  height: 100%;
}
.qrcode-container-mask[data-v-8fdfb768] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
.qrcode-tip[data-v-8fdfb768] {
  height: 70px;
  background: #f3f5f9;
  border-radius: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.content_wrap[data-v-2ea0c25c] {
  border: 1px solid #2223eb;
  color: #2223eb;
  box-sizing: border-box;
  background-color: #d6dff8;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 16px;
}

.nav-right[data-v-6cd44912] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-pannel[data-v-6cd44912] {
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 2;
  display: none;
  transition: opacity 0.5s;
}
.search-pannel .search-pannel-container[data-v-6cd44912] {
  width: 100%;
  height: 180px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-right-search[data-v-6cd44912] {
  line-height: 70px;
  padding-right: 50px;
  padding-left: 50px;
  position: relative;
}
.nav-right-search .search-icon[data-v-6cd44912] {
  color: #666;
  font-size: 20px;
}
.nav-right-search .search-icon-text[data-v-6cd44912] {
  margin-left: 5px;
  font-size: 15px;
  color: #666;
  vertical-align: top;
}
.nav-right-search.nav-right-search-active .search-pannel[data-v-6cd44912] {
  display: block;
  opacity: 1;
}
.nav-right-search.nav-right-search-active .search-icon[data-v-6cd44912],
.nav-right-search.nav-right-search-active .search-icon-text[data-v-6cd44912] {
  color: #294ff8;
}
.nav-right-search .nav-search-container[data-v-6cd44912] {
  width: 220px;
  height: 40px;
  background: #f7f7f7;
  border: 1px solid #bababa;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
}
.nav-right-search .nav-search-container .search-icon[data-v-6cd44912] {
  margin-top: 0;
  margin-right: 8px;
}
.nav-right-search .nav-search-container .nav-search-input[data-v-6cd44912] {
  outline: none;
  border: none;
  background: transparent;
  font-size: 13px;
  flex: 1;
}
.nav-right-search .nav-search-container .nav-search-input[data-v-6cd44912]::palceholder {
  font-size: 10px;
  color: #bababa;
}
.modal-body[data-v-6cd44912] {
  padding: 20px;
  text-align: center;
  font-size: 25px;
}
.modal-footer[data-v-6cd44912] {
  height: 70px;
  border-top: 1px #dedede solid;
  padding: 0 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal-footer .modal-button[data-v-6cd44912] {
  cursor: pointer;
  background-color: #294ff8;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 30px;
  color: #fff;
}
.modal-footer .modal-button[data-v-6cd44912]:last-child {
  background-color: #ff0000;
  margin-left: 10px;
}
.navBar[data-v-6cd44912] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  height: 72px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}
.headerPlaceholder[data-v-6cd44912] {
  width: 100%;
  height: 72px;
}
.navContainer[data-v-6cd44912] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin: auto;
  height: inherit;
}
.nav-logo[data-v-6cd44912] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #294ff8;
}
.nav-logo-img[data-v-6cd44912] {
  width: 35px;
  height: 40px;
}
.nav-logo-dec[data-v-6cd44912] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
}
.nav-logo-title[data-v-6cd44912] {
  letter-spacing: 6px;
  font-size: 26px;
  font-weight: bolder;
  font-style: oblique;
}
.nav-logo-subTitle[data-v-6cd44912] {
  font-size: 12px;
  letter-spacing: 1px;
}
.search-fade-enter-active[data-v-6cd44912],
.search-fade-leave-active[data-v-6cd44912] {
  transition: opacity 0.5s;
}
.search-fade-enter[data-v-6cd44912],
.search-fade-leave-to[data-v-6cd44912] {
  opacity: 0;
}

.footer-container[data-v-476dfe52] {
  color: #e0e2e8;
  background-color: #041747;
  padding: 30px 0 15px 0;
}
.footer-wraper[data-v-476dfe52] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 1200px;
  margin: auto;
}
.footer-copyright[data-v-476dfe52] {
  width: 1200px;
  margin: auto;
  margin-top: 10px;
  text-align: center;
}
.footer-logo[data-v-476dfe52] {
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-logo-img[data-v-476dfe52] {
  width: 60px;
  height: 80px;
}
.footer-logo-dec[data-v-476dfe52] {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.footer-logo-title[data-v-476dfe52] {
  letter-spacing: 6px;
  font-size: 30px;
  font-weight: bolder;
}
.footer-logo-subTitle[data-v-476dfe52] {
  font-size: 20px;
  letter-spacing: 1px;
}
.footer-message[data-v-476dfe52] {
  display: flex;
}
.footer-connect[data-v-476dfe52],
.footer-meta[data-v-476dfe52] {
  width: 320px;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer-connect .addr[data-v-476dfe52],
.footer-meta .addr[data-v-476dfe52] {
  width: 240px;
}
.footer-connect > *[data-v-476dfe52],
.footer-meta > *[data-v-476dfe52] {
  margin: 0;
}
.footer-connect h4[data-v-476dfe52],
.footer-meta h4[data-v-476dfe52] {
  font-size: 20px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}
.footer-connect p[data-v-476dfe52],
.footer-meta p[data-v-476dfe52] {
  font-size: 16px;
  margin-top: 10px;
}
.footer-connect span[data-v-476dfe52],
.footer-meta span[data-v-476dfe52] {
  margin-right: 10px;
  display: inline-block;
  width: 40px;
}
.footer-meta[data-v-476dfe52] {
  margin-right: 0;
  width: 140px;
}
.footer-ercode-img[data-v-476dfe52] {
  width: 140px;
  height: 140px;
}

.go-top[data-v-7d2091fc] {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAAKlBMVEX39/fLy8vGxsanp6dUVFSxsbFOTk5RUVG2trba2trk5OTe3t7U1NRISEjWFz3oAAAATUlEQVQ4y2MYBaMADjgn4JTSLcQlw1RhIoBDSr2B2RGXJgYGHNrUAhgYsGtjSgUSMG2YmmDaMDXh0CYWAKGZfTCkNsIYWgyjYBTQBAAADT0H+VU22vgAAAAASUVORK5CYII=);
  border: 1px solid #dcdcdc;
}
.go-top[data-v-7d2091fc]:hover {
  background-color: hsla(0, 0%, 71%, 0.1);
}
.go-top i[data-v-7d2091fc] {
  font-size: 20px;
  color: #333;
}

.contact-us[data-v-c15f4f0e] {
  cursor: pointer;
  position: fixed;
  top: 542px;
  right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  background: linear-gradient(180deg, #496bff 6%, #2a51f8 100%);
  box-shadow: 0px 12px 14px 0px rgba(53, 91, 251, 0.24);
  border-radius: 50%;
  transition: all 0.6s ease-in-out;
  color: #fff;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC;
  letter-spacing: 1px;
  z-index: 99;
}
.contact-us img[data-v-c15f4f0e] {
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
}
.contact-us[data-v-c15f4f0e]:hover {
  box-shadow: 0px 12px 14px 0px rgba(53, 91, 251, 0.5);
}

.popover-container[data-v-6ab2220c] {
  position: relative;
}
.popover-content[data-v-6ab2220c] {
  position: fixed;
  z-index: 9999;
  background: white;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s, transform 0.3s;
  min-width: 100px;
}
.popover-content[v-show="false"][data-v-6ab2220c] {
  opacity: 0;
  transform: scale(0.9);
}
.popover-content[v-show="true"][data-v-6ab2220c] {
  opacity: 1;
  transform: scale(1);
}

@keyframes empty-38086e38 {
100% {
    transform: rotate(1turn);
}
}
.content_wrap[data-v-38086e38] {
  position: relative;
  min-height: 230px;
}
.empty[data-v-38086e38] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.empty .loader[data-v-38086e38] {
  --d: 22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #80b1fa;
  margin-bottom: 50px;
  box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0, calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px, calc(0 * var(--d)) calc(1 * var(--d)) 0 2px, calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px, calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px, calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px, calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
  animation: empty-38086e38 1s infinite steps(8);
}
.empty .icon_img[data-v-38086e38] {
  width: 6.5%;
  min-width: 90px;
  max-width: 105px;
  margin-bottom: 23px;
}
.empty .empty_text[data-v-38086e38] {
  font-size: 14px;
  color: #2d2d2d;
}
.empty .close_btn[data-v-38086e38],
.empty .mini_btn[data-v-38086e38] {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #d6dff8;
  cursor: pointer;
}
.empty .close_btn[data-v-38086e38] {
  border: 1px solid #888;
  color: #888;
  background: #fff;
}
.empty .mini_btn[data-v-38086e38] {
  border: 1px solid #2223eb;
  color: #2223eb;
}
.empty .errMsg[data-v-38086e38] {
  width: 93%;
  background: #e4e4e4;
  max-height: 50%;
  border-radius: 12px;
  margin-top: 10px;
  overflow: auto;
  padding: 12px;
  font-size: 13px;
  color: #292929;
}

.modal-mask[data-v-3114f8b9] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-wrapper[data-v-3114f8b9] {
  display: table-cell;
  vertical-align: middle;
}
.modal-container[data-v-3114f8b9] {
  width: 764px;
  margin: 0px auto;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
  position: relative;
}
.modal-title[data-v-3114f8b9] {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  position: relative;
  padding-left: 37px;
  line-height: 58px;
}
.modal-title[data-v-3114f8b9]::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  background-color: #2d54f9;
}
.modal-close[data-v-3114f8b9] {
  position: absolute;
  right: 7px;
  cursor: pointer;
  padding: 20px;
}
.modal-close img[data-v-3114f8b9] {
  width: 16px;
  height: 16px;
}
[data-v-3114f8b9] .content_wrap {
  display: flex;
  flex-direction: column;
}
.modal-body[data-v-3114f8b9] {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  position: relative;
}
.modal-body .country-wrapper[data-v-3114f8b9] {
  border-bottom: 1px solid #ededed;
  display: flex;
  flex-wrap: wrap;
  margin: 0 23px 0 34px;
}
.modal-body .item[data-v-3114f8b9] {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 96px;
  height: 40px;
  white-space: nowrap;
  border: 1px solid rgba(185, 185, 185, 0.2);
  margin-bottom: 11px;
  margin-right: 9px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
}
.modal-body .item[data-v-3114f8b9]:last-child {
  margin-right: 0;
}
.modal-body .item[data-v-3114f8b9]:hover {
  color: #2a5dfb;
  background: rgba(42, 93, 251, 0.2);
  border: 1px solid rgba(42, 93, 251, 0.2);
}
.modal-body .item.active[data-v-3114f8b9] {
  font-size: 15px;
  position: relative;
  background: rgba(42, 93, 251, 0.2);
  border: 1px solid rgba(42, 93, 251, 0.2);
}
.modal-body .item.active span[data-v-3114f8b9] {
  color: #2a5dfb;
}
.modal-body .item span[data-v-3114f8b9] {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: 16px;
}
.modal-body .item .icon[data-v-3114f8b9] {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body .item .icon img[data-v-3114f8b9] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-body .info-list[data-v-3114f8b9] {
  margin: 15px 23px 0 34px;
  overflow-y: auto;
}
.modal-body .info-list[data-v-3114f8b9]::-webkit-scrollbar {
  width: 10px;
}
.modal-body .info-list[data-v-3114f8b9]::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
  border-radius: 8px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
.modal-body .info-item[data-v-3114f8b9] {
  font-size: 16px;
  margin-bottom: 30px;
}
.modal-body .info-item .address[data-v-3114f8b9] {
  color: #000000;
  margin-bottom: 8px;
}
.modal-body .info-item .address .line[data-v-3114f8b9] {
  margin: 0 5px;
}
.modal-body .info-item .contact[data-v-3114f8b9] {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 4px;
}
.modal-body .left[data-v-3114f8b9] {
  flex: 1;
  height: 543px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.modal-body .right[data-v-3114f8b9] {
  width: 180px;
  height: 543px;
  background: url(/img/frame-bg.f7c03b60.png) no-repeat center center;
  background-size: 100%;
  position: relative;
}
.modal-enter[data-v-3114f8b9] {
  opacity: 0;
}
.modal-leave-active[data-v-3114f8b9] {
  opacity: 0;
}
.modal-enter .modal-container[data-v-3114f8b9],
.modal-leave-active .modal-container[data-v-3114f8b9] {
  transform: scale(1.1);
}
.loading-container[data-v-3114f8b9] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.loading-container .spin-container[data-v-3114f8b9] {
  width: 30px;
  height: 30px;
  border: 3px solid transparent;
  border-top: 3px solid #1890ff;
  border-radius: 50%;
  animation: spin-3114f8b9 0.5s linear infinite;
}
@keyframes spin-3114f8b9 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.align-center[data-v-3114f8b9] {
  display: flex;
  align-items: center;
}
.qr-code[data-v-3114f8b9] {
  width: 150px;
  max-height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 2px;
}
.erweima[data-v-3114f8b9] {
  display: block;
}
.allow-pointer[data-v-3114f8b9] {
  cursor: pointer;
}
.code-text[data-v-3114f8b9] {
  margin-right: 6px;
}

.shmap-container[data-v-316539c7] {
  font-family: "Microsoft YaHei,微软雅黑,宋体,Arial,Tahoma,Helvetica,sans-serif";
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.shamp-error[data-v-316539c7] {
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
}
.shamp-error p[data-v-316539c7] {
  margin-top: 20px;
}
.country-container[data-v-316539c7] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  padding: 40px 10px;
}
.country-item[data-v-316539c7] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 33.33333333%;
  margin-bottom: 20px;
}
.country-item.active .country-text[data-v-316539c7] {
  color: #ee0000;
}
.country-text[data-v-316539c7] {
  color: #333;
  margin-top: 10px;
}
.country-icon[data-v-316539c7] {
  width: 80px;
  height: 53px;
  box-sizing: border-box;
  border: 1px solid #eee;
}
[data-v-316539c7] .vue-notification-group {
  top: 7% !important;
}
[data-v-316539c7] .vue-notification-group .vue-notification {
  box-shadow: 0px 4px 4px 0px rgba(255, 143, 143, 0.14);
  border-radius: 11px;
  padding: 16px;
}
[data-v-316539c7] .vue-notification-group .error {
  background: #ffd5d5;
  border-left: none;
}
[data-v-316539c7] .vue-notification-group .error .notification-content {
  font-weight: 400;
  font-size: 16px;
  color: #f04848;
}
[data-v-316539c7] .vue-notification-group .error .notification-content::before {
  content: "x";
  width: 10px;
  height: 10px;
  line-height: 7px;
  border: 1px solid #f04848;
  border-radius: 50%;
  padding: 3px;
  display: inline-block;
  text-align: center;
  margin-right: 7px;
  background: #f04848;
  color: #fff;
  vertical-align: middle;
  font-size: 13px;
}

.title[data-v-bac1dbb0] {
  font-size: 30px;
  font-weight: 600;
  color: #333;
  margin: auto;
  text-align: center;
  position: relative;
}
.text[data-v-bac1dbb0] {
  padding-right: 8px;
}
.img[data-v-bac1dbb0] {
  width: 20px;
  height: 20px;
  vertical-align: top;
}


[data-v-4c35f612] .swiper-slide {
  width: 700px !important;
  border-radius: 6px;
}
[data-v-4c35f612] .swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 10px;
  z-index: 1;
}
[data-v-4c35f612] .swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px;
}
[data-v-4c35f612] .swiper-pagination .swiper-pagination-bullet-active {
  width: 14px;
  height: 8px;
  border-radius: 75px;
}
.warpper[data-v-4c35f612] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 460px;
  margin: 0 auto;
}
.warpper .bg[data-v-4c35f612] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.warpper .filter_blur[data-v-4c35f612] {
  filter: blur(35px);
}
.swiper-banner[data-v-4c35f612] {
  width: 1310px;
  margin: 0 auto;
}
.separate[data-v-4c35f612] {
  width: 100%;
  height: 460px;
}
.separate .mr[data-v-4c35f612] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-slide-item-image[data-v-4c35f612] {
  width: 700px !important;
  height: 394px;
  box-shadow: 0px 14px 42px 0px rgba(51, 51, 51, 0.12);
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.swiper-slide-item[data-v-4c35f612] {
  width: 700px !important;
  height: 394px;
  position: relative;
}
.swiper-slide-item .mask[data-v-4c35f612] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  z-index: 1;
}
.swiper-slide-item .title[data-v-4c35f612],
.swiper-slide-item .subTitle[data-v-4c35f612] {
  width: 100%;
  position: absolute;
  text-align: center;
  color: #fff;
  z-index: 2;
  text-shadow: 1px 1px 2px #474444, 0 0 1em #1d1d23, 0 0 0.2em #1d1d23;
}
.swiper-slide-item .title[data-v-4c35f612] {
  top: 120px;
  font-size: 25px;
}
.swiper-slide-item .subTitle[data-v-4c35f612] {
  top: 160px;
  font-size: 20px;
}
.swiper-button-prev[data-v-4c35f612],
.swiper-container-rtl .swiper-button-next[data-v-4c35f612] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAclBMVEUpKSkAAADw8PAnJycpKSnKysozMzORkZEpKSkpKSkpKSkqKiohISHR0dGbm5s5OTkpKSkpKSkoKCgnJycpKSkpKSkqKioqKiopKSkqKiotLS0kJCQiIiKlpaXk5OTX19e3t7dycnJpaWlNTU28vLyBgYFYy1beAAAAJnRSTlOzAPcWZea10augmY0P6NS3p00/LYR8bm1dNyIcCtny697HxLzgy+33WdgAAAJCSURBVGje1drpetMwEIXhk45SrIXiJfvSDbj/W2RoC0ppItuSz9Pw3cD7+J81M5gNLHSNWXpXV0BVO780TRdmAxuESLuyOJNdtTINst84JHKbfSkSGo/efBMKEDEVBlUZyURkjRGtJQM5GIzMHMYircXobDsKkQWyWshwZFsjs3o7FDEoyAxCgkdRPvQj4lCYkz5kZ1Gc3aWRrsIEVV0K2UWjTNldRsRioqxcQoLDZLlwAfGYMH8eMZg0cw7ZYuK2HxGpMXG1fEAWGNnz448nJFv8i7QY2Zcb7SeSte+Rgx1vaA9IZg/vEJNhaPdIZ04RyTG0I3qSE2SdZ3z9hp7WERGSoclfxNAMmD9IqGgGqvCGNDRDa94QTzTgX5E90dD2L8iGamDzgjiqAfcbEaqhiSIt2UCryIpsYKWIJRuwMwS2ASU6uqFEQzeUMHRDiSXdUMLTDSUc3VCiphtKVEj2VG4o0dM8GrweTn6waN9yvHntroiokex2Xq7UcKArDh50xWMJtqKEAV0xaEBXGnSgKx0C6ErAzLIVG3+JeMpKkRZkpVVEQFYk/nDTFBefDjxlEx9BPGUfn3M0xceHKU9p4hObplQhDgtoijkZe9AUORngsJR19igqKs/DR1GayVOOSGcyx4NR6UfsIXvQGZX770jWlo5sb+/mjz3G4jOGz/wxOn8hwF9t8Jc0/HUTf3HGXwF+/jJzmrXsdSyYi1fl17T0LzlfuLZDjMyTkus8jhl75nPdB0sDT6/+lyOyCc7hfgHqiiMbcuCW4wAAAABJRU5ErkJggg==);
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  left: 2%;
  right: auto;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.swiper-button-next[data-v-4c35f612],
.swiper-container-rtl .swiper-button-prev[data-v-4c35f612] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAYFBMVEUpKSkAAADw8PA2NjYpKSkkJCQpKSkpKSkmJibKysqRkZEqKirR0dGbm5sqKiopKSkoKCgnJycpKSkpKSkpKSkqKiotLS0cHBxtbW25ubmhoaHk5OTX19erq6tNTU2BgYHXkpwEAAAAIHRSTlOzAPe2nRCqZRnm0Y3o1G1NPy2EfF03IgnG39fy69q8zF7mIMYAAAI7SURBVGje1drbdtowEIXhDcxIompsmZOBHPr+b1k1pDVpwLZk7cT5eYBvsbhBM4PFyLSp7daLMYAx4re2bnQxMowCQiW4kVRByyBuJ+hJdm4qorXHYL7WCYhag1EZq5mIq5BQ5TKQ1iIx26YiQZCchCREN8hqo+ORvUFmZj8WsZiQHYWox6S8DiNOMDFxQ8hBMDk59CONQYFM04ccDIpkDvcRJyiUuHuICoolegfxKJi/jVgUzd5C9ijc/iPiDApn3Adkg96Op9MRiW3+RwJ6+7WM/UBi4T3SCnp7WuYo0r5DLPp7XGYp9hpxGOh5mae4K6TCQKufeUrVIQqwFP2HWNAU+xdRA5pi9A2pAZ5SvyEeRMVfEAcwFfeK7EBVdq+IgKrIH0QBrqIRCSArISIVyEoVEQFZkQUUYCuKBnSlQQ26UsOCrlhsQVe28KArHgK6IjCgKyZ+pivHIQSYrqzB7HxBngDed3lYXjrTfpPOWK+GEKEbEHi6EYkt3YiEpRuRqOlGJBq6EQmlG1AshG1I95eIZqCKSCAbCBFRsgGNyEK4hnRPB47RPR0c1YDrnnM0w3cPU5bRPUzV8Ayj3bCAZcB2Yw+aAb0a4LCMKmUUdcwz4FKGas95hk0aD56zDGmTBp0vjxkGQuLI9uW0flhNG9nGtPzwWT99jM5fCPBXG/wlDX/dxF+c8VeAX7/MLLOWnceCefKqfE5L//jD5J4vuLkdYmSelMzzOCb1zGfeB0sjT6++yxFZgXO437g2Hiqs9r7rAAAAAElFTkSuQmCC);
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  right: 2%;
  left: auto;
  transition: opacity 0.3s ease;
}
.swiper-button-disabled[data-v-4c35f612] {
  opacity: 0 !important;
}

.card-logo[data-v-6595159a] {
  position: absolute;
  top: 0px;
  right: 0;
  height: 20px;
  background: #00339a;
  padding: 2px 5px;
  border-radius: 0px 0px 0px 10px;
}
.card[data-v-6595159a] {
  width: 384px;
  padding: 16px 16px 20px 16px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
}
.card[data-v-6595159a]:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.card-tag[data-v-6595159a] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 52px;
  height: 16px;
}
.card-tag-text[data-v-6595159a] {
  position: absolute;
  left: 16px;
  top: 2px;
  z-index: 2;
  transform: scale(0.8);
  transform-origin: 0 0;
  display: inline-block;
  font-size: 10px;
  color: #fff;
}
.card-img[data-v-6595159a] {
  width: 120px;
  height: 120px;
  margin-right: 16px;
  position: relative;
}
.card-img .hot[data-v-6595159a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.card-img .hot-tag[data-v-6595159a] {
  width: 40px;
  height: 40px;
  position: relative;
}
.card-img .hot-tag[data-v-6595159a]::before {
  content: "HOT";
  position: absolute;
  overflow: hidden;
  width: 38px;
  height: 18px;
  line-height: 18px;
  top: 2px;
  left: 0;
  background-image: linear-gradient(311deg, #da0808 0%, #ff7448 100%);
  border-radius: 0 10px 10px 12px;
}
.card-main-img[data-v-6595159a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-content[data-v-6595159a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-content-title[data-v-6595159a] {
  font-size: 18px;
  list-style: 25px;
  margin-top: auto;
  margin-bottom: auto;
  color: #333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.card-content-date[data-v-6595159a] {
  font-size: 15px;
  color: #666;
}

.card-logo[data-v-3607d96d] {
  position: absolute;
  top: 0px;
  right: 0;
  height: 20px;
  background: #00339a;
  padding: 2px 5px;
  border-radius: 0px 0px 0px 10px;
}
.card[data-v-3607d96d] {
  width: 384px;
  padding: 16px 16px 20px 16px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
}
.card[data-v-3607d96d]:hover {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.card-tag[data-v-3607d96d] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 52px;
  height: 16px;
}
.card-tag-img2[data-v-3607d96d] {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 23px;
  top: 2px;
}
.card-tag-text[data-v-3607d96d] {
  position: absolute;
  left: 16px;
  top: 2px;
  z-index: 2;
  transform: scale(0.8);
  transform-origin: 0 0;
  display: inline-block;
  font-size: 10px;
  color: #fff;
}
.card-img[data-v-3607d96d] {
  width: 120px;
  height: 120px;
  margin-right: 16px;
  position: relative;
}
.card-main-img[data-v-3607d96d] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-content[data-v-3607d96d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.card-content-title[data-v-3607d96d] {
  font-size: 18px;
  margin: 0;
  color: #333;
  width: 214px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.card-content-subname[data-v-3607d96d] {
  font-size: 15px;
  color: #666;
  margin: 0;
  margin-top: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.card-content-price[data-v-3607d96d] {
  font-size: 18px;
  margin: 0;
  margin-top: 16px;
  color: #ee0000;
}
.card-content-homecountryprice[data-v-3607d96d] {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  background: #ebebeb;
  border-radius: 4px 4px 4px 0;
  opacity: 1;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  margin-top: 5px;
  color: #000000;
  padding: 5px 8px;
}
.triangle[data-v-3607d96d] {
  position: absolute;
  top: -6px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 6px solid #ebebeb;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
}

.container[data-v-0b0da544] {
  padding-top: 16px;
  padding-bottom: 40px;
  text-align: center;
}
.button[data-v-0b0da544] {
  font-size: 16px;
  color: #333;
  padding: 9px 40px;
  margin: auto;
  border: 1px #d8d8d8 solid;
  border-radius: 50px;
}

.modal-mask[data-v-50f8da34] {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}
.modal-wrapper[data-v-50f8da34] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.modal-container[data-v-50f8da34] {
  position: relative;
  display: flex;
  width: 802px;
  height: 639px;
  background: #fff;
  border-radius: 4px;
}
.modal-container .container[data-v-50f8da34] {
  width: calc(100% - 325px);
  padding: 35px 30px;
  overflow: hidden;
}
.modal-container .img[data-v-50f8da34] {
  width: 325px;
  height: 100%;
}
.modal-close[data-v-50f8da34] {
  position: absolute;
  right: 17px;
  top: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}


[data-v-271dbce7] .modal-container {
  margin-top: -20vh;
}
[data-v-271dbce7] .iframe-style .modal-container {
  margin-top: 0;
  height: 97%;
}
[data-v-271dbce7] .iframe-style .modal-container .modal-body {
  height: 93%;
}
[data-v-271dbce7] .iframe-style .modal-container .model-container {
  height: 97%;
}
.services-container[data-v-271dbce7] {
  background-color: #fff;
}
.hot-container[data-v-271dbce7] {
  background-color: #f8f8f8;
}
.case-container[data-v-271dbce7] {
  background-color: #f8f8f8;
  min-height: 530px;
  background-image: url(/img/case_bg.8450149d.jpg);
  background-size: cover;
  background-position: right;
}
.services[data-v-271dbce7],
.hot[data-v-271dbce7],
.case[data-v-271dbce7] {
  width: 1200px;
  padding: 40px 0;
  padding-bottom: 0;
  margin: auto;
  box-sizing: border-box;
}
.hot[data-v-271dbce7],
.case[data-v-271dbce7] {
  padding: 40px 0 0;
}
.services-wrapper[data-v-271dbce7],
.hot-wrapper[data-v-271dbce7],
.case-wrapper[data-v-271dbce7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 56px;
}
.hot-wrapper[data-v-271dbce7],
.case-wrapper[data-v-271dbce7] {
  margin-top: 24px;
}
.case-wrapper[data-v-271dbce7] {
  background-color: #fff;
  border: 1px #d8d8d8 solid;
  margin-bottom: 24px;
}
.services-item[data-v-271dbce7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 5px 50px 0;
  width: calc((100% - 25px) / 6);
  min-width: calc((100% - 25px) / 6);
  max-width: calc((100% - 25px) / 6);
}
.services-item[data-v-271dbce7]:nth-child(6n) {
  margin-right: 0;
}
.case-item[data-v-271dbce7] {
  flex: 1;
  margin: 0;
  width: calc(100% / 5);
  min-width: calc(100% / 5);
  max-width: calc(100% / 5);
  background: #fff;
  height: 160px;
  position: relative;
  cursor: pointer;
}
.case-item-img[data-v-271dbce7] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 160px;
  max-height: 90px;
  transform: scale(1);
  transition: all ease 0.5s;
}
.case-item:hover .case-item-img[data-v-271dbce7] {
  transform: scale(1.1);
}
.hot-message[data-v-271dbce7] {
  flex: 1;
  margin: 0 24px 24px 0;
  width: calc((100% - 48px) / 3);
  min-width: calc((100% - 48px) / 3);
  max-width: calc((100% - 48px) / 3);
}
.hot-message[data-v-271dbce7]:nth-child(3n) {
  margin-right: 0;
}
.hot-message-btn[data-v-271dbce7] {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  font-size: 15px;
}
.hot-message-btn > .hot-message-btn-item[data-v-271dbce7] {
  padding: 8px 20px;
  cursor: pointer;
}
.hot-message-btn > .hot-message-btn-item[data-v-271dbce7]:first-child {
  color: #333;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-right: none;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.hot-message-btn > .hot-message-btn-item[data-v-271dbce7]:last-child {
  color: #333;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-left: none;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.hot-message-btn > .hot-message-btn-item.active[data-v-271dbce7] {
  background-color: #2223eb;
  border: 1px solid #2223eb;
  color: #fff;
}
.service-item-img[data-v-271dbce7] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
}
.service-item-text[data-v-271dbce7] {
  color: #333;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 30px;
}
.model-container[data-v-271dbce7] {
  padding: 40px;
  padding-top: 0;
}
.file_wrap[data-v-271dbce7] {
  line-height: 26px;
}
.file_wrap .file[data-v-271dbce7] {
  cursor: pointer;
  color: #3970f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_wrap .img[data-v-271dbce7] {
  width: 20px;
  vertical-align: middle;
}
.report[data-v-271dbce7] {
  height: 100%;
  overflow: auto;
}
.report .report-title[data-v-271dbce7] {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
}
.report .report-num[data-v-271dbce7] {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 22px;
  margin: 8px 0 20px 0;
}
.report .report-list[data-v-271dbce7] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  padding: 20px;
  background: #f2f8ff;
  border-radius: 13px;
  margin-bottom: 13px;
}
.report .report-list .report-name[data-v-271dbce7] {
  width: calc(100% - 10px);
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.report .report-list:hover .report-name[data-v-271dbce7] {
  color: #2223eb;
}
.report .no-permission[data-v-271dbce7] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.report .no-permission p[data-v-271dbce7] {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 25px;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
  display: block;
}


/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  h4 {
    font-weight: bold !important;
  }
  
  /* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
  background-color: transparent;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}


/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
  border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
  display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */

.line-clamp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*autoprefixer: on */
  -webkit-line-clamp: 2;
  word-break: break-all;
}

[hidden] {
  display: none;
}


.shamp-loading .loading-circle {
  border-left-color: #2223EB;
}

.shamp-loading .loading-text {
  color: #2223EB;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*弹性盒*/
.flex {
  display: inline-flex;
  display: flex;
}

/*弹性盒 自动填充*/
.flex1 {
  flex: 1;
}

/*弹性盒-子元素可竖向居中*/
.flex-middle {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
}

/*弹性盒 column*/
.flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}

.justify-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}

/*弹性盒 水平居中*/
.align-center {
  display: flex;
  align-items: center;
}

/*弹性盒 左右对齐*/
.flex-between {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.flex-end {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.clear::after {
  /*原理： overflow!=visible ;display!=block;float!=none;position!=static||relative 都可为元素创建BFC；消除边距重叠或者浮动产生的影响*/
  content: '';
  overflow: hidden;
  clear: both;
}

.buoy {
  position: absolute;
  display: block;
  width: auto;
  background: red;
  color: #fff;
  top: -15px;
  left: -15px;
  font-size: 12px;
  padding: 0 7px;
  border-radius: 0 10px 10px 10px;
}

.green {
  color: #50b181;
}

.red {
  color: #e43223;
}

.yellow {
  color: #f77f2a;
}

.blue {
  color: #3970f6;
}

.grey {
  color: #6f6f6f;
}

.content table,
.product-content table,
.activity-content table {
  max-width: 100%;
}

.content table td,
.product-content table td,
.activity-content table td {
  word-break: break-word;
  overflow: hidden;
}

.content table td span,
.product-content table td span,
.activity-content table td span {
  white-space: normal;
}

.fileupload .ant-modal {
  top: 30%;
}

.file_upload_max {
  max-width: 800px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
}

.file_upload_max .textarea-wrapper {
  position: relative;
}

.file_upload_max .char-count {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: rgba(0, 0, 0, 0.45);
  background-color: #fff;
  padding: 4px;
  font-size: 12px;
  line-height: 1;
  z-index: 1;
}

.file_upload_max .char-count .disabled {
  background-color: rgb(245, 245, 245);
}

.file_upload_max .textarea {
  height: 160px;
}

.file_upload_max .ant-drawer-content-wrapper {
  height: 270px !important;
}

.file_upload_max .ant-drawer-body {
  padding: 1em;
}

.file_upload_max .edit_btn {
  background: #e0e8f6;
  border-radius: 60px;
  border: none;
}

.file_upload_max .edit_btn:hover {
  background: #e0e8f6;
  border: none;
}

.file_upload_max .btn {
  border-radius: 50px
}
@font-face {
    font-family: "iconfont"; /* Project id 3945468 */
    src: url('//at.alicdn.com/t/c/font_3945468_kpdpjfn1qyg.woff2?t=1678464964700') format('woff2'),
         url('//at.alicdn.com/t/c/font_3945468_kpdpjfn1qyg.woff?t=1678464964700') format('woff'),
         url('//at.alicdn.com/t/c/font_3945468_kpdpjfn1qyg.ttf?t=1678464964700') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-sousuo:before {
    content: "\e651";
  }
  
  .icon-xialajiantouxiao:before {
    content: "\e87e";
  }
  
  .icon-duigou:before {
    content: "\ebe6";
  }
  
img.error {
    display: inline-block;
    transform: scale(1);
  }
  img.error::before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: #f5f5f5 url("data:image/svg+xml,%3Csvg class=%27icon%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27%3E%3Cpath d=%27M304.128 456.192c48.64 0 88.064-39.424 88.064-88.064s-39.424-88.064-88.064-88.064-88.064 39.424-88.064 88.064 39.424 88.064 88.064 88.064zm0-116.224c15.36 0 28.16 12.288 28.16 28.16s-12.288 28.16-28.16 28.16-28.16-12.288-28.16-28.16 12.288-28.16 28.16-28.16z%27 fill=%27%23e6e6e6%27/%3E%3Cpath d=%27M887.296 159.744H136.704C96.768 159.744 64 192 64 232.448v559.104c0 39.936 32.256 72.704 72.704 72.704h198.144L500.224 688.64l-36.352-222.72 162.304-130.56-61.44 143.872 92.672 214.016-105.472 171.008h335.36C927.232 864.256 960 832 960 791.552V232.448c0-39.936-32.256-72.704-72.704-72.704zm-138.752 71.68v.512H857.6c16.384 0 30.208 13.312 30.208 30.208v399.872L673.28 408.064l75.264-176.64zM304.64 792.064H165.888c-16.384 0-30.208-13.312-30.208-30.208v-9.728l138.752-164.352 104.96 124.416-74.752 79.872zm81.92-355.84l37.376 228.864-.512.512-142.848-169.984c-3.072-3.584-9.216-3.584-12.288 0L135.68 652.8V262.144c0-16.384 13.312-30.208 30.208-30.208h474.624L386.56 436.224zm501.248 325.632c0 16.896-13.312 30.208-29.696 30.208H680.96l57.344-93.184-87.552-202.24 7.168-7.68 229.888 272.896z%27 fill=%27%23e6e6e6%27/%3E%3C/svg%3E") no-repeat center / 50% 50%;
    color: transparent;
    border-radius: inherit;
  }