.cj-tooltip-fixed {
  z-index: 999999;
}
.cj-tooltip-hide .cj-tooltip-iconfont,
.cj-tooltip-hide .cj-tooltip-padding,
.cj-tooltip-hide .cj-tooltip-title-dom,
.cj-tooltip-hide .cj-tooltip-content {
  display: none;
}
.cj-tooltip,
.cj-tooltip-fixed {
  position: relative;
  line-height: 1;
  display: inline-block;
}
.cj-tooltip .cj-tooltip-iconfont,
.cj-tooltip-fixed .cj-tooltip-iconfont {
  cursor: pointer;
  color: var(--color-primary);
}
.cj-tooltip .cj-tooltip-padding,
.cj-tooltip-fixed .cj-tooltip-padding {
  padding-bottom: 13px;
  position: absolute;
  bottom: calc(100% - 2px);
  left: 50%;
  transform: translateX(-50%);
  display: none;
  z-index: 999999;
  width: max-content;
  max-width: 260px;
}
.cj-tooltip .cj-tooltip-padding.right,
.cj-tooltip-fixed .cj-tooltip-padding.right {
  transform: translateX(-95%);
}
.cj-tooltip .cj-tooltip-padding.right::after,
.cj-tooltip-fixed .cj-tooltip-padding.right::after {
  left: 95%;
}
.cj-tooltip .cj-tooltip-padding::after,
.cj-tooltip-fixed .cj-tooltip-padding::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  opacity: 0.75;
  bottom: 7px;
}
.cj-tooltip .cj-tooltip-title-dom,
.cj-tooltip-fixed .cj-tooltip-title-dom {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.cj-tooltip a,
.cj-tooltip-fixed a {
  color: var(--color-primary);
}
.cj-tooltip a:hover,
.cj-tooltip-fixed a:hover {
  text-decoration: underline;
  color: var(--color-primary);
}
.cj-tooltip .cj-tooltip-content,
.cj-tooltip-fixed .cj-tooltip-content {
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  color: #FFFFFF;
  padding: 4px 12px;
  border-radius: 3px;
  position: relative;
  line-height: 20px;
  word-wrap: break-word;
}
.cj-tooltip:hover .cj-tooltip-padding,
.cj-tooltip-fixed:hover .cj-tooltip-padding {
  display: block;
}
.vip .cj-tooltip .cj-tooltip-iconfont,
.vip .cj-tooltip-fixed .cj-tooltip-iconfont {
  color: var(--color-theme-1-vip);
}
.vip .cj-tooltip a,
.vip .cj-tooltip-fixed a {
  color: var(--color-theme-1-vip);
}
.suspend-box {
  position: relative;
}
.suspend-box .suspend {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  color: #FFFFFF;
  padding: 4px 20px;
  bottom: calc(100% + 6px);
  border-radius: 3px;
  display: none;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
}
.suspend-box .suspend::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
  opacity: 0.6;
}
.suspend-box:hover .suspend {
  display: block;
}
.authentication-text-versions.ellipsis {
  height: 3em;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 1.43em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.authentication-text-versions > div {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  vertical-align: 1px;
}
.authentication-text-versions .big {
  vertical-align: -4px;
}
.authentication-text-versions .authentication-sign {
  position: static;
}
.authentication-sign {
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 2;
}
.authentication-sign.big span {
  font-size: 18px;
  padding: 4px 5px 4px 25px;
}
.authentication-sign.big .iconfont {
  font-size: 30px;
  vertical-align: -4px;
  margin: 0px -25px 0px 0px;
}
.authentication-sign p {
  margin: 0;
}
.authentication-sign i {
  font-style: normal;
}
.authentication-sign span {
  display: inline-block;
  padding: 0px 5px 0px 17px;
  border-radius: 14px 4px 4px 14px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
.authentication-sign span i {
  transform: scale(0.9);
  display: inline-block;
}
.authentication-sign .iconfont {
  font-size: 20px;
  margin: 0px -20px 0px 0px;
  z-index: 1;
  position: relative;
  vertical-align: -3px;
  line-height: 1;
}
.authentication-sign.success {
  color: #52C41A;
}
.authentication-sign.success span {
  background: #EFFFE8;
  border: 1px solid #87CC65;
}
.authentication-sign.success .iconfont:before {
  content: "\e7ec";
}
.authentication-sign.fail {
  color: #DD4B1A;
}
.authentication-sign.fail span {
  background: #FFF6F5;
  border: 1px solid rgba(221, 75, 26, 0.25);
}
.authentication-sign.fail .iconfont:before {
  content: "\e7ed";
}
.authentication-sign .suspend {
  width: 243px;
  padding: 10px 5px;
  text-align: center;
}
.card-wrap .move-box-unverified,
.product-card .move-box-unverified {
  padding-top: 8px;
}
.card-wrap .move-box-unverified p,
.product-card .move-box-unverified p {
  margin: 0;
}
.card-wrap .move-box-unverified .authentication-text-versions,
.product-card .move-box-unverified .authentication-text-versions {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 64px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.card-wrap .move-box-unverified .price,
.product-card .move-box-unverified .price {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  margin: 22px 0 10px;
}
.product-card .move-box-unverified .ui-card-btn {
  margin: 0 3px 10px;
}
.member-level-tag {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 24px;
  height: 24px;
  background-image: url("/static/image/vip/vipLevelIcon2.png");
  background-size: 262px auto;
}
.member-level-tag.Free {
  background-position: -6px -7px;
}
.member-level-tag.Plus {
  background-position: -33px -7px;
}
.member-level-tag.Prime {
  background-position: -60px -7px;
}
.member-level-tag.Advanced {
  background-position: -92px -7px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: Arial, Open Sans, Helvetica, sans-serif, SimSun, "宋体";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: "PingFang SC", 'Source Sans Pro', sans-serif;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
input {
  outline: none!important;
  height: auto;
  line-height: auto;
}
a:focus {
  outline: none;
}
a:focus {
  text-decoration: none;
}
input,
button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
}
fieldset {
  border: 0;
}
img {
  border: 0;
  vertical-align: middle;
}
button,
input,
select,
textarea {
  border: none;
  outline: none;
  -webkit-user-select: auto;
  /*webkit浏览器*/
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input::-webkit-input-placeholder {
  color: #676767;
}
input:-moz-placeholder {
  /* FF 4-18 */
  color: #676767;
}
input::-moz-placeholder {
  /* FF 19+ */
  color: #676767;
}
input:-ms-input-placeholder {
  /* IE 10+ */
  color: #676767;
}
.ng-cloak {
  display: none;
}
label {
  font-weight: normal;
  margin: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
body {
  overflow-x: hidden;
}
/* @font-face {
	font-family: 'iconfont';
	src: url('iconfont/iconfont.eot');
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
	url('iconfont/iconfont.woff2') format('woff2'),
	url('iconfont/iconfont.woff') format('woff'),
	url('iconfont/iconfont.ttf') format('truetype'),
	url('iconfont/iconfont.svg#iconfont') format('svg');
} */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 1265799 */
  src: url('//at.alicdn.com/t/c/font_1265799_uxgsx7rilgn.woff2?t=1749550824605') format('woff2'), url('//at.alicdn.com/t/c/font_1265799_uxgsx7rilgn.woff?t=1749550824605') format('woff'), url('//at.alicdn.com/t/c/font_1265799_uxgsx7rilgn.ttf?t=1749550824605') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#goog-gt-tt {
  display: none !important;
}
.goog-te-banner-frame {
  display: none !important;
}
.goog-te-menu-value:hover {
  text-decoration: none !important;
}
.goog-te-spinner-pos {
  display: none !important;
}
body {
  top: 0 !important;
}
#google_translate_element2 {
  display: none !important;
}
/* 省略号样式 */
.hideText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goog-te-spinner-pos {
  display: none !important;
}
.newSelectStyle {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #DDD;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("/static/image/arrow/arrow_down.svg") no-repeat scroll 98.5% center transparent !important;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-left: 5px;
  padding-right: 20px;
}
.skeleton-wrapper {
  position: relative;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.skeleton-wrapper:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  left: 0;
  top: 0;
  z-index: 20;
  -webkit-animation: skeletonLoading 2s ease-in-out infinite;
  animation: skeletonLoading 2s ease-in-out infinite;
  content: "";
}
.skeleton-element {
  background: none!important;
  background-color: #e5e5e5 !important;
  border-color: #e5e5e5 !important;
  border-radius: 4px;
}
@-webkit-keyframes skeletonLoading {
  0% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  80%,
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}
@keyframes skeletonLoading {
  0% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  80%,
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}
.pd-top {
  width: 100%;
  min-width: 1200px;
  height: 114px;
  background: #fff;
  position: relative;
}
.pd-top .logo-header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  height: 70px;
  width: 100%;
}
.pd-top .logo-header .logo-main {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
  display: table;
}
.pd-top .logo-header .logo-main .logo-img {
  display: table-cell;
  vertical-align: middle;
}
.pd-top .logo-header .logo-main .logo-img img {
  height: 40px;
}
.pd-top .logo-header .logo-main .home-t-ul {
  display: table-cell;
  height: 30px;
  vertical-align: middle;
}
.pd-top .logo-header .logo-main .home-t-ul > li {
  height: 30px;
  float: right;
}
.pd-top .logo-header .logo-main .home-t-ul > li a {
  color: #333;
  display: inline-block;
  line-height: 30px;
}
.pd-top .logo-header .logo-main .home-t-ul > li .contact-us {
  margin-right: 28px;
  color: #333333;
  font-size: 14px;
}
.pd-top .logo-header .logo-main .home-t-ul > li .help {
  margin-right: 30px;
  color: #333333;
  font-size: 14px;
}
.pd-top .logo-header .logo-main .home-t-ul > li .hi-user {
  margin-right: 28px;
  color: #333333;
  font-size: 14px;
}
.pd-top .logo-header .logo-main .home-t-ul .login-register a {
  color: #333;
  display: inline-block;
  height: 30px;
  width: 70px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #333;
  border-radius: 4px;
  margin-right: 10px;
}
.pd-top .logo-header .logo-main .home-t-ul .login-register a:hover {
  background: #ff8d31;
  color: #fff;
  border: none;
  line-height: 30px;
}
.pd-top .logo-header .logo-main .home-t-ul .login-in a {
  color: #333;
}
.pd-top .logo-header .logo-main .home-t-ul .register-li a {
  margin-right: 0;
}
.pd-top .nav-header {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 2;
  height: 44px;
  background-color: #868686;
  width: 100%;
}
.pd-top .nav-header .nav-content {
  width: 1200px;
  margin: 0 auto;
  display: table;
  height: 44px;
  position: relative;
}
.pd-top .nav-header .nav-content .nav-content-select {
  width: 128px;
  height: 44px;
  background-color: #505050;
  color: #fff;
  text-indent: 12px;
}
.pd-top .nav-header .nav-content .search {
  display: table-cell;
  vertical-align: middle;
  width: 780px;
}
.pd-top .nav-header .nav-content .search .Switch {
  line-height: 44px;
  font-family: "PingFang SC", 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #ff8d31;
  margin-left: 20px;
}
.pd-top .nav-header .nav-content .search .search-inp {
  /*display: inline-block;*/
  width: 400px;
  height: 32px;
  margin-top: 6px;
  float: left;
}
.pd-top .nav-header .nav-content .search .search-inp input {
  width: 400px;
  height: 32px;
  text-indent: 12px;
}
.pd-top .nav-header .nav-content .search .search-img {
  /*display: inline-block;*/
  float: left;
  width: 34px;
  margin-left: -8px;
  padding: 3px 0 4px;
  background-color: #ff8d31;
  text-align: center;
  cursor: pointer;
  margin-top: 6px;
}
.pd-top .nav-header .nav-content .search .search-img:active {
  background-color: #d76b0c;
}
.pd-top .nav-header .nav-content .main-nav {
  display: table-cell;
  vertical-align: middle;
  margin-right: 300px;
}
.pd-top .nav-header .nav-content .main-nav .active {
  position: absolute;
  z-index: 9;
  width: 300px;
  height: 260px;
}
.pd-top .nav-header .nav-content .main-nav li {
  float: right;
  margin-right: 28px;
}
.pd-top .nav-header .nav-content .main-nav li a {
  color: #fff;
}
.pd-top .nav-header .nav-content .main-nav .collect-product {
  position: relative;
}
.ld-list {
  cursor: pointer;
}
.ld-list p {
  height: 44px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  background-color: #505050;
  margin-right: 10px;
}
.ld-list-div {
  position: absolute;
  display: none;
}
.ld-list-div .first-menu-ul {
  border-radius: 4px;
  background-color: #878787;
}
.ld-list-div .first-menu-ul .first-menu {
  width: 265px;
  position: relative;
  cursor: pointer;
}
.ld-list-div .first-menu-ul .first-menu .first-menu-a {
  padding-left: 12px;
  color: #fffefe;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  font-size: 14px;
}
.ld-list-div .first-menu-ul .first-menu .img-arrow {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 10px;
  height: 16px;
  background: url(/static/image/home/arrow.png);
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul {
  width: 265px;
  position: absolute;
  left: 265px;
  top: 0;
  display: none;
  background-color: #878787;
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul .second-menu {
  position: relative;
  padding: 0;
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul .second-menu .second-menu-a {
  display: inline-block;
  padding: 0;
  color: #fffefe;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
  font-size: 14px;
  line-height: 40px;
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul :hover {
  background-color: #878787;
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul :hover .second-menu-a {
  color: #282828;
}
.ld-list-div .first-menu-ul .first-menu .second-menu-ul :hover .thid-menu-ul {
  display: block;
}
.ld-list-div .first-menu-ul .first-menu .thid-menu-ul {
  width: 265px;
  position: absolute;
  left: 265px;
  top: 0;
  display: none;
  background-color: #878787;
}
.ld-list-div .first-menu-ul .first-menu .thid-menu-ul .thid-menu-li {
  padding: 0;
}
.ld-list-div .first-menu-ul .first-menu .thid-menu-ul .thid-menu-li .thid-menu-a {
  display: inline-block;
  padding: 0;
  color: #fffefe;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
  font-size: 14px;
  line-height: 40px;
}
.ld-list-div .first-menu-ul .first-menu .thid-menu-ul :hover {
  background-color: #878787;
}
.ld-list-div .first-menu-ul .first-menu .thid-menu-ul :hover .thid-menu-a {
  color: #282828;
}
.ld-list-div .first-menu-ul :hover {
  background-color: #4a4a4a;
}
.ld-list-div .first-menu-ul :hover .first-menu-a {
  color: #fff;
}
.ld-list-div .first-menu-ul :hover .img-arrow {
  background: url(/static/image/home/arrow_dark.png);
}
.ld-list-div .first-menu-ul :hover .second-menu-ul {
  display: block;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(9) .second-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(9) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -240px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(9) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -200px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(9) .second-menu:nth-of-type(7) .thid-menu-ul {
  top: -280px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(10) .second-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(10) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(10) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(10) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(10) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -200px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(11) .second-menu:nth-of-type(7) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(12) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(13) .second-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(13) .second-menu:nth-of-type(1) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(13) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -440px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(13) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(13) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -200px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(4) .second-menu:nth-of-type(7) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(4) .second-menu:nth-of-type(8) .thid-menu-ul {
  top: -200px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(5) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(5) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(5) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(5) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(6) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(6) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(6) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(6) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(6) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -200px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(7) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(7) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -80px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(7) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(7) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(7) .second-menu:nth-of-type(6) .thid-menu-ul {
  top: -160px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(8) .second-menu:nth-of-type(2) .thid-menu-ul {
  top: -40px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(8) .second-menu:nth-of-type(3) .thid-menu-ul {
  top: -240px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(8) .second-menu:nth-of-type(4) .thid-menu-ul {
  top: -120px;
}
.ld-list-div .first-menu-ul .first-menu:nth-of-type(8) .second-menu:nth-of-type(5) .thid-menu-ul {
  top: -160px;
}
.hnj-xialamenu {
  position: absolute;
  padding-top: 30px;
  top: 25px;
  cursor: pointer;
  width: 165px;
  border-radius: 2px 2px 2px 2px;
  display: none;
}
.hnj-xialamenu ol {
  display: block;
}
.hnj-xialamenu ol li {
  float: left;
  width: 170px;
  /* border-bottom: 1px solid #efefef; */
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}
.hnj-xialamenu ol li em {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
}
.hnj-xialamenu ol li:hover {
  background: #efefef;
}
.chat-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background: url(/static/image/home/chat.svg);
  background-size: cover;
  vertical-align: middle;
}
.ticket-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background: url(/static/image/home/Ticket.svg);
  background-size: cover;
  vertical-align: middle;
}
.tutorial-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background: url(/static/image/home/tutorial.svg);
  background-size: cover;
  vertical-align: middle;
}
.facebook-icon {
  display: inline-block;
  width: 19px;
  height: 20px;
  margin-right: 9px;
  background: url(/static/image/home/Facebook.svg);
  background-size: cover;
  vertical-align: middle;
}
.guide-icon {
  background: url(/static/image/home/guide.png);
}
.user-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/static/image/home/profile.svg);
  background-size: cover;
  vertical-align: middle;
}
.card-icon {
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-right: 2px;
  background: url(/static/image/home/wallet.svg);
  background-size: cover;
  vertical-align: middle;
}
.tool-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/static/image/home/icontool.svg);
  background-size: cover;
  vertical-align: middle;
}
.logout-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/static/image/home/logout.svg);
  background-size: cover;
  vertical-align: middle;
}
.help-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background: url(/static/image/home/faq.svg);
  background-size: cover;
  vertical-align: middle;
}
.logo-header .logo-main .hiuser-li {
  height: 50px;
  position: relative;
}
.logo-header .logo-main .hiuser {
  display: inline-block;
}
.logo-header .logo-main .header-tip {
  /* width: 130px; */
  position: absolute;
  right: 0;
  top: 34px;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0px 2px 26.4px 2.6px rgba(226, 226, 226, 0.35);
}
.logo-header .logo-main .header-tip ul {
  width: 100%;
}
.logo-header .logo-main .header-tip ul li {
  height: 38px;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  line-height: 36px;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
  margin-top: 0;
  float: none;
  position: relative;
}
.logo-header .logo-main .header-tip ul li a {
  line-height: 36px;
}
.logo-header .logo-main .header-tip ul li em {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-style: normal;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link {
  position: relative;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link .ticket-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link .tutorial-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link .help-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link .facebook-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.pd-top .logo-header .hnj-xialamenu ol li .com-head-link .com-head-a {
  display: block;
  padding-left: 52px;
  line-height: 36px;
}
.logo-header .logo-main .header-tip ul li .com-tool-ul a {
  display: block;
}
.logo-header .logo-main .header-tip ul li .com-head-link .user-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.logo-header .logo-main .header-tip ul li .com-head-link .card-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.logo-header .logo-main .header-tip ul li .com-head-link .tool-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.logo-header .logo-main .header-tip ul li .com-head-link .logout-icon {
  position: absolute;
  left: 20px;
  top: 8px;
}
.logo-header .logo-main .header-tip ul li .com-head-link a {
  display: block;
  padding-left: 52px;
  line-height: 38px;
}
.logo-header .logo-main .header-tip ul li ul {
  width: 170px;
  display: none;
  position: absolute;
  left: -170px;
  top: 0px;
  box-shadow: 0px 2px 26.4px 2.6px rgba(226, 226, 226, 0.35);
}
.logo-header .logo-main .header-tip ul li ul li {
  padding: 0 10px;
}
.logo-header .logo-main .header-tip ul li:hover {
  background: #efefef;
}
.logo-header .logo-main .header-tip ul li:hover ul {
  display: block;
}
.asj-home-layer .asj-hom-conp {
  color: #000000;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.asj-source-layer .asj-home-layer-tit {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}
.asj-source-layer .asj-hom-conp {
  margin-top: 50px;
}
.check-box {
  width: 20px;
  padding: 0;
  position: relative;
}
.check-box input {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin: 0;
  z-index: 99;
  visibility: visible;
  cursor: pointer;
}
.check-box input + label {
  display: block;
  width: 100%;
  padding-left: 20px;
  min-height: 16px;
  background: url(/static/image/login/multiple1-1.png) left top no-repeat;
  background-size: 16px 16px;
  font-size: 12px;
  color: #333;
}
.check-box input:checked + label {
  background-image: url(/static/image/login/checked-normal.png);
  background-size: 16px 16px;
}
.vip .check-box input:checked + label {
  background-image: url(/static/image/login/checked-VIP.png);
}
/* 单选框 */
.radio-box {
  /* width: 20px; */
  height: 16px;
  padding: 0;
  position: relative;
}
.radio-box input {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin: 0;
  z-index: 99;
  visibility: visible;
  cursor: pointer;
}
.radio-box input + label {
  display: block;
  width: 100%;
  padding-left: 20px;
  height: 16px;
  background: url(/static/image/login/radiobutton1.png) left center no-repeat;
  background-size: 16px 16px;
  font-size: 12px;
  color: #333;
}
.radio-box input:checked + label {
  background-image: url(/static/image/login/radiobutton2.png);
  background-size: 16px 16px;
}
body .pd-list-conform .layui-layer-title {
  height: 46px;
  padding: 0;
  padding-top: 10px;
  font-size: 18px;
  color: #000000;
  background-color: #fff;
  text-align: center;
}
.pdlist-p2 {
  text-align: right;
}
.pdlist-p2 a {
  cursor: pointer;
  font-size: 16px;
  color: #f89029;
}
.pdlist-p2 a:hover {
  color: #298af8;
}
/*物流提示*/
.asj-wuliu-tip-wrap {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: relative;
  margin-left: 5px;
}
.asj-wuliu-tip-icon {
  /* display: block;
  width: 20px;
  height: 20px;
  background: #f5a622;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
  text-align: center; */
  color: #f5a622;
  cursor: pointer;
}
.asj-wuliu-tip-show {
  position: absolute;
  top: 20px;
  left: -110px;
  z-index: 1;
  background: #ffec8b;
  font-size: 12px;
  line-height: 18px;
  width: 180px;
  padding: 5px;
  border: 1px solid #f5a623;
  color: #000;
  display: none;
  opacity: 0;
  transition: all 0.5s;
  text-align: center;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari and Chrome */
  -o-transition: all 0.5s;
  /* Opera */
  border-radius: 4px;
}
.asj-wuliu-tip-wrap:hover .asj-wuliu-tip-show {
  /* 有虫子 */
  display: block;
  opacity: 1;
  transition: all 0.5s;
}
/*cj弹框new start*/
#isCJPub {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10002;
}
/* 默认样式 */
#isCJPub .CJ-content {
  position: absolute;
  width: 480px;
  /* height: 272px; */
  padding: 20px;
  margin: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 4px;
  /* box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); */
  /* border-top: 4px solid #585858; */
}
#isCJPub .CJ-content.new-CJ-content {
  width: 600px;
  padding: 20px 0;
}
#isCJPub .CJ-content b {
  color: var(--color-font-1);
}
#isCJPub .CJ-content .close {
  position: absolute;
  right: 12px;
  top: 5px;
  color: #5A6872;
}
#isCJPub .CJ-content .new-close-icon {
  position: absolute;
  right: 20px;
  color: #333333;
  font-size: 14px;
  top: 20px;
  cursor: pointer;
}
#isCJPub .CJ-content .icon-box {
  width: 100%;
  text-align: center;
  line-height: 1;
  padding-right: 20px;
}
#isCJPub .CJ-content .icon-box .caveat-icon {
  font-size: 48px !important;
}
#isCJPub .CJ-content h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-font-1);
  line-height: 22px;
  text-align: left;
}
#isCJPub .CJ-content.new-CJ-content .title {
  text-align: center;
  margin-top: 20px;
}
#isCJPub .CJ-content p,
#isCJPub .CJ-content .new-content {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 20px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 20px;
  text-align: left;
  max-height: 350px;
  min-height: 100px;
  overflow-y: auto;
  padding: 0 20px 15px;
}
#isCJPub .CJ-content .new-content::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
#isCJPub .CJ-content .new-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888;
}
#isCJPub .CJ-content .new-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
#isCJPub .CJ-content a {
  color: var(--color-theme-1);
}
#isCJPub .CJ-content a:hover {
  color: var(--color-theme-1-1);
  text-decoration: underline;
}
#isCJPub .CJ-content .new-hover .view-icon {
  color: var(--color-theme-1);
  margin-left: 8px;
  font-size: 12px !important;
}
#isCJPub .CJ-content .new-hover:hover .view-icon {
  color: var(--color-theme-1-1);
  text-decoration: none;
}
#isCJPub .CJ-content .new-hover .view-icon:before {
  display: inline-block;
  width: 26px;
  height: 24px;
  line-height: 24px;
  /* background: red; */
  background: var(--color-theme-1-opacity10);
  border-radius: 50%;
}
#isCJPub .CJ-content .new-hover:hover .view-icon:before {
  display: inline-block;
  width: 26px;
  height: 24px;
  line-height: 24px;
  /* background: red; */
  background: var(--mycj-color-theme-percent1);
  border-radius: 50%;
}
#isCJPub .CJ-content .btn2 {
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  text-align: center;
  font-size: 14px;
  color: var(--color-font2);
  float: right;
  margin-right: 15px;
  background: var(--color-bg-14);
  color: var(--color-font-1);
  padding: 0 5px;
}
#isCJPub .CJ-content .btn2:hover {
  background: var(--color-bg-14-1);
  color: var(--color-font-1);
}
#isCJPub .CJ-content .btn1 {
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: var(--color-theme-1);
  border-radius: 4px;
  text-align: center;
  float: right;
  font-size: 14px;
  padding: 0 8px;
  margin-right: 15px;
}
#isCJPub .CJ-content .btn1:hover {
  background-color: var(--color-theme-1-1);
}
#isCJPub .CJ-content .new-btn-box {
  width: 100%;
  text-align: center;
}
#isCJPub .CJ-content .new-btn-box .new-btn {
  float: none;
}
#isCJPub.isVip .CJ-content .btn1 {
  color: var(--color-font-1);
  background-color: var(--color-theme-2-vip);
}
#isCJPub.isVip .CJ-content .btn1:hover {
  background-color: var(--color-theme-2-1-vip);
}
#isCJPub .operate-fail {
  border-top: 4px solid #F9AE08;
}
#isCJPub .operate-fail h3 .icon {
  background: #F9AE08;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  color: #fff;
  margin-right: 12px;
  font-size: 18px;
}
#isCJPub .operate-fail .btn1 {
  font-size: 14px;
  background: #F9AE08;
}
#isCJPub .operate-fail .btn1:hover {
  background: #F8BC38;
}
/*cj弹框new end*/
@media screen and (max-width: 1250px) {
  .pd-top {
    min-width: 1100px;
  }
  .pd-top .logo-header .logo-main {
    width: 1100px;
  }
  .pd-top .nav-header .nav-content {
    width: 1200px;
  }
  .ld-sp-con .row .col-xs-3 {
    width: 213px;
  }
  .ld-sp-con .row .col-xs-3 .listing-show .product-img {
    max-width: 195px;
    max-height: 195px;
  }
  .asj-page-box {
    width: 1100px;
  }
}
/*聊天*/
#chat-box,
#fancybox-frame {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18), 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
  bottom: 70px !important;
  border-radius: 10px;
}
#notice-wrap {
  bottom: 205px !important;
}
.fx-wrap {
  display: flex;
  flex-wrap: wrap;
}
.sjb-box {
  overflow: hidden;
}
.sjb-box .sjb-icon {
  position: relative;
  left: 0;
  width: 100%;
  height: 100%;
}
.sjb-box:hover .sjb-icon {
  left: -100000px;
}
.inventory-show-more {
  display: none;
  position: absolute;
  bottom: 29px;
  left: 0;
  width: 226px;
  z-index: 100;
}
.inventory-show-more .triangle {
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
  position: absolute;
  left: 3px;
  bottom: -10px;
}
.inventory-show-more .show-more-list {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  color: #fff;
}
.inventory-show-more .show-more-list::before {
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
  position: absolute;
  left: 3px;
  bottom: -10px;
}
.inventory-show-more .show-more-item {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 12px;
}
.inventory-show-more .show-more-item span {
  color: #fff;
  font-weight: 500;
}
/* 弹窗 */
.detailAlert {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 120;
  font-family: PingFangSC-Medium, PingFang SC;
}
.ticket-detail {
  width: 780px;
  height: 600px;
  background: #fff;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: absolute;
  top: calc(50% - 300px);
  left: calc(50% - 390px);
  box-sizing: border-box;
  padding-bottom: 30px;
  /* margin: auto; */
}
/* 弹窗标题 */
.ticket-detial-title {
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 50px;
  text-align: center;
  background: #F9F8F8;
  border-radius: 4px;
  padding-right: 20px;
}
/* 弹窗分割线 */
/* .top-splite{
  width:730px;
  height:1px;
  background: #EBEBEB;
  position: absolute;
  top: 52px;
} */
/* 弹窗分割线下主体 */
.bottom-content {
  /* height: 300px; */
  height: calc(100% - 64px);
  overflow-y: scroll;
  padding: 0 24px;
}
/* 弹窗底部按钮 */
.bottom-btn {
  height: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.alert-btn-cancel {
  width: 85px;
  height: 32px;
  background: #F5F5F5;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 10px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.alert-btn-confirm {
  width: 85px;
  height: 32px;
  background: var(--color-theme-1);
  border-radius: 4px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.alert-btn-cancel:hover {
  opacity: 0.8;
}
.alert-btn-confirm:hover {
  opacity: 0.8;
}
/* 弹窗分割线下面主体内容 */
.bottom-content-title {
  text-align: center;
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  word-wrap: break-word;
}
.bottom-content-subtitle {
  text-align: center;
  margin: 20px 0 10px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
}
.content-subtitle-font {
  margin-right: 10px;
}
/* 弹窗列表 */
.bottom-content-list {
  padding-right: 10px;
}
.content-item {
  list-style: none;
  margin-bottom: 20px;
}
.content-item-top {
  overflow: hidden;
  margin-bottom: 6px;
}
.content-item-bottom {
  overflow: hidden;
}
/* 滚动条样式 */
.bottom-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
}
.bottom-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
/* 字体图标 */
.iconfenxiang:before {
  content: "\e62a";
}
.iconyanjing:before {
  content: "\e668";
}
.iconLC_icon_close_fill_circle:before {
  content: "\e624";
}
.iconshuaxin:before {
  content: "\e650";
}
.iconnewspaper:before {
  content: "\e916";
}
.iconxuanzeanniu:before {
  content: "\e670";
}
.iconxuanze:before {
  content: "\e618";
}
.iconquestion:before {
  content: "\e682";
}
.iconmaijiazhongxin_chanpinkumingjiangku:before {
  content: "\e639";
}
.iconyigouxuan:before {
  content: "\e63d";
}
.iconweigouxuan:before {
  content: "\e63e";
}
.iconshouquanguanli:before {
  content: "\e646";
}
.icongongyingshang:before {
  content: "\e609";
}
.iconxiangmu:before {
  content: "\e625";
}
.icondingdanguanli:before {
  content: "\e629";
}
.iconrenwu_:before {
  content: "\e642";
}
.iconwodejihua:before {
  content: "\e64d";
}
.iconjiluziliaoguanli:before {
  content: "\e655";
}
.iconxiangxia:before {
  content: "\e616";
}
.icondingdan:before {
  content: "\e634";
}
.icondingdangenzong:before {
  content: "\e675";
}
.iconyanjing-xiexian:before {
  content: "\e7b5";
}
.iconapi:before {
  content: "\e6d1";
}
.iconmaijiaxinxi:before {
  content: "\e69b";
}
.icondingdanshibai:before {
  content: "\e759";
}
.iconshouquanshenpi:before {
  content: "\e9ab";
}
.iconliwuicon_:before {
  content: "\e6d5";
}
.iconsousuo:before {
  content: "\e66f";
}
.iconcebianlan-fan:before {
  content: "\e604";
}
.iconxinyuanqiang:before {
  content: "\e600";
}
.iconshiyongaixin:before {
  content: "\e637";
}
.icon_GJZsiyou:before {
  content: "\e67b";
}
.iconkuaidi:before {
  content: "\e602";
}
.iconjijiangshangxian:before {
  content: "\e647";
}
.iconshipin:before {
  content: "\e605";
}
.iconchengyunshangyundanchaxun:before {
  content: "\e780";
}
.iconguoqi:before {
  content: "\e622";
}
.iconshouquan:before {
  content: "\e61f";
}
.iconicon-test:before {
  content: "\e607";
}
.iconcebianlan-zuo:before {
  content: "\e60a";
}
.iconfuzhi:before {
  content: "\e601";
}
.iconminus-:before {
  content: "\e603";
}
.iconplus-:before {
  content: "\e606";
}
.iconshanchu:before {
  content: "\e60b";
}
.iconfuzhi1:before {
  content: "\e60c";
}
.iconxingzhuang:before {
  content: "\e60d";
}
.iconbianji:before {
  content: "\e60e";
}
.iconshangchuan:before {
  content: "\e60f";
}
.iconyoufan:before {
  content: "\e611";
}
.iconxingzhuang2:before {
  content: "\e612";
}
.iconzhongzhi:before {
  content: "\e613";
}
.iconxingzhuang3:before {
  content: "\e614";
}
.iconxingzhuang4:before {
  content: "\e615";
}
.iconx:before {
  content: "\e617";
}
.iconbianji1:before {
  content: "\e610";
}
.iconyamaxun:before {
  content: "\e61a";
}
.iconeBay:before {
  content: "\e61b";
}
.iconshipstation:before {
  content: "\e61c";
}
.iconBrghtpearl:before {
  content: "\e61d";
}
.iconwix1:before {
  content: "\e61e";
}
.iconwoocommerce:before {
  content: "\e620";
}
.iconshangchuan1:before {
  content: "\e608";
}
.iconshangchuan2:before {
  content: "\e619";
}
.iconAPI:before {
  content: "\e621";
}
.iconlazada:before {
  content: "\e623";
}
.icontixing_:before {
  content: "\e626";
}
.iconshopify:before {
  content: "\e627";
}
.iconjiantou:before {
  content: "\e65e";
}
.iconweixuanze1:before {
  content: "\e65f";
}
.iconxuanze1:before {
  content: "\e660";
}
.iconduihao:before {
  content: "\e661";
}
.iconshangcheng:before {
  content: "\e662";
}
.iconhetong1:before {
  content: "\e63b";
}
.iconfuwushangpin:before {
  content: "\e63f";
}
.iconguanlian:before {
  content: "\e63c";
}
.iconsku:before {
  content: "\e640";
}
.iconbianzu:before {
  content: "\e628";
}
.icon14:before {
  content: "\e62d";
}
.iconxingzhuang1:before {
  content: "\e62b";
}
.iconbianzu1:before {
  content: "\e62c";
}
.iconbianzu4:before {
  content: "\e62f";
}
.iconbianzu5:before {
  content: "\e630";
}
.iconbianzu6:before {
  content: "\e631";
}
.iconbianzu7:before {
  content: "\e632";
}
.iconbianzu13:before {
  content: "\e643";
}
.iconbianzu14:before {
  content: "\e644";
}
.iconbianzu16:before {
  content: "\e648";
}
.iconicon-test1:before {
  content: "\e649";
}
.iconicon-test2:before {
  content: "\e64a";
}
.iconicon-test4:before {
  content: "\e64c";
}
.iconicon-test8:before {
  content: "\e652";
}
.iconxihuan:before {
  content: "\e638";
}
.iconelites:before {
  content: "\e63a";
}
.iconticket:before {
  content: "\e641";
}
.icontutorial:before {
  content: "\e645";
}
.iconfaq:before {
  content: "\e64e";
}
.iconfacebookgroup:before {
  content: "\e64f";
}
.iconnewuserguide:before {
  content: "\e64b";
}
.iconchat:before {
  content: "\e62e";
}
.iconliebiaoshoucang:before {
  content: "\e651";
}
.iconliebiaoweishoucang:before {
  content: "\e653";
}
.iconConsumerElectronicsx:before {
  content: "\e633";
}
.iconHomeImprovement:before {
  content: "\e635";
}
.iconPhonesAccessories:before {
  content: "\e636";
}
.iconJewelryWatches:before {
  content: "\e654";
}
.iconWomensClothing:before {
  content: "\e656";
}
.iconToysKidsBaby:before {
  content: "\e657";
}
.iconBagShoes:before {
  content: "\e658";
}
.iconHealthBeautyHair:before {
  content: "\e659";
}
.iconbianzu2:before {
  content: "\e65a";
}
.iconMensClothing:before {
  content: "\e65b";
}
.iconComputerOffice:before {
  content: "\e65c";
}
.iconSportsOutdoors:before {
  content: "\e65d";
}
.iconbianzu3:before {
  content: "\e663";
}
.iconlogo:before {
  content: "\e664";
}
.iconkandeng:before {
  content: "\e665";
}
.iconweijiaohuodingdan:before {
  content: "\e666";
}
.iconshopee:before {
  content: "\e667";
}
.iconW-tupianxiazai1:before {
  content: "\e66b";
}
.iconcuxiao:before {
  content: "\e669";
}
.iconicon-test3:before {
  content: "\e66a";
}
.iconyouhuiquan:before {
  content: "\e66c";
}
.iconyouhuiquan1:before {
  content: "\e66d";
}
.iconkandengicon:before {
  content: "\e66e";
}
.iconshiyijieshizhushi:before {
  content: "\e671";
}
.iconbianzu8:before {
  content: "\e672";
}
.iconjiazai:before {
  content: "\e673";
}
.icontishi:before {
  content: "\e674";
}
.iconicon-test5:before {
  content: "\e676";
}
.iconicon-test6:before {
  content: "\e677";
}
.iconicon-test10:before {
  content: "\e67a";
}
.iconjiacuguanlian:before {
  content: "\e678";
}
.icongyspj:before {
  content: "\e6b3";
}
.yipingjia:before {
  content: "\e6b4";
}
.iconzizhanghu:before {
  content: '\e724';
}
.iconzhanghu:before {
  content: '\e722';
}
.icongerenzhongxin:before {
  content: '\e717';
}
.icongongyingshangpingjia:before {
  content: '\e716';
}
.icontuichu:before {
  content: '\e715';
}
.iconwuliu:before {
  content: '\e714';
}
.iconbianzu101:before {
  content: '\e700';
}
.iconbianzu12:before {
  content: '\e703';
}
.iconshouyehezuohuoban:before {
  content: '\e729';
}
.iconlujingbeifen2:before {
  content: '\e72b';
}
.icontishi3:before {
  content: '\e745';
}
.popUpsComponent .pop-ups-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1113;
}
.popUpsComponent .pop-ups-modal .pop-ups-box {
  width: 360px;
  padding: 20px 20px 20px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popUpsComponent .pop-ups-modal .pop-ups-box .popups-title {
  font-size: 16px;
  color: #333333;
  height: 22px;
  line-height: 22px;
  position: relative;
  background-color: unset;
  text-align: left;
  margin: 0;
  padding: 0;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .popups-title .closeIcon {
  font-size: 14px;
  color: #666666;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .popups-content {
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: #666666 !important;
  padding: 0 !important;
  margin-top: 10px;
  text-align: left;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box button {
  min-width: 80px !important;
  height: 30px !important;
  padding: 0 8px !important;
  line-height: 30px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .close-btn {
  color: #666666 !important;
  border: 1px solid #E4E4E4 !important;
  background: #F9F9F9 !important;
  margin-right: 15px;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .close-btn:hover {
  color: var(--color-font-1) !important;
  border: 1px solid var(--color-line-1) !important;
  background: var(--color-bg-14-1) !important;
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .confirm-btn {
  color: #fff;
  background: var(--color-theme-1);
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .confirm-btn:hover {
  background: var(--color-theme-1-1);
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .confirm-btn.vip {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.popUpsComponent .pop-ups-modal .pop-ups-box .bottom-btn-box .confirm-btn.vip:hover {
  background: var(--color-theme-2-1-vip);
}
.popUpsComponent .second-modal {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.selectShop {
  border-radius: 4px;
  min-height: 32px;
}
.selectShop:hover .select-wrap .select-input {
  border-color: var(--color-theme-1);
}
.selectShop .logoBox {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
}
.selectShop .logoBox .statusIcon {
  position: absolute;
  left: -4px;
  bottom: -4px;
  width: 12px !important;
  height: 12px !important;
  border: 0 !important;
  margin: 0 !important;
}
.selectShop .logoBox .iconyishouquan {
  color: #52c41a;
}
.selectShop .logoBox .iconweishouquan1 {
  color: #dd4b1a;
  display: none;
}
.selectShop .logoBox.isUnauthorized .logo_icon,
.selectShop .logoBox.isUnauthorized .selectedImg {
  opacity: 0.3;
}
.selectShop .logoBox.isUnauthorized .iconyishouquan {
  display: none;
}
.selectShop .logoBox.isUnauthorized .iconweishouquan1 {
  display: block;
}
.selectShop.hasUnauthorized {
  margin-bottom: 30px;
}
.selectShop.hasUnauthorized .select-input {
  border-color: #ff4d4f !important;
}
.selectShop.hasUnauthorized .select-input .errorMessage {
  display: flex !important;
  align-items: center;
  height: 30px;
  font-size: 12px;
  color: #ff4d4f;
  white-space: nowrap;
}
.selectShop .errorMessage {
  display: none;
  cursor: pointer;
}
.selectShop .select-search {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.selectShop .select-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.selectShop .select-wrap .select-input {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  cursor: pointer;
}
.selectShop .select-wrap .select-input .singleInput {
  width: 100%;
}
.selectShop .select-wrap .select-input .iconjiantou_xia {
  font-size: 16px;
  color: var(--color-font-3);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.selectShop .select-wrap .select-input .select-placeholder {
  padding: 0 16px 0 10px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  height: 32px;
  display: flex;
  align-items: center;
}
.selectShop .select-wrap .select-input .selected-list {
  padding: 2px 16px 2px 10px;
  display: flex;
  flex-wrap: wrap;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag {
  margin: 2px 2px;
  padding: 0 8px;
  display: flex;
  min-height: 24px;
  align-items: center;
  background: #F9F8F8;
  border-radius: 2px;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag:first-child {
  margin-left: 0;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag:hover {
  background: #F4F4F4;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag .tag-name {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag .delete-icon {
  transform: scale(0.7);
  margin-left: 4px;
}
.selectShop .select-wrap .select-input .selected-list .selected-tag .delete-icon .iconfont {
  font-size: 12px;
  color: #999;
  cursor: pointer;
  vertical-align: middle;
}
.selectShop .select-wrap .select-input .select-search {
  border: none;
}
.selectShop .select-wrap .select-input .singleSelected {
  padding: 0px 42px 0 4px;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.selectShop .select-wrap .select-input .singleSelected .selectedImg {
  width: 24px;
  height: 24px;
  margin: 0px 4px 0px 0;
  border: 1px solid #eeeeee;
  border-radius: 3px;
}
.selectShop .select-wrap .select-input .singleSelected .selectedName {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}
.selectShop .select-wrap .select-input .singleSelected .selectedDeleteBox {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #e4e4e4;
  border-radius: 50%;
  position: absolute;
  right: 24px;
  top: 6px;
  transform: scale(0.7);
  text-align: center;
  display: none;
}
.selectShop .select-wrap .select-input .singleSelected .selectedDeleteBox .selectedDeleteIcon {
  font-size: 12px;
  color: #ffffff;
}
.selectShop .select-wrap .select-input .singleSelected.allItem .selectedImg {
  width: 24px;
  height: 24px;
}
.selectShop .select-wrap .select-input .singleSelected:hover .selectedDeleteBox {
  display: block;
}
.selectShop .select-wrap.cj-tooltip .select-input {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.selectShop .select-wrap.cj-tooltip .select-input .singleSelected:hover .selectedDeleteBox {
  display: none;
}
.selectShop .select-wrap.cj-tooltip .select-input .singleSelected .selectedName {
  color: var(--color-font-2);
}
.selectShop .select-wrap.cj-tooltip .select-input .selected-list .selected-tag .delete-icon {
  display: none;
}
.selectShop .select-wrap.cj-tooltip .cj-tooltip-padding {
  left: 60px;
  bottom: -38px;
  padding-bottom: 0;
  padding-top: 13px;
}
.selectShop .select-wrap.cj-tooltip .cj-tooltip-padding:after {
  bottom: calc(100% - 13px);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000000 transparent;
}
.selectShop .options-modal {
  position: relative;
  z-index: 1300;
}
.selectShop .options-modal .select-options {
  position: absolute;
  width: 100%;
  min-width: 320px;
  max-height: 250px;
  background: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  top: 4px;
  left: 0;
  z-index: 50;
}
.selectShop .options-modal .select-options .select-search-box {
  height: 55px;
  width: 100%;
  padding: 0 12px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 10;
}
.selectShop .options-modal .select-options .select-search-box .multi-select-search {
  height: 32px;
}
.selectShop .options-modal .select-options .select-option-item {
  height: 32px;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px 0 16px;
}
.selectShop .options-modal .select-options .select-option-item:hover {
  background: #fbfbfb;
}
.selectShop .options-modal .select-options .select-option-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.selectShop .options-modal .select-options .select-option-item.disabled .label-box {
  max-width: calc(100% - 118px);
}
.selectShop .options-modal .select-options .select-option-item.disabled .name::after {
  content: 'Inactive';
  color: #000;
  /* width: 32px; */
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  border: 1px solid #E4E4E4;
  text-align: center;
  font-size: 12px;
  margin-left: 8px;
}
.selectShop .options-modal .select-options .select-option-item img {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
}
.selectShop .options-modal .select-options .select-option-item .name {
  display: flex;
  align-items: center;
  width: calc(100% - 22px);
}
.selectShop .options-modal .select-options .select-option-item .name .erp-tag {
  margin-left: 4px;
  width: 26px;
  display: inline-block;
  flex-shrink: 0;
}
.selectShop .options-modal .select-options .select-option-item .name .erp-tag img {
  width: 100%;
  height: auto;
  border: none;
  margin-right: 0;
}
.selectShop .options-modal .select-options .select-option-item .label-box {
  max-width: calc(100% - 54px);
}
.selectShop .options-modal .select-options .select-option-item .option-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectShop .options-modal .select-options .select-option-item .option-label .filterWord {
  color: var(--color-theme-1);
}
.selectShop .options-modal .select-options .select-option-item .checked-icon {
  transform: scale(0.8);
}
.selectShop .options-modal .select-options .select-option-item .checked-icon .iconfont {
  font-size: 12px;
  color: var(--color-theme-1);
  vertical-align: middle;
}
.selectShop .options-modal .select-options .select-option-item.firstOption .cj-tooltip .cj-tooltip-padding,
.selectShop .options-modal .select-options .select-option-item .cj-tooltip-fixed .cj-tooltip-padding {
  bottom: calc(-200%);
  padding-bottom: 0;
  padding-top: 13px;
  max-width: 300px;
}
.selectShop .options-modal .select-options .select-option-item.firstOption .cj-tooltip .cj-tooltip-padding::after,
.selectShop .options-modal .select-options .select-option-item .cj-tooltip-fixed .cj-tooltip-padding::after {
  bottom: calc(100% - 13px);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
}
.selectShop .options-modal .select-options .select-empty {
  height: 120px;
  width: 100%;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.selectShop .options-modal .select-options .select-empty img {
  width: 64px;
  height: 64px;
}
.selectShop .options-modal .select-options .select-empty span {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.selectShop .options-modal .select-options .unauthorizedShop {
  border-top: 1px solid #eeeeee;
  margin-top: 8px;
}
.selectShop .options-modal .select-options .unauthorizedShop .unauthorizedShopTitle {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  padding: 8px 16px;
}
.selectShop .options-modal .select-options.JustOne {
  overflow: hidden;
}
.selectShop .options-modal .select-options.JustOne .select-option-item {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.selectShop .options-modal .select-options.JustOne .select-option-item .option-label {
  line-height: 14px;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.selectShop .beauty-scrollbar::-webkit-scrollbar {
  width: 0px;
  border-radius: initial;
}
.selectShop .beauty-scrollbar::-webkit-scrollbar-track {
  width: 0;
  background-color: transparent;
  border-radius: 3px;
}
.selectShop .beauty-scrollbar::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}
.selectShop .allIcon {
  margin-right: 8px;
  color: #D8D8D8;
  font-size: 24px;
  line-height: 32px;
}
.blackTheme {
  border: 1px solid transparent;
}
.blackTheme:hover {
  border: 1px solid var(--color-theme-1);
}
.blackTheme .select-search {
  background: #494a53;
  color: #ffffff;
}
.blackTheme .select-wrap .select-input {
  background: #494a53;
  color: #ffffff;
  border: none;
}
.blackTheme .select-wrap .select-input .select-placeholder {
  color: #fff;
}
.blackTheme .select-wrap .select-input .singleSelected .selectedName {
  color: #fff;
}
.blackTheme .options-modal .select-options {
  background: #494A53;
}
.blackTheme .options-modal .select-options .select-option-item.selectedBg {
  background: var(--color-theme-1);
}
.blackTheme .options-modal .select-options .select-option-item .option-label {
  color: #fff;
}
.blackTheme .options-modal .select-options .select-option-item .allIcon {
  color: #ffffff;
}
.blackTheme .options-modal .select-options .select-option-item:hover {
  background: inherit;
}
.blackTheme .options-modal .select-options .select-option-item:hover .option-label {
  color: var(--color-theme-1);
}
.blackTheme .options-modal .select-options .select-option-item.selectedBg:hover {
  background: var(--color-theme-1);
}
.blackTheme .options-modal .select-options .select-option-item.selectedBg:hover .option-label {
  color: #fff;
}
.blackTheme .options-modal .select-options .unauthorizedShop {
  border-top-color: #555555;
}
.blackTheme .options-modal .select-options .unauthorizedShop .unauthorizedShopTitle {
  color: #CBCBCB;
}
.vip.selectShop:hover .select-wrap .select-input {
  border-color: var(--color-theme-1-vip);
}
.vip.selectShop .options-modal .select-options .select-option-item .checked-icon .iconfont {
  color: var(--color-theme-1-vip);
}
.vip.selectShop .options-modal .select-options .select-option-item .name .cj-tooltip .option-label .filterWord {
  color: var(--color-theme-1-vip);
}
.vip.blackTheme {
  border: 1px solid transparent;
}
.vip.blackTheme:hover {
  border: 1px solid #F5DDA9;
}
.vip.blackTheme .select-search {
  background: #0E0E0E;
  color: var(--color-theme-2-vip);
}
.vip.blackTheme .select-wrap .select-input {
  background: #0E0E0E;
  color: var(--color-theme-2-vip);
  border: none;
}
.vip.blackTheme .select-wrap .select-input .select-placeholder {
  color: var(--color-theme-2-vip);
}
.vip.blackTheme .select-wrap .select-input .singleInput::placeholder {
  color: rgba(241, 214, 158, 0.65);
}
.vip.blackTheme .select-wrap .select-input .singleSelected .selectedName {
  color: var(--color-theme-2-vip);
}
.vip.blackTheme .select-wrap .select-input .singleSelected .selectedDeleteBox {
  background: var(--color-theme-2-vip);
}
.vip.blackTheme .select-wrap .select-input .singleSelected .selectedDeleteBox .selectedDeleteIcon {
  color: #494A53;
}
.vip.blackTheme .options-modal .select-options {
  background: #262626;
}
.vip.blackTheme .options-modal .select-options .select-option-item .option-label {
  color: #fff;
}
.vip.blackTheme .options-modal .select-options .select-option-item .allIcon {
  color: #ffffff;
}
.vip.blackTheme .options-modal .select-options .select-option-item .checked-icon .iconfont {
  display: none;
}
.vip.blackTheme .options-modal .select-options .select-option-item:hover {
  background: inherit;
}
.vip.blackTheme .options-modal .select-options .select-option-item:hover .option-label {
  color: var(--color-theme-2-vip);
}
.vip.blackTheme .options-modal .select-options .select-option-item.selectedBg {
  background: var(--color-theme-2-vip);
}
.vip.blackTheme .options-modal .select-options .select-option-item.selectedBg .option-label {
  color: #3D1B00;
}
.vip.blackTheme .options-modal .select-options .select-option-item.selectedBg:hover {
  background: var(--color-theme-2-vip);
}
.vip.blackTheme .options-modal .select-options .unauthorizedShop {
  border-top-color: #555555;
}
.vip.blackTheme .options-modal .select-options .unauthorizedShop .unauthorizedShopTitle {
  color: #CBCBCB;
}
.selectComponent {
  display: inline-block;
  vertical-align: middle;
  cursor: not-allowed;
  width: 100%;
}
.selectComponent .selectBoxOut {
  width: 100%;
}
.selectComponent .selectBoxOut.showUnit {
  display: flex;
}
.selectComponent .selectBoxOut.showUnit .selectBox {
  flex: 1;
  border-radius: 4px 0 0 4px;
}
.selectComponent .selectBoxOut .afterUnitBox {
  width: auto;
  height: 32px;
  padding: 6px 16px;
  background: #F9F9F9;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #E4E4E4;
  border-left: none;
}
.selectComponent .selectBox {
  width: 100%;
  height: 32px;
  border: 1px solid #e9e9e9;
  background: #fff;
  line-height: 32px;
  padding-left: 4px;
  border-radius: 4px;
  color: #333333;
  text-align: left;
  font-size: 12px;
}
.selectComponent .disabled {
  background-color: #fafafa !important;
}
.selectComponent.cj-tooltip .cj-tooltip-padding {
  left: 60px;
}
.cj-shopify-collections {
  width: 400px;
  display: flex;
}
.cj-shopify-collections .select-collection-select {
  font-size: 14px;
  color: #666;
  width: 210px;
  height: 32px;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.cj-shopify-collections .add-collections .add-new-collection-inp {
  font-size: 12px;
  color: #333;
  width: 210px;
  height: 32px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding-left: 4px;
  border-radius: 4px;
}
.cj-shopify-collections .btn {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
  color: #333;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  outline: none;
  margin-left: 5px;
}
.cj-shopify-collections .btn-add-new:hover {
  background: #ffffff;
}
.cj-shopify-collections .new-btn-cancel:hover {
  background: var(--color-bg-14-1);
  color: var(--color-font-1);
}
.input-wrapper {
  width: 100%;
  position: relative;
  display: inline-block;
}
.input-wrapper .noMoreOption .cj-tooltip-padding {
  display: none;
}
.input-wrapper .noMoreOption.cj-tooltip .cj-tooltip-padding {
  position: absolute !important;
  left: 50px;
}
.input-wrapper .noMoreOption.cj-tooltip .cj-tooltip-title-dom {
  position: absolute !important;
}
.input-wrapper .noMoreOption.cj-tooltip:hover .cj-tooltip-padding {
  display: block;
}
.selectInputBox {
  width: 100%;
}
.selectInputBox .input-search {
  display: inline-block;
  padding: 0 0 0 12px;
  font-size: 12px;
  color: #333;
  width: 100%;
  height: 32px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: #fff;
  padding-left: 12px;
}
.selectInputBox .input-search::placeholder {
  font-size: 14px;
}
.input-click {
  font-size: 14px;
  color: #333;
  height: 32px;
  border: 1px solid #d9d9d9;
  background: #fff;
  line-height: 32px;
  padding: 0 30px 0 12px;
  border-radius: 4px;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.input-click .iconzhankai2 {
  font-size: 10px;
  color: #999999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.input-click.disabledBg {
  background-color: #fafafa;
}
.input-click.greyColor {
  color: #999999 !important;
}
.input-click:empty::before {
  content: attr(placeholder);
}
.input-select-wrapper {
  border-radius: 4px;
  width: 100%;
}
.input-select-wrapper.cjShopifyCollectionsDropdown {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  background: #ffffff;
}
.input-select-wrapper .shopifyLoading {
  position: absolute !important;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
}
.input-select-wrapper .scrollTop {
  top: 0px;
}
.input-select {
  height: 230px;
  background: #fff;
  overflow: auto;
  width: 100%;
  z-index: 10;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-bottom: 38px;
}
.input-select-li {
  padding-left: 12px;
  cursor: pointer;
  line-height: 28px !important;
  text-align: left;
  color: var(--color-font-1);
}
.input-select-li:hover {
  color: var(--color-theme-1);
}
.input-select-li.activeItem {
  background-color: rgba(255, 119, 0, 0.2);
  color: var(--color-theme-1);
}
.no-data-img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: block;
}
.cj-shopify-collections .select-collections {
  width: 100%;
  display: flex;
  align-items: center;
}
.cj-shopify-collections .addBox {
  width: 100%;
  height: 38px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #eeeeee;
  z-index: 20;
}
.cj-shopify-collections .addBox .addBtn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.cj-shopify-collections .addBox .addBtn .iconfont {
  margin-right: 6px;
}
.cj-shopify-collections .addBox .addBtn:hover {
  color: var(--color-theme-1);
  background-color: rgba(255, 119, 0, 0.1);
}
.cj-shopify-collections .addBox .addAction {
  width: 100%;
  height: 100%;
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.cj-shopify-collections .addBox .addAction .inputCategory {
  display: inline-block;
  width: auto;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  margin-right: 16px;
  padding-left: 10px;
  color: #333333;
  font-size: 14px;
  flex: 1;
}
.cj-shopify-collections .addBox .addAction .inputCategory:hover {
  border-color: var(--color-theme-1);
}
.cj-shopify-collections .addBox .addAction .addCategoryBtnBox {
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
}
.cj-shopify-collections .addBox .addAction .addCategoryBtnBox .cancelBtn {
  color: #999999;
  cursor: pointer;
  margin-right: 16px;
}
.cj-shopify-collections .addBox .addAction .addCategoryBtnBox .cancelBtn:hover {
  color: var(--color-theme-1);
}
.cj-shopify-collections .addBox .addAction .addCategoryBtnBox .confirmBtn {
  color: var(--color-theme-1);
  cursor: pointer;
}
.cj-shopify-collections .addBox .addAction .addCategoryBtnBox .confirmBtn:hover {
  color: var(--color-theme-1-1);
}
.vip .cj-shopify-collections .input-select-li:hover {
  color: #DDA863;
}
.vip .cj-shopify-collections .input-select-li.activeItem {
  background-color: rgba(221, 168, 99, 0.1);
  color: #DDA863;
}
.vip .cj-shopify-collections .addBox .addBtn:hover {
  color: #DDA863;
  background-color: rgba(221, 168, 99, 0.1);
}
.vip .cj-shopify-collections .addAction .inputCategory:hover {
  border-color: #DDA863;
}
.vip .cj-shopify-collections .addAction .addCategoryBtnBox .cancelBtn:hover {
  color: #DDA863;
}
.vip .cj-shopify-collections .addAction .addCategoryBtnBox .confirmBtn {
  color: #DDA863;
}
.vip .cj-shopify-collections .addAction .addCategoryBtnBox .confirmBtn:hover {
  color: #C69658;
}
.tagsComponent {
  width: 100%;
}
.tagsComponent .addTagBox {
  width: 100%;
  position: relative;
}
.tagsComponent .addTagBox .tagsInput {
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 32px 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.tagsComponent .addTagBox .tagsInput:hover,
.tagsComponent .addTagBox .tagsInput:focus,
.tagsComponent .addTagBox .tagsInput:active {
  border-color: var(--color-theme-1);
}
.tagsComponent .addTagBox .tagsInput::placeholder {
  color: var(--color-font-3);
  font-size: 14px;
}
.tagsComponent .addTagBox .addBox {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--color-font-3);
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.tagsComponent .addTagBox .addBox .addIcon {
  font-size: 18px;
  color: var(--color-font-3);
  position: relative;
  top: -1px;
}
.tagsComponent .addTagBox .addBox:hover {
  border-color: var(--color-theme-1);
}
.tagsComponent .addTagBox .addBox:hover .addIcon {
  color: var(--color-theme-1);
}
.tagsComponent .tagslist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}
.tagsComponent .tagslist .tagItem {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 22px;
  padding: 0 8px;
  background: #F2F2F2;
  border-radius: 2px;
  margin: 5px 8px 0 0;
}
.tagsComponent .tagslist .tagItem .delIcon {
  font-size: 12px;
  color: var(--color-font-3);
  cursor: pointer;
  margin-left: 8px;
  vertical-align: bottom;
}
.vip .tagsComponent .addTagBox .tagsInput:hover,
.vip .tagsComponent .addTagBox .tagsInput:focus,
.vip .tagsComponent .addTagBox .tagsInput:active {
  border-color: var(--color-theme-1-vip);
}
.vip .tagsComponent .addTagBox .addBox:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .tagsComponent .addTagBox .addBox:hover .addIcon {
  color: var(--color-theme-1-vip);
}
.vendorComponent {
  width: 100%;
}
.vendorComponent .inputBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vendorComponent .inputBox .inputWrap {
  width: 100%;
  height: 32px;
  background: #FFFFFF;
  position: relative;
}
.vendorComponent .inputBox .inputWrap .vendorInput {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 32px 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font1);
  line-height: 20px;
}
.vendorComponent .inputBox .inputWrap .vendorInput::placeholder {
  color: var(--color-font1);
}
.vendorComponent .inputBox .inputWrap .vendorInput.showPlaceholderColor::placeholder {
  color: var(--color-font3);
}
.vendorComponent .inputBox .inputWrap .vendorInput:hover,
.vendorComponent .inputBox .inputWrap .vendorInput:focus,
.vendorComponent .inputBox .inputWrap .vendorInput:active {
  border-color: var(--color-theme-1);
}
.vendorComponent .inputBox .inputWrap .deleteIcon {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #D8D8D8;
  display: none;
}
.vendorComponent .inputBox .inputWrap:hover .showDelete {
  display: inline-block;
}
.vendorComponent .inputBox .syncBox {
  margin-left: 8px;
  position: relative;
}
.vendorComponent .inputBox .syncBox .syncTooltip {
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
}
.vendorComponent .inputBox .syncBox .syncTooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid rgba(0, 0, 0, 0.75);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.vendorComponent .inputBox .syncBox .syncIcon {
  color: var(--color-theme-1);
  font-size: 16px;
  cursor: pointer;
}
.vendorComponent .inputBox .syncBox .syncIcon:hover {
  color: var(--color-theme-1-1);
}
.vendorComponent .vendorDropDownWrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 498px;
  max-height: 250px;
  min-height: 200px;
  background: #ffffff;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 99;
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .addShopifyBox {
  color: #333333;
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .addShopifyBox .addIconCircle {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--color-theme-1);
  margin-right: 7px;
  text-align: center;
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .addShopifyBox .addIconCircle .addIcon {
  font-size: 14px;
  color: #ffffff;
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 0 0 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .optionItem.selected {
  color: var(--color-theme-1);
  background: rgba(255, 119, 0, 0.2);
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .optionItem:hover {
  color: var(--color-theme-1);
}
.vendorComponent .vendorDropDownWrap .vendorDropDownContent .optionList {
  width: 100%;
  max-height: 250px;
  min-height: 200px;
  overflow: auto;
}
.vendorComponent .vendorDropDownWrap .noOption {
  padding-top: 40px;
  text-align: center;
}
.vendorComponent .vendorDropDownWrap .noOption img {
  width: 64px;
  height: 64px;
}
.vendorComponent .vendorDropDownWrap .noOption .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.vip .vendorComponent .inputBox .vendorInput:hover,
.vip .vendorComponent .inputBox .vendorInput:focus,
.vip .vendorComponent .inputBox .vendorInput:active {
  border-color: var(--color-theme-1-vip);
}
.vip .vendorComponent .inputBox .syncBox .syncIcon {
  color: var(--color-theme-1-vip);
}
.vip .vendorComponent .inputBox .syncBox .syncIcon:hover {
  color: var(--color-theme-1-1-vip);
}
.speedListComponent .speed-list {
  overflow: hidden;
}
.speedListComponent .check-icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  margin-top: 2px;
  flex: none;
  cursor: pointer;
}
.speedListComponent .check-icon::after {
  position: absolute;
  line-height: 1;
  content: '\e65f';
  color: #d8d8d8;
}
.speedListComponent .price-check .check-icon::after {
  content: '\e670';
  color: var(--color-theme-1);
}
.speedListComponent .link-text {
  color: #666666;
  font-size: 14px;
}
.speedListComponent .link-text span {
  color: var(--color-theme-1);
  cursor: pointer;
}
.speedListComponent .link-text span:hover {
  text-decoration: underline;
}
.speedListComponent .speed-list-radio-list .cj-tooltip {
  margin-top: 3px;
  margin-left: 16px;
  color: var(--color-primary);
}
.speedListComponent .speed-list-radio-list > ul > li {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 30px 0;
}
.speedListComponent .speed-list-radio-list .radio-main {
  flex: 1;
  max-width: 700px;
}
.speedListComponent .speed-list-radio-list .radio-main .error-box {
  margin-top: 8px;
  font-size: 12px;
  color: #DD4B1A;
  line-height: 17px;
}
.speedListComponent .speed-list-radio-list .radio-main .error-box .iconfont {
  color: #DD4B1A;
  font-size: 12px;
}
.speedListComponent .speed-list-radio-list .radio-main p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  word-break: break-word;
}
.speedListComponent .speed-list-other {
  line-height: 20px;
  padding: 14px 22px;
}
.speedListComponent .speed-list-nodata {
  text-align: center;
}
.speedListComponent .speed-list-nodata .img {
  margin-top: 20px;
}
.speedListComponent .speed-list-nodata img {
  width: 120px;
  height: 120px;
}
.speedListComponent .speed-list-nodata .text1 {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin: 20px 0;
}
.speedListComponent .speed-list-nodata button {
  padding: 0 5px;
  height: 32px;
  background: var(--color-primary);
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
.speedListComponent .speed-list-nodata button:hover {
  background: var(--color-theme-1-1);
}
.speedListComponent .speed-list.vip .speed-list-radio-list .cj-tooltip {
  color: var(--color-theme-1-vip);
}
.speedListComponent .speed-list.vip .price-check .check-icon::after {
  color: var(--color-theme-1-vip);
}
.speedListComponent .speed-list.vip .link-text span {
  color: var(--color-theme-1-vip);
}
.speedListComponent .speed-list.vip .speed-list-nodata button {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.speedListComponent .speed-list.vip .speed-list-nodata button:hover {
  background: var(--color-theme-2-1-vip);
}
.speed-list-tooltip {
  max-width: none !important;
  top: -50px;
  right: 8px !important;
}
.speed-list-tooltip .speed-list-tooltip-main {
  padding: 20px;
  max-height: 213px;
  overflow-y: auto;
}
.speed-list-tooltip .speed-list-tooltip-main .item {
  display: flex;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.speed-list-tooltip .speed-list-tooltip-main .item span {
  color: #999999;
  flex: none;
  margin-right: 16px;
  width: 60px;
}
.speed-list-tooltip .speed-list-tooltip-main .item ul {
  flex: 1;
}
.speed-list-tooltip .speed-list-tooltip-main .item li {
  flex: 1;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: #333333;
}
.speed-list-tooltip .speed-list-tooltip-main .item li.disabled {
  color: rgba(51, 51, 51, 0.5);
}
.speed-list-tooltip .speed-list-tooltip-main .item li.disabled::after {
  content: 'Inactive';
  background: rgba(0, 0, 0, 0.04);
  border-radius: 1px;
  border: 1px solid #E4E4E4;
  display: inline-block;
  padding: 4px;
  margin-left: 8px;
  font-size: 12px;
  color: #666666;
  line-height: 1;
}
.speed-list-tooltip .speed-list-tooltip-main .item li img {
  width: 24px;
  height: 24px;
  flex: none;
  margin-right: 8px;
}
.speed-list-tooltip .speed-list-tooltip-main .item li p {
  flex: 1;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  max-width: 400px;
}
.speed-list-tooltip .cj-tooltip-content {
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.speed-list-tooltip::after {
  top: 54px;
  left: calc(100% - 10px) !important;
  margin-right: 10px;
  margin-left: 0 !important;
  border-width: 5px 0 5px 6px !important;
  border-color: transparent transparent transparent #fff !important;
}
.speed-list-tooltip.cj-tooltip-padding {
  left: unset;
  right: -20px;
  transform: translateX(0);
  height: max-content;
  padding-right: 10px;
}
.speed-list-tooltip.cj-tooltip-padding:after {
  left: 100%;
  margin-left: -25px;
}
.listFormComponent em,
.listFormComponent i {
  font-style: normal;
}
.listFormComponent .list-form {
  width: 760px;
  margin: auto;
}
.listFormComponent .list-form > h3 {
  font-size: 16px;
  color: #999990;
  padding: 24px 0 0;
  font-weight: normal;
}
.listFormComponent .list-form .form-item {
  display: flex;
  margin-bottom: 20px;
}
.listFormComponent .list-form .form-item label {
  font-size: 14px;
  color: #333333;
  text-align: right;
  margin: 4px 8px 0 0;
}
.listFormComponent .list-form .form-item label::after {
  content: ':';
}
.listFormComponent .list-form .form-item label .mustHave,
.listFormComponent .list-form label .mustHave {
  color: #DD4B1A;
}
.listFormComponent .list-form .form-item .form-box {
  position: relative;
  flex: 1;
}
.listFormComponent .list-form .form-item .form-box.textarea {
  padding: 0;
  font-size: 0;
  position: relative;
}
.listFormComponent .list-form .form-item .form-box textarea {
  width: 100%;
  resize: none;
  font-size: 14px;
  color: #333333;
  padding: 12px;
  height: 85px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
.listFormComponent .list-form .form-item .form-box .input-number {
  position: absolute;
  right: 0;
  bottom: -18px;
  font-size: 12px;
  color: #999999;
}
.listFormComponent .cj-tooltip {
  margin: 0 0 0 10px;
  color: var(--color-primary);
}
.listFormComponent .selectShop .cj-tooltip {
  margin: 0;
}
.listFormComponent .selectShop .options-modal .select-options .select-option-item .label-box {
  margin: 0;
}
.listFormComponent .selectShop .select-wrap .select-input .singleSelected {
  padding-left: 10px;
}
.listFormComponent .list-form-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 10px;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 32px;
}
.listFormComponent .list-form-select.disable {
  cursor: not-allowed;
  pointer-events: none;
  background: #f5f5f5;
}
.listFormComponent .list-form-select span {
  font-size: 14px;
  color: #333333;
}
.listFormComponent .list-form-select .iconfont {
  color: #999999;
}
.listFormComponent .list-form-select .dropDown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 7px;
  display: none;
  z-index: 999;
}
.listFormComponent .list-form-select .dropDown ul {
  background: #fff;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #D9D9D9;
  max-height: 300px;
  overflow: auto;
}
.listFormComponent .list-form-select .dropDown li {
  font-size: 14px;
  color: #666666;
  padding: 6px 10px;
}
.listFormComponent .list-form-select .dropDown li:hover {
  color: var(--color-theme-1);
}
.listFormComponent .list-form-select .dropDown li.cur {
  background: var(--mycj-color-theme-percent1);
  color: var(--color-theme-1);
}
.listFormComponent .select-block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.listFormComponent .select-block li {
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  height: 68px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 16px;
  margin-bottom: 10px;
  width: 48%;
  cursor: pointer;
}
.listFormComponent .select-block li h4 {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.listFormComponent .select-block .logistics-tip {
  font-size: 12px;
  color: #999;
  margin: -3px 10px 0 0;
  line-height: 14px;
}
.listFormComponent .select-block li .input-box {
  display: flex;
  width: 100%;
  align-items: center;
  /* justify-content: space-between; */
}
.listFormComponent .select-block li .input-box span {
  flex: 1;
  font-size: 12px;
  line-height: 14px;
  color: #666666;
}
.listFormComponent .select-block li .input-box input {
  flex: none;
  flex-shrink: 0;
  border-bottom: 1px solid #EEEEEE;
  width: 100px;
  text-align: center;
  height: 20px;
  color: #333;
  margin-left: 8px;
}
.listFormComponent input {
  -moz-appearance: textfield;
}
.listFormComponent input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.listFormComponent .select-block li.cur {
  border-color: var(--color-theme-1);
  color: var(--color-theme-1);
  position: relative;
  overflow: hidden;
}
.listFormComponent .select-block li.cur .input-box {
  display: flex;
}
.listFormComponent .select-block li.cur::before {
  content: '';
  width: 30px;
  height: 30px;
  background: var(--color-theme-1);
  position: absolute;
  right: -15px;
  top: -15px;
  transform: rotate(45deg);
}
.listFormComponent .select-block li.cur::after {
  content: '';
  width: 5px;
  height: 8px;
  position: absolute;
  right: 3px;
  top: 1px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(40deg);
}
.listFormComponent .check-icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  flex: none;
  cursor: pointer;
}
.listFormComponent .check-icon::after {
  position: absolute;
  line-height: 1;
  content: '\e65f';
  color: #d8d8d8;
}
.listFormComponent .price-check .check-icon::after {
  content: '\e670';
  color: var(--color-theme-1);
}
.listFormComponent .radio-list > ul > li {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.listFormComponent .radio-list > ul > li:last-child {
  border: none;
}
.listFormComponent .radio-list > ul > li .checkIcon {
  margin-right: 25px;
}
.listFormComponent .radio-list > ul > li .checkIcon .iconfont {
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.listFormComponent .radio-list > ul > li .checkIcon .iconfont.top {
  top: -2px;
}
.listFormComponent .radio-list > ul > li .checkIcon .iconfont.unSelectIcon {
  color: #d8d8d8;
}
.listFormComponent .radio-list > ul > li .checkIcon .iconfont.unSelectIcon:hover {
  color: var(--color-theme-1-1);
}
.listFormComponent .radio-list > ul > li .checkIcon .iconfont.selectedIcon {
  color: var(--color-theme-1);
}
.listFormComponent .radio-list .radio-main {
  flex: 1;
}
.listFormComponent .mt10 {
  margin-top: 10px;
}
.listFormComponent .radio-list .radio-item {
  display: flex;
  align-items: center;
}
.listFormComponent .radio-list .radio-item.flex-start {
  align-items: flex-start;
}
.listFormComponent .radio-list .radio-item .text {
  font-size: 14px;
  color: #333333;
}
.listFormComponent .radio-list .radio-item .text p {
  font-size: 14px;
  color: #999999;
}
.listFormComponent .radio-list .radio-item label {
  width: 183px;
  font-size: 14px;
  color: #333333;
}
.listFormComponent .radio-list .radio-item .form-box {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  width: 533px;
}
.listFormComponent .radio-list .radio-item .form-box .sel-input {
  border-radius: 4px;
  display: flex;
  width: 260px;
}
.listFormComponent .radio-list .radio-item .form-box .sel-input .list-form-select {
  width: 60px;
  margin-right: 8px;
  border: 1px solid #D9D9D9;
  background: #fff;
  border-radius: 4px;
}
.listFormComponent .list-form-select .cur .list-form-unit {
  color: #333;
}
.listFormComponent .list-form-select .list-form-unit {
  font-size: 14px;
  color: #333;
}
.listFormComponent .list-form-select .list-form-unit.deg45 {
  display: inline-block;
  transform: rotate(45deg);
}
.listFormComponent .list-form-select li .list-form-unit {
  color: #666;
}
.listFormComponent .list-form-select .dropDown li:hover .list-form-unit {
  color: var(--color-theme-1);
}
.listFormComponent .list-form-select .dropDown li.curr .list-form-unit {
  color: #333;
}
.listFormComponent .radio-item-tips {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  padding-left: 182px;
}
.listFormComponent .radio-list .radio-item .form-box .sel-input input {
  border-radius: 0;
  flex: 1;
  border: 1px solid #D9D9D9;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #333333;
  height: 32px;
  -moz-appearance: textfield;
}
.listFormComponent .radio-list .radio-item .form-box .sel-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.listFormComponent .form-box .input {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  color: #333;
  height: 32px;
  padding: 6px 10px;
  width: 100%;
}
.listFormComponent .list-form.vip .cj-tooltip {
  color: var(--color-theme-1-vip);
}
.listFormComponent .list-form.vip .price-check .check-icon::after {
  color: var(--color-theme-1-vip);
}
.listFormComponent .list-form.vip .list-form-select .dropDown li:hover {
  color: #DDa863;
}
.listFormComponent .list-form.vip .list-form-select .dropDown li.cur {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.listFormComponent .list-form.vip .select-block li.cur {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.listFormComponent .list-form.vip .select-block li.cur::before {
  background: var(--color-theme-1-vip);
}
.listFormComponent .list-form .setPriceSuggest {
  width: 100%;
  height: 38px;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 38px;
  padding: 0 16px;
}
.listFormComponent .list-form .setPriceSuggest .tipIcon {
  color: #F7BA2A;
  margin-right: 8px;
}
.listFormComponent .list-form .storesWrap {
  margin-top: 24px;
}
.listFormComponent .list-form .storesWrap .title {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #999990;
  line-height: 22px;
}
.listFormComponent .list-form .storesWrap .selectStoreBox {
  display: flex;
  padding: 0;
  margin-top: 12px;
}
.listFormComponent .list-form .storesWrap .selectStoreBox label {
  font-size: 14px;
  color: #333333;
  text-align: right;
  margin: 4px 8px 0 0;
}
.listFormComponent .list-form .storesWrap .selectStoreBox .selectShop {
  position: relative;
  flex: 1;
}
.listFormComponent .list-form .categoryWrap {
  width: 100%;
  background: #FBFBFB;
  position: relative;
  padding: 0 12px 0 58px;
  margin-top: 12px;
}
.listFormComponent .list-form .categoryWrap.topShadow::before {
  content: '';
  width: 100%;
  height: 16px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.listFormComponent .list-form .categoryWrap.bottomShadow::after {
  content: '';
  width: 100%;
  height: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList {
  width: 100%;
  max-height: 222px;
  overflow-y: auto;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList::-webkit-scrollbar {
  width: 0px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem {
  width: 100%;
  margin-bottom: 24px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem:first-child {
  margin-top: 16px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem:last-child {
  margin-bottom: 16px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .rowLabel {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-right: 8px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .rowLabelWidth {
  width: 60px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .rowValue {
  flex: 1;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .flexBox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .pl87 {
  padding-left: 87px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeNameBox {
  width: 100%;
  margin-bottom: 12px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeName {
  flex: 1;
  height: 32px;
  background: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  cursor: not-allowed;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeName .logoBox {
  position: relative;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeName .logoBox .logo {
  width: 26px;
  height: 26px;
  margin-right: 7px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeName .logoBox .statusIcon {
  position: absolute;
  left: -3px;
  bottom: -3px;
  width: 12px;
  height: 12px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .storeName span {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox {
  align-items: flex-start;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .rowLabel {
  margin-top: 4px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .shopifyCate {
  margin-right: 24px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents {
  width: 100%;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectBox {
  width: 512px;
  margin-top: 0 !important;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectCategoryDropDownBox {
  max-width: 514px;
  height: 275px;
  max-height: 275px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList {
  width: 200px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectCategoryDropDownBox .categoryNodata {
  width: 296px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .cj-shopify-collections {
  width: 512px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .cj-shopify-collections .input-wrapper .selectInputBox .input-click,
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .cj-shopify-collections .input-wrapper .selectInputBox .input-search {
  background: #ffffff;
  border-color: #D9D9D9;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCateBox {
  margin-right: 24px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCate {
  height: 32px;
  line-height: 32px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 0 64px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #FBFBFB;
  position: relative;
  cursor: not-allowed;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCate .reselectBtn {
  font-weight: 400;
  font-size: 12px;
  color: var(--color-theme-1);
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCate .reselectBtn:hover {
  color: var(--color-theme-1-1);
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .deleteBox {
  margin-left: 8px;
  position: relative;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .deleteBox .deleteTooltip {
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .deleteBox .deleteTooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid rgba(0, 0, 0, 0.75);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .deleteBox .delIcon {
  color: var(--color-font-2);
  font-size: 16px;
  cursor: pointer;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .deleteBox .delIcon:hover {
  color: #F24724;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .vendorBox {
  width: 100%;
  margin-top: 12px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .tagsBox {
  width: 100%;
  margin-top: 12px;
  align-items: start;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .tagsBox .rowLabel {
  margin-top: 4px;
}
.listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .tagsBox .rowValue {
  padding-right: 24px;
}
.vip .listFormComponent .list-form-select .dropDown li.cur:hover .list-form-unit {
  color: #333;
}
.vip .listFormComponent .list-form-select .dropDown li:hover .list-form-unit {
  color: #DDa863;
}
.vip .listFormComponent .radio-list > ul > li .checkIcon .iconfont.unSelectIcon:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .listFormComponent .radio-list > ul > li .checkIcon .iconfont.selectedIcon {
  color: var(--color-theme-1-vip);
}
.vip .listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCate .reselectBtn {
  color: var(--color-theme-1-vip);
}
.vip .listFormComponent .list-form .categoryWrap .categoryBoxList .categoryItem .categorySelectBox .defaultCate .reselectBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.listTemplateComponent .list-template {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1112;
}
.listTemplateComponent .list-template-box {
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listTemplateComponent .list-template-title {
  background: #F7F5F4;
  display: flex;
  align-items: center;
  padding: 16px;
  line-height: 1;
}
.listTemplateComponent .list-template-title .back {
  flex: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
.listTemplateComponent .list-template-title .back.hide {
  visibility: hidden;
}
.listTemplateComponent .list-template-title .back .iconfont {
  font-size: 18px;
}
.listTemplateComponent .list-template-title .back:hover {
  color: var(--color-theme-1);
}
.listTemplateComponent .list-template-title h3 {
  flex: 1;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
.listTemplateComponent .list-template-title .closeIcon {
  cursor: pointer;
  flex: none;
  font-size: 14px;
  color: #666;
  width: 53px;
  text-align: right;
}
.listTemplateComponent .list-template-content {
  padding: 20px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
}
.listTemplateComponent .list-template-tip {
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  padding: 8px 16px;
  display: flex;
  line-height: 1;
}
.listTemplateComponent .list-template-tip .iconfont {
  color: #F7BA2A;
  flex: none;
  margin-right: 8px;
}
.listTemplateComponent .list-template-tip p {
  flex: 1;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 18px;
}
.listTemplateComponent .list-template-list .add {
  min-width: 112px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid var(--color-theme-1);
  font-size: 14px;
  color: var(--color-theme-1);
  background: #fff;
  margin-top: 20px;
}
.listTemplateComponent .list-template-list .add:hover {
  background: var(--color-theme-1-opacity10);
}
.listTemplateComponent .list-template-ul li {
  display: flex;
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
}
.listTemplateComponent .list-template-ul p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  word-break: break-word;
}
.listTemplateComponent .list-template-ul .error-box {
  margin-top: 8px;
  font-size: 12px;
  color: #DD4B1A;
  line-height: 17px;
}
.listTemplateComponent .list-template-ul .error-box .iconfont {
  color: #DD4B1A;
  font-size: 12px;
}
.listTemplateComponent .list-template-ul .operate {
  flex: none;
  margin-left: auto;
  padding-left: 30px;
}
.listTemplateComponent .list-template-ul .operate .cj-tooltip {
  margin-left: 16px;
}
.listTemplateComponent .list-template-ul .operate .iconfont {
  color: #000000;
  cursor: pointer;
}
.listTemplateComponent .list-template-ul .operate .delete:hover {
  color: #DD4B1A;
}
.listTemplateComponent .list-template-ul .operate .edit:hover {
  color: var(--color-theme-1);
}
.listTemplateComponent .list-template-nodata {
  text-align: center;
}
.listTemplateComponent .list-template-nodata .img {
  margin-top: 100px;
}
.listTemplateComponent .list-template-nodata img {
  width: 120px;
  height: 120px;
}
.listTemplateComponent .list-template-nodata .text1 {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin: 20px 0;
}
.listTemplateComponent .list-template-nodata button {
  padding: 0 5px;
  height: 32px;
  background: var(--color-theme-1);
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
.listTemplateComponent .list-template-nodata button:hover {
  background: var(--color-theme-1-1);
}
.listTemplateComponent .list-template .bottom-btn-box {
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  padding: 20px;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
}
.listTemplateComponent .list-template .bottom-btn-box button {
  min-width: 80px !important;
  height: 30px !important;
  padding: 0 8px !important;
  line-height: 30px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
.listTemplateComponent .list-template .bottom-btn-box .close-btn {
  color: #666666 !important;
  border: 1px solid #E4E4E4 !important;
  background: #F9F9F9 !important;
  margin-right: 15px;
}
.listTemplateComponent .list-template .bottom-btn-box .close-btn:hover {
  color: var(--color-font-1) !important;
  border: 1px solid var(--color-line-1) !important;
  background: var(--color-bg-14-1) !important;
}
.listTemplateComponent .list-template .bottom-btn-box .confirm-btn {
  color: #fff;
  background: var(--color-theme-1);
}
.listTemplateComponent .list-template .bottom-btn-box .confirm-btn:hover {
  background: var(--color-theme-1-1);
}
.listTemplateComponent .vip.list-template .list-template-title .back:hover {
  color: var(--color-theme-1-vip);
}
.listTemplateComponent .vip.list-template .list-template-list .add {
  color: var(--color-theme-1-vip);
  border-color: var(--color-theme-1-vip);
}
.listTemplateComponent .vip.list-template .list-template-list .add:hover {
  background: rgba(221, 169, 100, 0.1);
}
.listTemplateComponent .vip.list-template .list-template-ul .edit:hover {
  color: var(--color-theme-1-vip);
}
.listTemplateComponent .vip.list-template .list-template-nodata button {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.listTemplateComponent .vip.list-template .list-template-nodata button:hover {
  background: var(--color-theme-2-1-vip);
}
.listTemplateComponent .vip.list-template .bottom-btn-box .confirm-btn {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.listTemplateComponent .vip.list-template .bottom-btn-box .confirm-btn:hover {
  background: var(--color-theme-2-1-vip);
}
.listTemplateComponent .second-modal {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.selectCategoryComponents {
  position: relative;
  width: 1160px;
}
.selectCategoryComponents .historyListWrap {
  width: 100%;
  margin: 4px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.selectCategoryComponents .historyListWrap .item {
  padding: 1px 8px;
  background: #F2F2F2;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.selectCategoryComponents .historyListWrap .item:last-child {
  margin-right: 0;
}
.selectCategoryComponents .historyListWrap .item.hidden {
  display: none;
}
.selectCategoryComponents .historyListWrap .item:hover {
  background-color: #e4e4e4;
}
.selectCategoryComponents .flex {
  display: flex;
}
.selectCategoryComponents .selectBox {
  width: 100%;
  margin-top: 0;
}
.selectCategoryComponents .selectBox.marginTop {
  margin-top: 8px;
}
.selectCategoryComponents .cateError {
  font-size: 12px;
  color: #DD4B1A;
  position: absolute;
  left: 0;
  top: 100%;
}
.selectCategoryComponents .selectCategoryMain {
  flex: 1;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  position: relative;
  padding: 1px 50px 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  overflow: hidden;
}
.selectCategoryComponents .selectCategoryMain:hover {
  border-color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryMain.disableBg {
  background: #fafafa;
  cursor: not-allowed;
}
.selectCategoryComponents .selectCategoryMain.disableBg:hover {
  border-color: #D9D9D9;
}
.selectCategoryComponents .selectCategoryMain.errorBorder {
  border-color: #DD4B1A;
}
.selectCategoryComponents .selectCategoryMain.errorBorder:hover {
  border-color: #DD4B1A;
}
.selectCategoryComponents .selectCategoryMain .inputStyle {
  width: 100%;
  height: 100%;
  position: relative;
  border: none !important;
}
.selectCategoryComponents .selectCategoryMain .inputStyle::placeholder {
  font-size: 14px;
  color: #999999;
}
.selectCategoryComponents .selectCategoryMain .inputStyle.searchInput {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.selectCategoryComponents .selectCategoryMain .inputStyle.searchInput:read-only {
  cursor: pointer;
}
.selectCategoryComponents .selectCategoryMain .selectCategroyNames {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectCategoryComponents .selectCategoryMain .clearBtn {
  width: 16px;
  height: 16px;
  background: #D8D8D8;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectCategoryComponents .selectCategoryMain .clearBtn .iconguanbi1 {
  font-size: 7px;
  color: #ffffff;
}
.selectCategoryComponents .selectCategoryMain .iconzhankai2 {
  font-size: 10px;
  color: #999999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.selectCategoryComponents .reselectBtn {
  margin-left: 10px;
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-radius: 4px;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  cursor: pointer;
}
.selectCategoryComponents .reselectBtn:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.selectCategoryComponents .selectCategoryDropDownBox {
  max-width: 1160px;
  height: 308px;
  max-height: 308px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  cursor: pointer;
  overflow: auto;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList {
  width: auto;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: start;
  overflow-x: auto;
  padding-bottom: 2px;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList::-webkit-scrollbar {
  width: 100%;
  height: 4px;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList::-webkit-scrollbar-thumb {
  width: 10px;
  height: 4px;
  background: #888;
  border-radius: 10px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem {
  height: 100%;
  border-right: 1px solid #eeeeee;
  position: relative;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem.paddingBottom32 {
  padding-bottom: 32px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem.paddingBottom60 {
  padding-bottom: 60px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList {
  height: 100%;
  width: 260px;
  overflow-x: hidden;
  overflow-y: overlay;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList::-webkit-scrollbar {
  display: none;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6px 0 9px;
  cursor: pointer;
  background: #ffffff;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameItem {
  width: calc(100% - 16px);
  display: flex;
  align-items: center;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameItem.no-jian-tou {
  width: 100%;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: 14px;
  color: #666666;
  position: relative;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText.ellipsis-visible .categoryNameEllipsisBox {
  display: flex;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox {
  position: absolute;
  width: 38px;
  height: 20px;
  display: none;
  align-items: center;
  right: 0;
  top: 0;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisLeft {
  width: 18px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.28) 100%);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisRight {
  width: 20px;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisRight:hover .categoryNameEllipsisRightBox {
  animation: none !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightTips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  display: inline-block;
  border-radius: 50%;
  background: #FFE4CC;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 12px;
  top: -3px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .iconfont {
  font-size: 14px;
  color: #666666;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .iconfont {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  animation: ellipsisLoading 1s infinite;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected {
  background: rgba(255, 119, 0, 0.2);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .iconfont {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisLeft {
  background: linear-gradient(270deg, #FFE4CC 0%, transparent 100%);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight {
  background: #FFE4CC;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  background: #FFCEA3;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate {
  opacity: 0.5;
  cursor: not-allowed;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .iconfont {
  color: #666;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  animation: ellipsisLoading 1s infinite;
  background: #e4e4e4;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: #333;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .cj-tooltip .cj-tooltip-padding,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .cj-tooltip-fixed .cj-tooltip-padding {
  width: 100%;
  word-break: break-word;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip .cj-tooltip-padding,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip-fixed .cj-tooltip-padding {
  width: 100%;
  top: 18px;
  padding-bottom: 0;
  padding-top: 13px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip .cj-tooltip-padding::after,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip-fixed .cj-tooltip-padding::after {
  bottom: calc(100% - 13px);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox {
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn {
  width: 152px;
  height: 24px;
  background: #F9F9F9;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  text-align: center;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
  margin-left: 8px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn .iconfont {
  margin-right: 6px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn:hover {
  color: var(--color-theme-1);
  border-color: var(--color-theme-1);
  background-color: rgba(255, 119, 0, 0.1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
  margin-left: 14px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync:hover {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync.cj-tooltip .cj-tooltip-padding {
  left: -6px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync.cj-tooltip .cj-tooltip-padding::after {
  left: 41px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox {
  width: 100%;
  padding: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 4px 4px;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .inputCategory {
  display: inline-block;
  width: 100%;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox {
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn {
  color: #999999;
  cursor: pointer;
  margin-right: 16px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn:hover {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn {
  color: var(--color-theme-1);
  cursor: pointer;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn:hover {
  color: var(--color-theme-1-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap {
  width: 1160px;
  height: 100%;
  overflow-y: scroll;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem {
  padding: 6px 12px;
  background: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem .highlight {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover,
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem.active {
  background-color: var(--color-theme-1-opacity20);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover .cateItem,
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem.active .cateItem {
  color: #333333;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata {
  width: 1160px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata img {
  width: 64px;
  height: 64px;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.vip .selectCategoryComponents .selectCategoryMain:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryMain.disableBg:hover {
  border-color: #D9D9D9;
}
.vip .selectCategoryComponents .selectCategoryMain.errorBorder:hover {
  border-color: #DD4B1A;
}
.vip .selectCategoryComponents .reselectBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip .selectCategoryComponents .reselectBtn:hover {
  color: var(--color-font-1);
  background-color: var(--color-theme-2-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText,
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  animation: ellipsisLoading 1s infinite;
  background: #F4E4D0;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected {
  background: #F8EEE0;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText,
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisLeft {
  background: linear-gradient(270deg, #F8EEE0 0%, transparent 100%);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight {
  background: #F8EEE0;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  background: #EFD8BA;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate {
  opacity: 0.5;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText,
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .iconfont {
  color: #666;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightBox {
  animation: ellipsisLoading 1s infinite;
  background: #e4e4e4;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate:hover .categoryNameText.ellipsis-visible .categoryNameEllipsisBox .categoryNameEllipsisRight .categoryNameEllipsisRightContent {
  color: #333;
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn:hover {
  color: var(--color-theme-1-vip);
  border-color: var(--color-theme-1-vip);
  background-color: var(--color-theme-1-vip-opacity10);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync:hover {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn:hover {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem .highlight {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover {
  background-color: var(--color-theme-1-vip-opacity20);
}
@keyframes ellipsisLoading {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
  }
  50% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}
.singleSelectWrap {
  display: inline-block;
  position: relative;
}
.singleSelectWrap.singleSelectWrapZIndex {
  z-index: 1300;
}
.singleSelectWrap .singleSelectBoxOut {
  width: 100%;
}
.singleSelectWrap .singleSelectBoxOut.showUnit {
  display: flex;
}
.singleSelectWrap .singleSelectBoxOut.showUnit .singleSelectBox {
  flex: 1;
  border-radius: 4px 0 0 4px;
}
.singleSelectWrap .singleSelectBoxOut .afterUnitBox {
  width: auto;
  height: 32px;
  padding: 6px 16px;
  background: #F9F9F9;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #E4E4E4;
  border-left: none;
}
.singleSelectWrap .singleSelectBox {
  width: 396px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 50px 0 12px;
  cursor: pointer;
  position: relative;
}
.singleSelectWrap .singleSelectBox .inputStyle {
  position: relative;
  border: none;
  height: 100%;
  cursor: default;
}
.singleSelectWrap .singleSelectBox .inputStyle::placeholder {
  font-size: 14px;
  color: #999999;
}
.singleSelectWrap .singleSelectBox .selectedLabel {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.singleSelectWrap .singleSelectBox .iconfont {
  font-size: 16px;
  color: #999999;
  position: absolute;
  right: 12px;
}
.singleSelectWrap .singleSelectBox .delete-icon {
  transform: scale(0.7);
  width: 20px;
  height: 20px;
  background: #e4e4e4;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  visibility: hidden;
  position: absolute;
  right: 30px;
  top: 5px;
}
.singleSelectWrap .singleSelectBox .delete-icon .iconfont {
  font-size: 10px;
  color: #999;
  cursor: pointer;
  position: relative;
  left: 5px;
  color: #fff;
}
.singleSelectWrap .singleSelectBox:hover {
  border-color: var(--color-theme-1);
}
.singleSelectWrap .singleSelectBox:hover .delete-icon {
  visibility: visible;
}
.singleSelectWrap .singleSelectBox.hoverBorder:hover {
  border-color: var(--color-theme-1);
}
.singleSelectWrap .singleSelectBox.disabled {
  cursor: not-allowed;
  background-color: #fafafa !important;
  border-color: #D9D9D9;
}
.singleSelectWrap .singleSelectBox.disabled:hover {
  border-color: #D9D9D9;
}
.singleSelectWrap .selectComponent .selectBox {
  width: 396px;
  padding-left: 12px;
}
.singleSelectWrap .singleSelectDropDownWrap {
  max-height: 246px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 396px;
  max-width: 600px;
  overflow: auto;
  visibility: hidden;
}
.singleSelectWrap .singleSelectDropDownWrap.show {
  visibility: visible;
}
.singleSelectWrap .singleSelectDropDownWrap.dropTop {
  top: unset;
  bottom: calc(100% + 4px);
}
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 0 0 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.selected,
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.selected.disabled,
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.selected.disabled:hover {
  color: var(--color-theme-1);
  background: rgba(255, 119, 0, 0.2);
}
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.disabled,
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.disabled:hover {
  color: #999999;
  cursor: not-allowed;
}
.singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem:hover {
  color: var(--color-theme-1);
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData {
  height: 236px;
  text-align: center;
  padding-top: 40px;
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData img {
  width: 64px;
  height: 64px;
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataMessage {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataBtn {
  display: inline-block;
  min-width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: var(--color-theme-1);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 8px;
  padding: 0 12px;
}
.singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataBtn:hover {
  background: var(--color-theme-1-1);
}
.vip .singleSelectWrap .singleSelectBox:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .singleSelectWrap .singleSelectBox.hoverBorder:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .singleSelectWrap .singleSelectBox.disabled:hover {
  border-color: #D9D9D9;
}
.vip .singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem:hover {
  color: var(--color-theme-1-vip);
}
.vip .singleSelectWrap .singleSelectDropDownWrap .optionsList .optionItem.selected {
  color: var(--color-theme-1-vip);
  background: rgba(221, 168, 99, 0.1);
}
.vip .singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .singleSelectWrap .singleSelectDropDownWrap .singleSelectNoData .noDataBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.tooltipStyle.cj-tooltip-padding {
  max-width: 400px;
}
.multipleSelectWrap {
  display: inline-block;
  position: relative;
  width: 568px;
}
.multipleSelectWrap .multipleSelectBox {
  width: 100%;
  height: 34px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 4px 30px 4px 4px;
  cursor: pointer;
  position: relative;
}
.multipleSelectWrap .multipleSelectBox:hover {
  border-color: var(--color-theme-1);
}
.multipleSelectWrap .multipleSelectBox::before {
  content: "Please Select";
  color: #999999;
  font-size: 12px;
}
.multipleSelectWrap .multipleSelectBox.noPlaceholder::before {
  content: '';
  display: none;
}
.multipleSelectWrap .multipleSelectBox .slectedList {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  justify-content: start;
  align-items: center;
  /* 滚动条轨道样式 */
  /* 滚动条滑块样式 */
  /* 滚动条轨道hover状态样式 */
  /* 滚动条滑块hover状态样式 */
}
.multipleSelectWrap .multipleSelectBox .slectedList::-webkit-scrollbar {
  width: 4px;
  /* 设置滚动条宽度 */
  height: 1px;
}
.multipleSelectWrap .multipleSelectBox .slectedList::-webkit-scrollbar-thumb {
  background-color: #888;
  /* 设置滑块背景颜色 */
  border-radius: 2px;
  /* 设置滑块圆角 */
}
.multipleSelectWrap .multipleSelectBox .slectedList::-webkit-scrollbar-track:hover {
  background-color: #f1f1f1;
  /* 设置轨道hover状态时的背景颜色 */
}
.multipleSelectWrap .multipleSelectBox .slectedList::-webkit-scrollbar-thumb:hover {
  background-color: #555;
  /* 设置滑块hover状态时的背景颜色 */
}
.multipleSelectWrap .multipleSelectBox .selectedItem {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  background: #F2F2F2;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.multipleSelectWrap .multipleSelectBox .selectedItem .iconguanbi1-copy {
  font-size: 12px;
  color: #999999;
  margin-left: 8px;
  cursor: pointer;
}
.multipleSelectWrap .multipleSelectBox .iconjiantou_xia {
  font-size: 16px;
  color: #999999;
  position: absolute;
  right: 10px;
  top: 6px;
}
.vip .multipleSelectWrap .multipleSelectBox:hover {
  border-color: var(--color-theme-1-vip);
}
.temuMaterialComponent {
  width: 100%;
}
.temuMaterialComponent .singleSelectWrap {
  width: 302px !important;
}
.temuMaterialComponent .singleSelectWrap .singleSelectBox {
  width: 302px !important;
  border-radius: 4px 0 0 4px;
  z-index: 10;
}
.temuMaterialComponent .temuMaterialComponentContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem {
  width: 568px;
  position: relative;
  color: var(--color-font-1);
  display: flex;
  align-items: center;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem.mt {
  margin-top: 16px;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .material {
  width: 300px;
  height: 32px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9 transparent #D9D9D9 #D9D9D9;
  border-radius: 4px 0 0 4px;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  cursor: pointer;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .material:hover,
.temuMaterialComponent .temuMaterialComponentContent .contentItem .material:focus {
  border-color: #D9D9D9 transparent #D9D9D9 #D9D9D9;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .proportion {
  width: 164px;
  height: 32px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  border-radius: 0;
  border-left: none;
  position: relative;
  margin-left: -1px;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .proportion::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .proportion:hover,
.temuMaterialComponent .temuMaterialComponentContent .contentItem .proportion:focus {
  border-left: 1px solid var(--color-theme-1);
  z-index: 20;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .unit {
  width: 48px;
  height: 32px;
  border: 1px solid #D9D9D9;
  border-left: none;
  border-radius: 0 4px 4px 0;
  background: #F9F9F9;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .circleBtn {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #F2F2F2;
  text-align: center;
  cursor: pointer;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .circleBtn .actionIcon {
  font-size: 16px;
  color: #999999;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .circleBtn:hover {
  background: #e4e4e4;
}
.temuMaterialComponent .temuMaterialComponentContent .contentItem .ml8 {
  margin-left: 8px;
}
.temuMaterialComponent .temuMaterialComponentContent .errorItem .singleSelectWrap .singleSelectBox {
  border-color: #DD4B1A transparent #DD4B1A #DD4B1A !important;
}
.temuMaterialComponent .temuMaterialComponentContent .errorItem .singleSelectWrap .singleSelectBox:hover,
.temuMaterialComponent .temuMaterialComponentContent .errorItem .singleSelectWrap .singleSelectBox:focus {
  border-color: #DD4B1A transparent #DD4B1A #DD4B1A !important;
}
.temuMaterialComponent .temuMaterialComponentContent .errorItem .proportion {
  border-color: #DD4B1A;
  border-left: 1px solid #DD4B1A;
}
.temuMaterialComponent .temuMaterialComponentContent .errorItem .proportion:hover,
.temuMaterialComponent .temuMaterialComponentContent .errorItem .proportion:focus {
  border-color: #DD4B1A;
  border-left: 1px solid #DD4B1A;
}
.temuMaterialComponent .temuMaterialComponentContent .errorItem .unit {
  border-color: #DD4B1A;
  border-left: none;
}
.tiktokAptitudeComponent {
  margin-top: 24px;
  width: 100%;
}
.tiktokAptitudeComponent .singleSelectWrap .singleSelectBox,
.tiktokAptitudeComponent .singleSelectWrap .singleSelectDropDownWrap {
  width: 568px;
}
.tiktokAptitudeComponent .tiktokAptitudeTitle {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 22px;
  margin-bottom: 4px;
}
.tiktokAptitudeComponent .tiktokAptitudeContent {
  width: 100%;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item {
  width: 568px;
  padding-bottom: 16px;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .left {
  flex: 1;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .left .require {
  font-size: 14px;
  color: #DD4B1A;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-theme-1);
  font-size: 12px;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right:hover {
  color: var(--color-theme-1-1);
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right.disabled {
  cursor: not-allowed;
  color: var(--color-theme-1-opacity50);
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right.disabled:hover {
  color: var(--color-theme-1-opacity50);
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right .tiktokAptitudeTooltip {
  left: 103px;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right .tiktokAptitudeTooltip::after {
  content: '';
  left: 70%;
}
.tiktokAptitudeComponent .tiktokAptitudeContent .list .item .value {
  width: 100%;
}
.vip .tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right {
  color: var(--color-theme-1-vip);
}
.vip .tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right.disabled {
  color: var(--color-theme-1-vip-opacity50);
}
.vip .tiktokAptitudeComponent .tiktokAptitudeContent .list .item .head .right.disabled:hover {
  color: var(--color-theme-1-vip-opacity50);
}
.tabModalComponent .tab-modal {
  width: 100%;
  height: 100%;
}
.tabModalComponent .tab-modal-box {
  background-color: #fff;
  border-radius: 4px;
}
.tabModalComponent .tab-modal .tabs {
  background: #F7F5F4;
  display: flex;
  align-items: center;
}
.tabModalComponent .tab-modal .tabs ul {
  display: flex;
  align-items: center;
}
.tabModalComponent .tab-modal .tabs ul li {
  font-size: 14px;
  color: #666;
  height: 50px;
  line-height: 50px;
  position: relative;
  margin-right: 45px;
  padding: 0 40px;
  cursor: pointer;
}
.tabModalComponent .tab-modal .tabs ul li:first-child::before {
  content: none !important;
}
.tabModalComponent .tab-modal .tabs ul li:hover,
.tabModalComponent .tab-modal .tabs ul li.cur {
  color: var(--color-theme-1);
}
.tabModalComponent .tab-modal .tabs ul li:hover::before,
.tabModalComponent .tab-modal .tabs ul li.cur::before,
.tabModalComponent .tab-modal .tabs ul li:hover::after,
.tabModalComponent .tab-modal .tabs ul li.cur::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 45px;
  bottom: 0;
  background-size: 100% 59px;
  background-position: bottom;
}
.tabModalComponent .tab-modal .tabs ul li:hover::before,
.tabModalComponent .tab-modal .tabs ul li.cur::before {
  left: -44px;
  transform: rotateY(180deg);
}
.tabModalComponent .tab-modal .tabs ul li:hover::after,
.tabModalComponent .tab-modal .tabs ul li.cur::after {
  right: -44px;
}
.tabModalComponent .tab-modal .tabs ul li:hover {
  z-index: 99;
}
.tabModalComponent .tab-modal .tabs ul li:hover::before,
.tabModalComponent .tab-modal .tabs ul li:hover::after {
  background-image: url(/static/image/product-detail/tab-gray-2.svg);
}
.tabModalComponent .tab-modal .tabs ul li.cur {
  background-color: #fff;
}
.tabModalComponent .tab-modal .tabs ul li.cur::before,
.tabModalComponent .tab-modal .tabs ul li.cur::after {
  background-image: url(/static/image/product-detail/tab-white-2.svg);
}
.tabModalComponent .tab-modal .tabs .iconfont {
  margin-left: auto;
  margin-right: 30px;
  color: #666;
  cursor: pointer;
  font-size: 14px;
}
.tabModalComponent .tab-modal .tabs .iconfont:hover {
  color: #333333;
}
.tabModalComponent .tab-modal-tip {
  margin-bottom: 20px;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  padding: 8px 16px;
  display: flex;
  line-height: 1;
}
.tabModalComponent .tab-modal-tip .iconfont {
  color: #F7BA2A;
  flex: none;
  margin-right: 8px;
  padding-top: 4px;
}
.tabModalComponent .tab-modal-tip p {
  flex: 1;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 23px;
}
.tabModalComponent .tab-modal-content {
  padding: 20px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box {
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  padding: 20px;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box button {
  min-width: 80px !important;
  height: 30px !important;
  padding: 0 8px!important;
  line-height: 1 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box .close-btn {
  color: #666666 !important;
  border: 1px solid #E4E4E4 !important;
  background: #F9F9F9 !important;
  margin-right: 15px;
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box .close-btn:hover {
  color: var(--color-font-1) !important;
  border: 1px solid var(--color-line-1) !important;
  background: var(--color-bg-14-1) !important;
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box .confirm-btn {
  color: #fff;
  background: var(--color-theme-1);
}
.tabModalComponent .tab-modal .tab-modal-box > .bottom-btn-box .confirm-btn:hover {
  background: var(--color-theme-1-1);
}
.tabModalComponent .vip.tab-modal .tabs .cur,
.tabModalComponent .vip.tab-modal .tabs li:hover {
  color: var(--color-theme-1-vip) !important;
}
.tabModalComponent .vip.tab-modal .tab-modal-box > .bottom-btn-box .confirm-btn {
  color: var(--color-font-1);
  background: var(--color-theme-2-vip);
}
.tabModalComponent .vip.tab-modal .tab-modal-box > .bottom-btn-box .confirm-btn:hover {
  background: var(--color-theme-2-1-vip);
}
.tabModalComponent .second-modal {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.manualListWrap {
  width: 800px;
  border-radius: 4px;
  background: #fff;
  position: relative;
}
.manualListWrap .manualListHead {
  width: 800px;
  height: 50px;
  background: #F9F8F8;
  border-radius: 4px 4px 0px 0px;
  position: relative;
}
.manualListWrap .manualListHead .listingTab {
  display: flex;
  align-items: center;
}
.manualListWrap .manualListHead .listingTab li {
  font-size: 14px;
  color: #666666;
  height: 50px;
  line-height: 50px;
  position: relative;
  margin-right: 45px;
  padding: 0 40px;
  cursor: pointer;
}
.manualListWrap .manualListHead .listingTab li:first-child::before {
  content: none !important;
}
.manualListWrap .manualListHead .listingTab li:hover,
.manualListWrap .manualListHead .listingTab li.listCur {
  color: var(--color-theme-1);
}
.manualListWrap .manualListHead .listingTab li:hover::before,
.manualListWrap .manualListHead .listingTab li.listCur::before,
.manualListWrap .manualListHead .listingTab li:hover::after,
.manualListWrap .manualListHead .listingTab li.listCur::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 45px;
  bottom: 0;
  background-size: 100% 59px;
  background-position: bottom;
}
.manualListWrap .manualListHead .listingTab li:hover::before,
.manualListWrap .manualListHead .listingTab li.listCur::before {
  left: -44px;
  transform: rotateY(180deg);
}
.manualListWrap .manualListHead .listingTab li:hover::after,
.manualListWrap .manualListHead .listingTab li.listCur::after {
  right: -44px;
}
.manualListWrap .manualListHead .listingTab li:hover {
  z-index: 99;
}
.manualListWrap .manualListHead .listingTab li:hover::before,
.manualListWrap .manualListHead .listingTab li:hover::after {
  background-image: url(/static/image/product-detail/tab-gray-2.svg);
}
.manualListWrap .manualListHead .listingTab li.listCur {
  background-color: #fff;
}
.manualListWrap .manualListHead .listingTab li.listCur::before,
.manualListWrap .manualListHead .listingTab li.listCur::after {
  background-image: url(/static/image/product-detail/tab-white-2.svg);
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip:hover .tooltiptext {
  visibility: visible;
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip .tooltiptext {
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 2;
  bottom: -70px;
  left: 1px;
  word-break: break-word;
  line-height: 1.5;
  margin-right: 10px;
  width: 400px;
  text-align: left;
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip .tooltiptext::after {
  opacity: 0.75;
  content: "";
  position: absolute;
  top: -16px;
  left: 59px;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip .tooltiptext .copyIcon {
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
}
.manualListWrap .manualListHead .listingTab .listingTab-tooltip .tooltiptext .copyIcon:hover {
  color: var(--color-theme-1);
}
.manualListWrap .manualListHead .listingTab .disableTab .shopifyTab {
  opacity: 0.5;
}
.manualListWrap .manualListHead .listingTab .disableTab:hover {
  color: #666666 !important;
}
.manualListWrap .manualListHead .closeIcon {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.manualListWrap .manualListHead .closeIcon:hover {
  color: #333333;
}
.manualListWrap .manualListContainer {
  padding: 20px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
}
.manualListWrap .manualListContainer .manualListTabItem .manualListTips {
  width: 760px;
  height: auto;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  padding: 8px 16px;
  display: flex;
  align-items: baseline;
}
.manualListWrap .manualListContainer .manualListTabItem .manualListTips .tipIcon {
  font-size: 18px;
  color: #F7BA2A;
  margin-right: 8px;
}
.manualListWrap .manualListContainer .manualListTabItem .manualListTips .desc p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin: 0 0 6px 0;
}
.manualListWrap .manualListContainer .manualListTabItem .manualListTips .desc p:last-child {
  margin-bottom: 0;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem {
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemLabel {
  width: 196px;
  text-align: right;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 22px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue {
  width: 400px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .selectShop {
  width: 400px;
  height: 32px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap {
  position: relative;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap input::placeholder {
  color: var(--color-font-1);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .deleteBox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #D8D8D8;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .deleteBox .deleteIcon {
  font-size: 6px;
  color: #ffffff;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  width: 100%;
  max-height: 308px;
  min-height: 200px;
  background: #ffffff;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 99;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .addShopifyBox {
  color: #333333;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .addShopifyBox .addIconCircle {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--color-theme-1);
  margin-right: 7px;
  text-align: center;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .addShopifyBox .addIconCircle .addIcon {
  font-size: 14px;
  color: #ffffff;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 0 0 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsItem.selected {
  color: var(--color-theme-1);
  background: rgba(255, 119, 0, 0.2);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsItem:hover {
  color: var(--color-theme-1);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsList {
  width: 100%;
  max-height: 300px;
  min-height: 200px;
  overflow: auto;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsNoData {
  padding-top: 40px;
  text-align: center;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsNoData img {
  width: 64px;
  height: 64px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox {
  position: relative;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput {
  padding-right: 32px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput:focus,
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput:hover {
  border-color: var(--color-theme-1);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput.showPlaceholderColor::placeholder {
  color: #999999;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--color-font-3);
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox .addIcon {
  font-size: 18px;
  color: var(--color-font-3);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox:hover {
  border-color: var(--color-theme-1);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox:hover .addIcon {
  color: var(--color-theme-1);
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox:hover .addBox,
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox:focus .addBox {
  visibility: visible;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .normalInput {
  width: 400px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-left: 4px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .cj-shopify-collections .select-collections .input-wrapper .input-click {
  padding-left: 4px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemValue .cj-shopify-collections .addBox .addAction .inputCategory {
  width: 140px;
}
.manualListWrap .manualListContainer .manualListTabItem .form .formItem .formItemOther {
  width: auto;
  margin-left: 12px;
}
.manualListWrap .manualListContainer .manualListTabItem .listFormComponent .list-form .form-item .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectCategoryDropDownBox {
  max-width: 340px;
}
.manualListWrap .manualListFooter {
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 4px 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manualListWrap .manualListFooter .btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  min-width: 80px;
  margin: 0 8px;
  padding: 0 8px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
}
.manualListWrap .manualListFooter .cancelBtn {
  color: #666666;
  border-color: #e4e4e4;
  background: #F9F9F9;
}
.manualListWrap .manualListFooter .cancelBtn:hover {
  background-color: #f5f5f5;
}
.manualListWrap .manualListFooter .confirmBtn {
  color: #ffffff;
  background: var(--color-theme-1);
  border-color: var(--color-theme-1);
}
.manualListWrap .manualListFooter .confirmBtn:hover {
  background-color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.manualListWrap.vip .manualListHead .listingTab li:hover,
.manualListWrap.vip .manualListHead .listingTab li.listCur {
  color: #dda863;
}
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsItem.selected {
  color: var(--color-theme-1-vip);
  background: rgba(221, 168, 99, 0.1);
}
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .inputWrap .inputDropOptions .optionsItem:hover {
  color: var(--color-theme-1-vip);
}
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput:focus,
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .tagsInput:hover {
  border-color: var(--color-theme-1-vip);
}
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox:hover {
  border-color: var(--color-theme-1-vip);
}
.manualListWrap.vip .manualListContainer .manualListTabItem .form .formItem .formItemValue .tagsBox .addBox:hover .addIcon {
  color: var(--color-theme-1-vip);
}
.manualListWrap.vip .manualListFooter .confirmBtn {
  color: #333333;
  background: #F1D69E;
  border-color: #F1D69E;
}
.manualListWrap.vip .manualListFooter .confirmBtn:hover {
  background-color: #D8C08D;
  border-color: #D8C08D;
}
.productGroupWrap {
  display: inline-block;
  position: relative;
}
.productGroupWrap.productGroupWrapZIndex {
  z-index: 9999;
}
.productGroupWrap .productSelectBox {
  width: 568px;
  min-height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 30px 0 12px;
  cursor: pointer;
  position: relative;
}
.productGroupWrap .productSelectBox.pt {
  padding-top: 5px;
}
.productGroupWrap .productSelectBox .inputStyle {
  border: none;
  position: relative;
  cursor: default;
}
.productGroupWrap .productSelectBox .inputStyle::placeholder {
  font-size: 12px;
  color: #999999;
}
.productGroupWrap .productSelectBox .selectedItem {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  background: #F2F2F2;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.productGroupWrap .productSelectBox .selectedItem .iconguanbi1-copy {
  font-size: 8px;
  color: #999999;
  margin-left: 8px;
  cursor: pointer;
}
.productGroupWrap .productSelectBox .iconjiantou_xia {
  font-size: 16px;
  color: #999999;
  position: absolute;
  right: 12px;
}
.productGroupWrap .productSelectDropDownWrap {
  max-width: 804px;
  height: 247px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  overflow: auto;
}
.productGroupWrap .productSelectDropDownWrap.dropTop {
  top: unset;
  bottom: calc(100% + 4px);
}
.productGroupWrap .productSelectDropDownWrap .optionsList {
  display: flex;
  height: 100%;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem {
  min-width: 200px;
  height: 100%;
  border-right: 1px solid #EEEEEE;
  overflow-y: auto;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 30px 0 10px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconweigouxuan {
  font-size: 16px;
  color: #E4E4E4;
  cursor: pointer;
  margin-right: 4px;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconweigouxuan:hover {
  color: var(--color-theme-1);
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconicon {
  font-size: 16px;
  color: var(--color-theme-1);
  cursor: pointer;
  margin-right: 4px;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconjiantou_you {
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 0;
  right: 6px;
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedValue {
  color: var(--color-theme-1);
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedValue .iconjiantou_you {
  color: var(--color-theme-1);
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedBg {
  background: rgba(255, 119, 0, 0.2);
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover {
  color: var(--color-theme-1);
}
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover .iconweigouxuan,
.productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover .iconjiantou_you {
  color: var(--color-theme-1);
}
.productGroupWrap .productSelectDropDownWrap .singleSelectNoData {
  width: 804px;
  height: 236px;
  text-align: center;
  padding-top: 40px;
}
.productGroupWrap .productSelectDropDownWrap .singleSelectNoData img {
  width: 64px;
  height: 64px;
}
.productGroupWrap .productSelectDropDownWrap .singleSelectNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconweigouxuan:hover,
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem .iconicon {
  color: #DDA863;
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedValue {
  color: #DDA863;
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedValue .iconjiantou_you {
  color: #DDA863;
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem.selectedBg {
  background: rgba(221, 168, 99, 0.1);
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover {
  color: #DDA863;
}
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover .iconweigouxuan,
.vip .productGroupWrap .productSelectDropDownWrap .optionsList .guopItem .optionItem:hover .iconjiantou_you {
  color: #DDA863;
}
.aliexpressTemplateWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aliexpressTemplateWrap .aliexpressTemplateItem {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
  width: 100%;
}
.aliexpressTemplateWrap .aliexpressTemplateItem.halfWidth {
  width: 568px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .red {
  font-size: 14px;
  color: #DD4B1A;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .link {
  font-size: 14px;
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .link:hover {
  text-decoration: underline;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .refresh {
  margin-left: 8px;
  cursor: pointer;
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .refresh span {
  font-size: 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .refresh:hover {
  color: var(--color-theme-1-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .fontWeight600 {
  font-weight: 600;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemLeft {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 22px;
  margin-bottom: 4px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemLeft.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .labelWidth {
  width: 110px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight {
  display: flex;
  align-items: center;
  position: relative;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .pictureCapacity {
  margin-left: 12px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .pictureCapacity .pictureCapacityLabel {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-right: 7px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .pictureCapacity .progressBox {
  width: 100px;
  height: 6px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .pictureCapacity .progressBox .progressInner {
  width: 0px;
  height: 6px;
  background: #52C41A;
  border-radius: 3px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .pictureCapacity .pictureCapacityValue {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem {
  display: inline-block;
  margin-right: 30px;
  cursor: pointer;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  vertical-align: text-bottom;
  position: relative;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .circle.checked {
  border-color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .circle.checked .pointerInner {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--color-theme-1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .checkLabel {
  margin-left: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem:hover .circle {
  border-color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem {
  width: 568px;
  margin-bottom: 16px;
  position: relative;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeItemLabel {
  font-size: 14px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  line-height: 20px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeValue .aliexpressAttributeValueInner {
  width: 568px;
  height: 32px;
  line-height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeValue .aliexpressAttributeValueInner::placeholder {
  color: #999999;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeValue .afterUnitBox {
  width: auto;
  height: 32px;
  padding: 6px 16px;
  background: #F9F9F9;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #E4E4E4;
  border-left: none;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeValue.showUnit {
  display: flex;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItem .aliexpressAttributeValue.showUnit .aliexpressAttributeValueInner {
  border-radius: 4px 0 0 4px;
  flex: 1;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressAttributeList .aliexpressAttributeItemRow {
  width: 100%;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .circleBtn {
  display: inline-block;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #F2F2F2;
  text-align: center;
  cursor: pointer;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .circleBtn .actionIcon {
  font-size: 16px;
  color: #999999;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .circleBtn:hover {
  background: #e4e4e4;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList {
  display: flex;
  flex-wrap: wrap;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem {
  width: 568px;
  margin-bottom: 16px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem:nth-child(2n-1) {
  margin-right: 24px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem:last-child,
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem:nth-last-child(2) {
  margin-bottom: 0;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem input {
  font-size: 14px;
  color: #333333;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem input::placeholder {
  font-size: 14px;
  color: #999999;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem .customAttributeItemLabel {
  width: 165px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9 transparent #D9D9D9 #D9D9D9;
  padding-left: 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem .customAttributeItemValue {
  width: 346px;
  height: 32px;
  border-radius: 0 4px 4px 0;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  position: relative;
  left: -5px;
  padding-left: 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .aliexpressCustomAttributeList .aliexpressAttributeItem .ml3 {
  margin-left: 3px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .errorBorder {
  border-color: #DD4B1A !important;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .errorMessage {
  font-size: 12px;
  font-weight: 400;
  color: #DD4B1A;
  line-height: 17px;
  position: absolute;
  left: 0;
  bottom: 16;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .text {
  font-size: 14px;
  color: #333333;
  display: flex;
  justify-content: start;
  align-items: end;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .saleQuantityNumber {
  width: 240px;
  height: 32px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .saleQuantityNumber .saleQuantityLabel {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px 0 0 4px;
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  background: #FBFBFB;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .saleQuantityNumber .lotNum {
  width: 140px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 0 4px 4px 0;
  padding: 0 8px;
  text-align: left;
  caret-color: var(--color-theme-1);
  border: 1px solid #D9D9D9;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .saleQuantityNumber .lotNum::placeholder {
  color: #999999;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem {
  width: 100%;
  margin-left: 146px;
  margin-top: 8px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox {
  display: inline-block;
  border: 1px solid #e8e8e8;
  padding: 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap {
  display: flex;
  align-items: end;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader {
  border: 1px dashed #c4c6cf;
  position: relative;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .imageTypeText {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 12px;
  background-color: rgba(51, 51, 51, 0.7);
  transition: opacity 0.3s ease;
  margin: 0;
  color: #fff;
  z-index: 1;
  top: 0;
  text-align: center;
  line-height: 18px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .uploadContent {
  width: 100%;
  height: 68px;
  cursor: pointer;
  position: absolute;
  transform: translateY(-18px);
  top: 50%;
  text-align: center;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .uploadContent .uploadIcon {
  font-size: 24px;
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .uploadContent .addText {
  font-size: 12px;
  color: #666666;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox {
  position: relative;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox .marketImage {
  width: 100%;
  height: 100%;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox .editBox {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: rgba(51, 51, 51, 0.7);
  transition: opacity 0.3s ease;
  cursor: pointer;
  display: none;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox .editBox .editIcon {
  font-size: 12px;
  color: #ffffff;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox .editBox:hover .editIcon {
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .tooltipsBox {
  width: 500px;
  border-radius: 4px;
  background: #ffffff;
  z-index: 1200;
  position: absolute;
  left: 0;
  padding: 12px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  display: none;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .tooltipsBox .descTitle {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .tooltipsBox .descItem {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 8px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.smallImage {
  width: 120px;
  height: 120px;
  margin-right: 12px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.smallImage .tooltipsBox {
  bottom: 124px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.larginImage {
  width: 120px;
  height: 160px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.larginImage .tooltipsBox {
  bottom: 164px;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader:hover .tooltipsBox,
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader:hover .marketImageBox .editBox {
  display: block;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.hideImageType {
  border-style: solid;
}
.aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader.hideImageType:hover .imageTypeText {
  display: none;
}
.aliexpressTemplateWrap .cj-date {
  vertical-align: bottom;
}
.aliexpressTemplateWrap .cj-date .wui-input {
  width: 568px;
  height: 32px;
  padding: 0 50px 0 12px;
  color: var(--color-font-1);
  font-size: 14px;
  border-radius: 4px;
}
.aliexpressTemplateWrap .cj-date .wui-input:hover {
  border-color: var(--color-theme-1);
}
.aliexpressTemplateWrap .cj-date .wui-input:focus {
  border-color: var(--color-theme-1);
  box-shadow: none;
}
.aliexpressTemplateWrap .cj-date .wui-date-editor .iconfont {
  position: absolute;
  left: 538px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.aliexpressTemplateWrap .cj-date .wui-btn-primary {
  color: #ffffff;
  background: var(--color-theme-1);
  outline: unset;
  border: none;
  cursor: pointer;
}
.aliexpressTemplateWrap .cj-date .wui-btn-primary:hover {
  background: var(--color-theme-1-1);
}
.aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .today {
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .date span:hover {
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .date span.current {
  color: #fff !important;
  background-color: var(--color-theme-1);
}
.aliexpressTemplateWrap .cj-date .time-select .time-menu .time-menu-item:hover {
  background: var(--color-theme-1);
}
.aliexpressTemplateWrap .cj-date .wui-date.small .wui-date-picker .wui-date-picker_panel {
  width: 300px;
}
.aliexpressTemplateWrap .cj-date .wui-date.small .wui-date-picker .wui-date-panel_header .title {
  width: 160px;
}
.aliexpressTemplateWrap .cj-date .wui-date-picker .wui-date-panel_header .iconfont:hover,
.aliexpressTemplateWrap .cj-date .wui-date.small .wui-date-picker .wui-date-panel_header .title:hover .txt,
.aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table td a:hover {
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .visibleBtn {
  font-weight: 400;
  font-size: 12px;
  color: var(--color-theme-1);
  line-height: 17px;
  text-align: left;
  cursor: pointer;
}
.aliexpressTemplateWrap .visibleBtn .iconfont {
  font-size: 14px;
  color: var(--color-theme-1);
  margin-left: 4px;
}
.aliexpressTemplateWrap .visibleBtn:hover {
  color: var(--color-theme-1-1);
}
.aliexpressTemplateWrap .visibleBtn:hover .iconfont {
  color: var(--color-theme-1-1);
}
.aliexpressTemplateWrap .inventoryBox {
  display: flex;
  justify-content: start;
  align-items: center;
}
.aliexpressTemplateWrap .inventoryBox .itemLeft {
  width: auto;
  margin-right: 30px;
  margin-bottom: 0;
}
.aliexpressTemplateWrap .alignItemsStart {
  align-items: start;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap {
  width: 568px;
  max-height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 10;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList {
  cursor: pointer;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 24px 0 12px;
  display: flex;
  justify-content: space-between;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem .selectedIcon {
  font-size: 12px;
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem:hover {
  color: var(--color-theme-1);
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem.selected:hover {
  color: #666666;
  background: #FAFAFA;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData {
  height: 236px;
  text-align: center;
  padding-top: 40px;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData img {
  width: 64px;
  height: 64px;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData .noDataMessage {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData .noDataBtn {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: var(--color-theme-1);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 8px;
}
.aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData .noDataBtn:hover {
  background: var(--color-theme-1-1);
}
.aliexpressTemplateWrap .singleSelectWrap .singleSelectBox,
.aliexpressTemplateWrap .singleSelectWrap .singleSelectDropDownWrap {
  width: 568px;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .refresh {
  color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .refresh:hover {
  color: #C69658;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem:hover .circle {
  border-color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .circle.checked {
  border-color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .checkItem .circle.checked .pointerInner {
  background-color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .itemRight .link {
  color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .uploadContent .uploadIcon {
  color: #DDA863;
}
.vip .aliexpressTemplateWrap .aliexpressTemplateItem .blockItem .imageBox .imageUploadWrap .imageUploader .marketImageBox .editBox:hover .editIcon {
  color: #DDA863;
}
.vip .aliexpressTemplateWrap .cj-date .wui-btn-primary {
  color: var(--color-font-1) !important;
  background: var(--color-theme-2-vip) !important;
  outline: unset;
  border: none;
  cursor: pointer;
}
.vip .aliexpressTemplateWrap .cj-date .wui-btn-primary:hover {
  background: var(--color-theme-2-1-vip) !important;
}
.vip .aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .today {
  color: var(--color-theme-1-vip) !important;
}
.vip .aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .date span:hover {
  color: var(--color-theme-1-vip) !important;
}
.vip .aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table .date span.current {
  color: #fff !important;
  background-color: var(--color-theme-1-vip) !important;
}
.vip .aliexpressTemplateWrap .cj-date .time-select .time-menu .time-menu-item:hover {
  background: var(--color-theme-1-vip) !important;
}
.vip .aliexpressTemplateWrap .cj-date .wui-date-picker .wui-date-panel_header .iconfont:hover,
.vip .aliexpressTemplateWrap .cj-date .wui-date.small .wui-date-picker .wui-date-panel_header .title:hover .txt,
.vip .aliexpressTemplateWrap .cj-date .wui-date-picker .wui-data-table td a:hover {
  color: var(--color-theme-1-vip) !important;
}
.vip .aliexpressTemplateWrap .visibleBtn {
  color: var(--color-theme-1-vip);
}
.vip .aliexpressTemplateWrap .visibleBtn .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .aliexpressTemplateWrap .visibleBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .aliexpressTemplateWrap .visibleBtn:hover .iconfont {
  color: var(--color-theme-1-1-vip);
}
.vip .aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem .selectedIcon,
.vip .aliexpressTemplateWrap .multipleSelectDropDownWrap .optionsList .optionItem:hover {
  color: var(--color-theme-2-1-vip);
}
.vip .aliexpressTemplateWrap .multipleSelectDropDownWrap .multipleSelectNoData .noDataBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.AliExpressMessageModal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.AliExpressMessageModal .AliExpressMessageBox {
  width: 600px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageTitle {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageTitle .noteIcon {
  font-size: 22px;
  margin-right: 16px;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageContent {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  padding-left: 38px;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageContent .keyPart {
  color: #333333;
  font-weight: 600;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter {
  margin-top: 20px;
  text-align: right;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .commonBtn {
  font-size: 14px;
  font-weight: 400;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .cancelBtn {
  width: 65px;
  height: 32px;
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
  border-radius: 4px;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .cancelBtn:hover {
  background: var(--color-bg-14-1);
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .confirmBtn {
  width: 180px;
  height: 32px;
  background: var(--color-theme-1);
  color: #ffffff;
  border-radius: 4px;
}
.AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .confirmBtn:hover {
  background: var(--color-theme-1-1);
}
.vip .AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .AliExpressMessageModal .AliExpressMessageBox .AliExpressMessageFooter .confirmBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.modalComponent_ttus {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.modalComponent_ttus .container_ttus {
  width: 360px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modalComponent_ttus .container_ttus .title_ttus {
  position: relative;
  padding-bottom: 20px;
  margin: 0;
}
.modalComponent_ttus .container_ttus .title_ttus .closeIcon_ttus {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #666666;
}
.modalComponent_ttus .container_ttus .title_ttus .closeIcon_ttus:hover {
  color: #333333;
}
.modalComponent_ttus .container_ttus .content_ttus {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  text-align: center;
}
.modalComponent_ttus .container_ttus .content_ttus .keyPart_ttus {
  color: #333333;
  font-weight: 600;
}
.modalComponent_ttus .container_ttus .content_ttus .link {
  color: var(--color-theme-1);
  cursor: pointer;
}
.modalComponent_ttus .container_ttus .content_ttus .link:hover {
  color: var(--color-theme-1-1);
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus {
  margin-top: 20px;
  text-align: center;
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus .commonBtn_ttus {
  font-size: 14px;
  font-weight: 400;
  padding: 0 16px;
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus .cancelBtn_ttus {
  height: 32px;
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
  border-radius: 4px;
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus .cancelBtn_ttus:hover {
  background: var(--color-bg-14-1);
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus .confirmBtn_ttus {
  height: 32px;
  background: var(--color-theme-1);
  color: #ffffff;
  border-radius: 4px;
}
.modalComponent_ttus .container_ttus .tiktokFooter_ttus .confirmBtn_ttus:hover {
  background: var(--color-theme-1-1);
}
.vip .modalComponent_ttus .container_ttus .content_ttus .link {
  color: var(--color-theme-1-vip);
}
.vip .modalComponent_ttus .container_ttus .content_ttus .link:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .modalComponent_ttus .container_ttus .footer_ttus .confirmBtn_ttus {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .modalComponent_ttus .container_ttus .footer_ttus .confirmBtn_ttus:hover {
  background: var(--color-theme-2-1-vip);
}
.listMessagePopups {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.listMessagePopups .listMessagePopupsBox {
  width: 600px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listMessagePopupsBox .listMessagePopupsCloseIcon {
  font-size: 18px;
  color: var(--color-font-2);
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.listMessagePopupsBox .content .cjLoading {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.listMessagePopupsBox .content .listMessagePopupsMessageIcon {
  font-size: 48px;
}
.listMessagePopupsBox .content .listMessage {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 20px;
}
.listMessagePopupsBox .content .listMessage .listLink {
  color: var(--color-theme-1);
}
.listMessagePopupsBox .content .listMessage .listLink:hover {
  color: var(--color-theme-1-1);
  text-decoration: underline;
}
.listMessagePopupsBox .bottom {
  margin-top: 20px;
}
.listMessagePopupsBox .bottom .listMessageCommonBtnStyle {
  min-width: 80px;
  height: 32px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
.listMessagePopupsBox .bottom .listMessageCloseBtn {
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
}
.listMessagePopupsBox .bottom .listMessageCloseBtn:hover {
  background: var(--color-bg-14-1);
}
.listMessagePopupsBox .bottom .listMessageAuthorizeBtn {
  background: var(--color-theme-1);
  color: #ffffff;
}
.listMessagePopupsBox .bottom .listMessageAuthorizeBtn:hover {
  background: var(--color-theme-1-1);
}
.listMessagePopupsBox .bottom .listGoHomeBtn {
  min-width: 161px;
  padding: 0 8px;
}
.vip .listMessagePopupsBox .bottom .listMessageAuthorizeBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .listMessagePopupsBox .bottom .listMessageAuthorizeBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.vip .listMessagePopupsBox .content .listMessage .listLink {
  color: var(--color-theme-1-vip);
}
.vip .listMessagePopupsBox .content .listMessage .listLink:hover {
  color: var(--color-theme-1-vip);
}
.attributeMapping {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: block;
}
.attributeMapping .footer .cancelBtn {
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
  border-radius: 4px;
}
.attributeMapping .footer .cancelBtn:hover {
  background: var(--color-bg-14-1);
}
.attributeMapping .footer .confirmBtn {
  background: var(--color-theme-1);
  color: #ffffff;
  border-radius: 4px;
}
.attributeMapping .footer .confirmBtn:hover {
  background: var(--color-theme-1-1);
}
.attributeMapping .attributeMappingModal {
  width: 700px;
  height: 600px;
  background: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attributeMapping .attributeMappingModal .attributeMappingHead {
  width: 100%;
  height: 50px;
  background: #F9F8F8;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.attributeMapping .attributeMappingModal .attributeMappingHead h3 {
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 50px;
  text-align: center;
}
.attributeMapping .attributeMappingModal .attributeMappingHead .iconfont {
  font-size: 16px;
  color: var(--color-font-2);
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 2;
}
.attributeMapping .attributeMappingModal .attributeMappingHead .iconfont:hover {
  color: var(--color-font-1);
}
.attributeMapping .attributeMappingModal .attributeMappingContent {
  width: 100%;
  height: 478px;
  overflow-y: scroll;
  padding: 16px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .attributeMappingContentTips {
  width: 100%;
  padding: 12px 16px;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  display: flex;
  align-items: start;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 20px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .attributeMappingContentTips .iconfont {
  font-size: 18px;
  color: #F7BA2A;
  margin-right: 4px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .noDataWrap {
  text-align: center;
  margin-top: 100px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .noDataWrap img {
  width: 150px;
  height: 150px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .noDataWrap p {
  margin: 12px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list {
  margin-top: 12px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox {
  width: 100%;
  background: #FBFBFB;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
  position: relative;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .iconfont {
  font-size: 14px;
  color: var(--color-font-3);
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .linkIcon {
  margin: 0 12px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .deleteBox {
  min-width: 80px;
  height: 28px;
  background: #EEEEEE;
  border-radius: 0px 8px 0px 8px;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .deleteBox .deleteIcon {
  font-size: 16px;
  color: var(--color-font-3);
  margin-right: 4px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .deleteBox:hover {
  background-color: #FFDFD9;
  color: #DD4B1A;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .deleteBox:hover .deleteIcon {
  color: #DD4B1A;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .title {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 4px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox {
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 30px 0 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item {
  display: flex;
  align-items: center;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item .name {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 22px;
  margin-right: 8px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item .value {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 22px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item .value.noValue {
  color: #cbcbcb;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item.left .value {
  width: 290px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .item.right .value {
  width: 180px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .actionBox .attributeMappingSelectBox .downIcon {
  position: absolute;
  right: 12px;
  color: #cbcbcb;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList {
  margin-top: 12px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .variItemWidth {
  width: 160px;
  margin-right: 16px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .variItemWidth:last-child {
  margin-right: 0;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .left {
  width: 315px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .right {
  flex: 1;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .listHead {
  width: 100%;
  height: 40px;
  background: #F0EDE7;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  padding: 0 0 0 16px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .listHead .item {
  display: flex;
  align-items: center;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .listHead .item .name {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 22px;
  margin-right: 8px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .listHead .item .title {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  margin-right: 0;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList {
  width: 100%;
  max-height: 220px;
  overflow: scroll;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem {
  width: 100%;
  height: 55px;
  padding: 0 22px 0 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .cjItemWidth {
  width: 275px;
  display: flex;
  align-items: center;
  justify-content: start;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .linkBox {
  width: 16px;
  margin: 0 12px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .yourAttrSelect,
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .yourAttrInput {
  width: 200px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  text-align: left;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .yourAttrSelect:hover,
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .yourAttrInput:hover {
  border-color: var(--color-theme-1);
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .attributeVariantSelectBox {
  width: 200px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  padding: 0 26px 0 12px;
  line-height: 30px;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  position: relative;
  cursor: pointer;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .attributeVariantSelectBox .selectedLabel {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .attributeVariantSelectBox .selectedLabel.placeholder {
  color: #cbcbcb;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .attributeVariantSelectBox .iconfont {
  font-size: 16px;
  color: #cbcbcb;
  position: absolute;
  right: 10px;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .addItem {
  padding: 6px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-theme-1);
  font-weight: 400;
  font-size: 14px;
  color: var(--color-theme-1);
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
}
.attributeMapping .attributeMappingModal .attributeMappingContent .content .list .addItem:hover {
  color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.attributeMapping .attributeMappingModal .attributeMappingFooter {
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attributeMapping .attributeMappingModal .attributeMappingFooter .commonBtn {
  width: 96px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
.attributeMapping .attributeMappingSelectDown {
  width: 640px;
  height: 224px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
  position: fixed;
}
.attributeMapping .attributeMappingSelectDown .show {
  display: block;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet {
  height: calc(100% - 40px);
  display: flex;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box {
  padding: 14px 16px;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box.left {
  width: 356px;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box.right {
  flex: 1;
  overflow: hidden;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .title {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin-bottom: 14px;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList {
  height: 130px;
  overflow: scroll;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 16px;
  cursor: pointer;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem.disabledItem {
  cursor: not-allowed;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem:hover .iconfont {
  color: var(--color-theme-1);
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem:hover .iconfont.disable {
  color: #e4e4e4;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem:last-child {
  margin-bottom: 0;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont {
  font-size: 16px;
  color: #e4e4e4;
  cursor: pointer;
  margin-right: 8px;
  position: relative;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont.selected,
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont:hover {
  color: var(--color-theme-1);
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont.disable {
  color: #e4e4e4;
  cursor: not-allowed;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont.disable::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: not-allowed;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup {
  width: 100%;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem {
  width: 120px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 0 12px 10px 0;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem:nth-child(2n) {
  margin-right: 0;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem:hover {
  border-color: var(--color-theme-1);
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem.selected {
  border-color: var(--color-theme-1);
  color: var(--color-theme-1);
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem.selected::before {
  content: '\e9b0';
  color: #ffffff;
  position: absolute;
  top: -4px;
  right: -9px;
  z-index: 20;
  font-family: 'iconfont';
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem.selected::after {
  border: 12px solid transparent;
  border-left: 12px solid var(--color-primary);
  content: "";
  position: absolute;
  right: -12px;
  top: -12px;
  transform: rotate(-45deg);
  z-index: 10;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .left {
  border-right: 1px solid #EEEEEE;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownFooter {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 20px;
}
.attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownFooter .commonBtn {
  width: 80px;
  height: 24px;
  font-weight: 500;
  font-size: 14px;
}
.attributeMapping .variantItemSelectOptionsDown {
  width: 300px;
  max-height: 246px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  display: none;
  z-index: 2000;
}
.attributeMapping .variantItemSelectOptionsDown.visible {
  display: block;
}
.attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 0 0 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem.selected {
  color: var(--color-theme-1);
  background: rgba(255, 119, 0, 0.2);
}
.attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem.disabled,
.attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem.disabled:hover {
  color: #999999;
  cursor: not-allowed;
}
.attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem:hover {
  color: var(--color-theme-1);
}
.vip .attributeMapping .footer .confirmBtn {
  background: var(--color-theme-2-vip);
  color: #333333;
}
.vip .attributeMapping .footer .confirmBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.vip .attributeMapping .attributeMappingModal .attributeMappingContent .content .list .itemBox .variantList .tabelList .variantItem .temuItemWidth .yourAttrInput:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingModal .attributeMappingContent .content .list .addItem {
  border: 1px solid var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingModal .attributeMappingContent .content .list .addItem:hover {
  color: var(--color-theme-1-1-vip);
  border-color: var(--color-theme-1-1-vip);
}
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem:hover .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont.selected,
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .iconfont:hover {
  color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem.selected {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip .attributeMapping .attributeMappingSelectDown .attributeMappingSelectDownContet .box .selectList .selectItem .sizeGroup .sizeGroupItem.selected::after {
  border-left: 12px solid var(--color-theme-1-vip);
  content: "";
}
.vip .attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem.selected {
  color: var(--color-theme-1-vip);
  background: var(--color-theme-1-vip-opacity20);
}
.vip .attributeMapping .variantItemSelectOptionsDown .optionsList .optionItem:hover {
  color: var(--color-theme-1-vip);
}
.infoContentCommon {
  width: 100%;
  background: #ffffff;
  padding: 20px 24px 20px 37px;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  position: relative;
}
.infoContentCommon .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
.infoContentCommon .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.infoContentCommon .imgSkeleton {
  width: 150%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  -webkit-animation: loading 2s ease-in-out infinite;
  animation: loading 2s ease-in-out infinite;
  display: block;
}
@keyframes loading {
  0% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  80%,
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
}
.infoContentCommon .info {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.infoContentCommon .info .mb4 {
  margin-bottom: 4px;
}
.infoContentCommon .info .mb16 {
  margin-bottom: 16px;
}
.infoContentCommon .info .name {
  font-weight: 600;
  font-size: 18px;
  color: var(--color-font-1);
  line-height: 25px;
  margin-bottom: 4px;
}
.infoContentCommon .info .dataForm .item {
  width: 240px;
  font-size: 14px;
  text-align: left;
}
.infoContentCommon .info .dataForm .item .label {
  color: var(--color-font-2);
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
}
.infoContentCommon .info .dataForm .item .value {
  color: var(--color-font-1);
}
.infoContentCommon .info .dataForm .itemRow {
  display: flex;
}
.infoContentCommon .actionBox {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: flex;
}
.infoContentCommon .actionBox .btn {
  min-width: 90px;
  height: 32px;
  border-radius: 4px;
  padding: 6px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin-right: 16px;
}
.infoContentCommon .actionBox .btn:last-child {
  margin-right: 0;
}
.infoContentCommon .actionBox .btn.deleteBtn {
  border: 1px solid var(--color-theme-1);
  color: var(--color-theme-1);
  background: #ffffff;
}
.infoContentCommon .actionBox .btn.deleteBtn:hover {
  background-color: var(--color-theme-1-opacity10);
}
.infoContentCommon .actionBox .btn.confirmBtn {
  border: 1px solid var(--color-theme-1);
  color: #ffffff;
  background: var(--color-theme-1);
}
.infoContentCommon .actionBox .btn.confirmBtn:hover {
  background-color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.modelInfoWrap {
  width: 100%;
}
.modelInfoWrap .flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modelInfoWrap .title {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-font-1);
  line-height: 22px;
  margin-bottom: 12px;
}
.modelInfoWrap .title .require {
  color: #DD4B1A;
}
.modelInfoWrap .modelInfoContent .avatar {
  width: 120px;
  height: 120px;
  margin-right: 35px;
}
.modelInfoWrap .modelInfoContent .info .dataForm .item {
  width: 240px;
}
.modelInfoWrap .noDataContent {
  width: 100%;
  height: 160px;
  background: var(--color-theme-1-opacity10);
  cursor: pointer;
}
.modelInfoWrap .noDataContent .btnContent {
  flex-flow: column;
}
.modelInfoWrap .noDataContent .btnContent .addBtn {
  width: 40px;
  height: 40px;
  background: var(--color-theme-1-opacity20);
  border: 1px dashed var(--color-theme-1);
  border-radius: 50%;
  cursor: pointer;
}
.modelInfoWrap .noDataContent .btnContent .addBtn .iconfont {
  font-size: 20px;
  color: var(--color-theme-1);
}
.modelInfoWrap .noDataContent .btnContent .text {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-top: 12px;
}
.modelMaskWrap {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1300;
}
.modelMaskWrap .modalContainer {
  width: 700px;
  height: 600px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.modelMaskWrap .modalContainer .head {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #F9F8F8;
  border-radius: 4px 4px 0px 0px;
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.modelMaskWrap .modalContainer .head .iconfont {
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 2;
}
.modelMaskWrap .modalContainer .contentBox {
  padding: 20px 24px 0;
}
.modelMaskWrap .modalContainer .contentBox .searchBox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search {
  display: flex;
  align-items: center;
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search .input {
  width: 370px;
  border: 1px solid #D9D9D9;
  border-right: none;
  padding-left: 12px;
  border-radius: 4px 0 0 4px;
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search .input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #CBCBCB;
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search .input:hover,
.modelMaskWrap .modalContainer .contentBox .searchBox .search .input:focus,
.modelMaskWrap .modalContainer .contentBox .searchBox .search .input:active {
  border-color: var(--color-theme-1);
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search .btn {
  min-width: 60px;
  height: 32px;
  padding: 6px 0;
  background: var(--color-theme-1);
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
}
.modelMaskWrap .modalContainer .contentBox .searchBox .search .btn:hover {
  background-color: var(--color-theme-1-1);
}
.modelMaskWrap .modalContainer .contentBox .btnWrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.modelMaskWrap .modalContainer .contentBox .btnWrap h3 {
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox {
  display: flex;
  align-items: center;
}
.modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn {
  padding: 6px 12px;
  border: 1px solid var(--color-theme-1);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-theme-1);
  line-height: 20px;
  margin-right: 16px;
  cursor: pointer;
  background: #FFFFFF;
}
.modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn:last-child {
  margin-right: 0;
}
.modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn .iconfont {
  font-size: 16px;
  color: var(--color-theme-1);
}
.modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn:hover {
  background-color: var(--color-theme-1-opacity10);
}
.modelMaskWrap .modalContainer .contentBox .listItem {
  width: 100%;
  padding: 16px 20px;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.modelMaskWrap .modalContainer .contentBox .listItem:last-child {
  margin-bottom: 0;
}
.modelMaskWrap .modalContainer .contentBox .listItem .avatar {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.modelMaskWrap .modalContainer .contentBox .listItem .avatar .img-container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e5e5e5;
}
.modelMaskWrap .modalContainer .contentBox .listItem .avatar .img-container img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.modelMaskWrap .modalContainer .contentBox .listItem .avatar .img-container img.visible {
  opacity: 1;
}
.modelMaskWrap .modalContainer .contentBox .listItem .info .dataForm .item {
  width: 120px;
}
.modelMaskWrap .modalContainer .contentBox .listItem .info .dataForm.shoesData .item {
  width: 200px;
}
.modelMaskWrap .modalContainer .contentBox .listItem .actionBox {
  top: 50%;
  transform: translateY(-50%);
}
.modelMaskWrap .modalContainer .contentBox .listItem .actionBox .btn {
  min-width: 65px;
}
.modelMaskWrap .modalContainer .contentBox .content .listWrap .listBox {
  width: 100%;
  height: 400px;
  overflow: scroll;
}
.modelMaskWrap .modalContainer .contentBox .content .listWrap .listBox .list {
  width: 100%;
}
.modelMaskWrap .modalContainer .contentBox .content .nodataWrap {
  margin: 80px auto 0;
  text-align: center;
}
.modelMaskWrap .modalContainer .contentBox .content .nodataWrap img {
  width: 150px;
  height: 150px;
  margin-bottom: 12px;
}
.modelMaskWrap .modalContainer .contentBox .content .nodataWrap .text {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-3);
  line-height: 20px;
  text-align: center;
}
.modelMaskWrap .modalContainer .commonBtn {
  min-width: 96px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  border-radius: 4px;
}
.modelMaskWrap .modalContainer .commonBtn.cancelBtn {
  color: var(--color-font-2);
  margin-right: 16px;
  border: 1px solid #E4E4E4;
  background: #F9F9F9;
}
.modelMaskWrap .modalContainer .commonBtn.cancelBtn:hover {
  color: var(--color-font-1);
}
.modelMaskWrap .modalContainer .commonBtn.confirmBtn {
  color: #ffffff;
  border: 1px solid var(--color-theme-1);
  background: var(--color-theme-1);
}
.modelMaskWrap .modalContainer .commonBtn.confirmBtn:hover {
  border-color: var(--color-theme-1-1);
  background-color: var(--color-theme-1-1);
}
.modelMaskWrap .useModal {
  height: auto;
}
.modelMaskWrap .useModal .contentBox {
  padding: 0;
  margin: 20px 24px 24px;
  border: 1px solid #EEEEEE;
}
.modelMaskWrap .useModal .contentBox .useItem {
  border: none;
  position: relative;
  margin: 0;
}
.modelMaskWrap .useModal .contentBox .useItem::after {
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background: #EEEEEE;
  position: absolute;
  bottom: 0;
  left: 20px;
}
.modelMaskWrap .useModal .contentBox .useItem .info .dataForm .item {
  width: 120px;
}
.modelMaskWrap .useModal .contentBox .actionWrap {
  padding: 24px 20px 0;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4px;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionLabel {
  width: 138px;
  margin-right: 8px;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionLabel .require {
  font-size: 14px;
  color: #DD4B1A;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem {
  width: 120px;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 16px 20px 0;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx {
  margin: 0 8px 0 0;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx .iconfont {
  font-size: 16px;
  color: #D8D8D8;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx .iconfont.checked {
  color: var(--color-theme-1);
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx .iconfont:hover {
  color: var(--color-theme-1);
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .title {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem:hover .radioBpx .iconfont {
  color: var(--color-theme-1);
}
.modelMaskWrap .useModal .footerBox {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modelMaskWrap .secondConfirmModal {
  width: 360px;
  height: auto;
}
.modelMaskWrap .secondConfirmModal .head {
  height: 40px;
  background-color: #ffffff;
}
.modelMaskWrap .secondConfirmModal .contentBox {
  padding: 0 20px;
}
.modelMaskWrap .secondConfirmModal .contentBox .deleteText {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 17px;
}
.modelMaskWrap .secondConfirmModal .contentBox .deleteText .iconfont {
  font-size: 14px;
  color: var(--color-theme-1);
  margin-right: 4px;
}
.modelMaskWrap .secondConfirmModal .footerBox {
  padding: 20px 20px 0 0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modelMaskWrap .secondConfirmModal .footerBox .commonBtn {
  min-width: 80px;
}
.vip .infoContentCommon .actionBox .deleteBtn {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip .infoContentCommon .actionBox .deleteBtn:hover {
  background-color: var(--color-theme-1-vip-opacity10);
}
.vip .infoContentCommon .actionBox .confirmBtn {
  border-color: var(--color-theme-2-vip);
  color: var(--color-font-1);
  background-color: var(--color-theme-2-vip);
}
.vip .infoContentCommon .actionBox .confirmBtn:hover {
  background-color: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}
.vip .modelMaskWrap .modalContainer .contentBox .searchBox .search .input:hover,
.vip .modelMaskWrap .modalContainer .contentBox .searchBox .search .input:focus,
.vip .modelMaskWrap .modalContainer .contentBox .searchBox .search .input:active {
  border-color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .modalContainer .contentBox .searchBox .search .btn {
  background-color: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .modelMaskWrap .modalContainer .contentBox .searchBox .search .btn:hover {
  background-color: var(--color-theme-2-1-vip);
}
.vip .modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .modalContainer .contentBox .btnWrap .btnBox .borderBtn:hover {
  background-color: var(--color-theme-1-vip-opacity10);
}
.vip .modelMaskWrap .modalContainer .confirmBtn {
  color: var(--color-font-1);
  background-color: var(--color-theme-1-vip);
  border-color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .modalContainer .confirmBtn:hover {
  background-color: var(--color-theme-1-1-vip);
  border-color: var(--color-theme-1-1-vip);
}
.vip .modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx .iconfont.checked {
  color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem .radioBpx .iconfont:hover {
  color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .useModal .contentBox .actionWrap .actionRow .actionRadioList .actionRadioItem:hover .radioBpx .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .modelMaskWrap .secondConfirmModal .contentBox .deleteText .iconfont {
  color: var(--color-theme-1-vip);
}
.commodityInventoryRiskWarningModal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.commodityInventoryRiskWarningModal .containerBox {
  width: 540px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.commodityInventoryRiskWarningModal .containerBox .titleBox {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
}
.commodityInventoryRiskWarningModal .containerBox .titleBox .noteIcon {
  font-size: 22px;
  margin-right: 8px;
  color: #FAAD14;
}
.commodityInventoryRiskWarningModal .containerBox .contentBox {
  margin-top: 16px;
  padding-left: 30px;
}
.commodityInventoryRiskWarningModal .containerBox .contentBox .desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  margin: 0 0 8px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.commodityInventoryRiskWarningModal .containerBox .contentBox .tips {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  padding-left: 0;
}
.commodityInventoryRiskWarningModal .containerBox .contentBox .tips.paddingLeft {
  padding-left: 16px;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 28px;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox {
  cursor: pointer;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox .iconfont {
  font-size: 16px;
  color: #E4E4E4;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox .iconfont.checked {
  color: var(--color-theme-1);
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox span {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-left: 4px;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox:hover .iconfont.unchecked {
  color: var(--color-theme-1);
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .commonBtn {
  font-size: 14px;
  font-weight: 400;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .cancelBtn {
  width: 65px;
  height: 32px;
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
  border-radius: 4px;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .cancelBtn:hover {
  background: var(--color-bg-14-1);
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .confirmBtn {
  padding: 6px 16px;
  background: var(--color-theme-1);
  color: #ffffff;
  border-radius: 4px;
}
.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .confirmBtn:hover {
  background: var(--color-theme-1-1);
}
.vip .showVipStyle.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox .iconfont.checked {
  color: var(--color-theme-2-vip);
}
.vip .showVipStyle.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .checkBox:hover .iconfont.unchecked {
  color: var(--color-theme-2-vip);
}
.vip .showVipStyle.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .showVipStyle.commodityInventoryRiskWarningModal .containerBox .commodityInventoryRiskWarningFoot .confirmBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.infoModalMaskWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.infoModalMaskWrap .infoModal {
  width: 400px;
  min-height: 180px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.infoModalMaskWrap .infoModal .infoTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.infoModalMaskWrap .infoModal .infoTitle .infoIcon {
  font-size: 22px;
  color: #FAAD14;
  margin-right: 16px;
}
.infoModalMaskWrap .infoModal .infoTitle .title {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-font-1);
  line-height: 24px;
  text-align: left;
  margin: 0;
}
.infoModalMaskWrap .infoModal .infoContent {
  margin: 20px 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 22px;
  text-align: left;
  padding-left: 38px;
  word-break: break-word;
}
.infoModalMaskWrap .infoModal .infoButtonBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn {
  min-width: 65px;
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 16px;
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn:last-child {
  margin-right: 0;
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn.default {
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
  color: #666666;
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn.primary {
  color: #FFFFFF;
  background: var(--color-theme-1);
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn.primary:hover {
  background: var(--color-theme-1-1);
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn.wireframe {
  color: var(--color-theme-1);
  border: 1px solid var(--color-theme-1);
  background: #ffffff;
}
.infoModalMaskWrap .infoModal .infoButtonBox .btn.wireframe:hover {
  background-color: var(--color-theme-1-opacity10);
}
.vip .infoModalMaskWrap .infoModal .infoButtonBox .btn.primary {
  color: var(--color-font-1);
  background: var(--color-theme-1-vip);
}
.vip .infoModalMaskWrap .infoModal .infoButtonBox .btn.primary:hover {
  background: var(--color-theme-1-1-vip);
}
.vip .infoModalMaskWrap .infoModal .infoButtonBox .btn.wireframe {
  color: var(--color-theme-1-vip);
  border: 1px solid var(--color-theme-1-vip);
  background: #ffffff;
}
.vip .infoModalMaskWrap .infoModal .infoButtonBox .btn.wireframe:hover {
  background-color: var(--color-theme-1-vip-opacity10);
}
.connectWarehouseWrap {
  width: 100%;
}
.connectWarehouseWrap .title {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-font-1);
  line-height: 22px;
  margin-bottom: 12px;
}
.connectWarehouseWrap .title .require {
  color: #DD4B1A;
}
.connectWarehouseWrap .connectionTable .shippingWarehouseWidth {
  width: 690px;
  position: relative;
}
.connectWarehouseWrap .connectionTable .shippingWarehouseWidth::after {
  content: '';
  width: 1px;
  height: 20px;
  background: #eeeeee;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.connectWarehouseWrap .connectionTable .hasDelete {
  width: 650px;
}
.connectWarehouseWrap .connectionTable .hasDelete::after {
  right: 0;
}
.connectWarehouseWrap .connectionTable .storeWarehouseWidth {
  width: 400px;
}
.connectWarehouseWrap .connectionTable .deleteWidth {
  width: 36px;
}
.connectWarehouseWrap .connectionTable .rowFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connectWarehouseWrap .connectionTable .tableHead {
  background: #F0EDE7;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  text-align: left;
}
.connectWarehouseWrap .connectionTable .tableHead .shippingWarehouseWidth::after {
  content: '';
  width: 1px;
  height: 16px;
  background: #DBD6CE;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.connectWarehouseWrap .connectionTable .tableHead .hasDelete::after {
  right: 0;
}
.connectWarehouseWrap .connectionTable .tableHead .storeWarehouseTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.connectWarehouseWrap .connectionTable .tableHead .syncBtn {
  color: var(--color-theme-1);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  margin-left: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.connectWarehouseWrap .connectionTable .tableHead .syncBtn .syncIcon {
  font-size: 16px;
  color: var(--color-theme-1);
}
.connectWarehouseWrap .connectionTable .tableHead .syncBtn:hover {
  color: var(--color-theme-1-1);
}
.connectWarehouseWrap .connectionTable .tableHead .syncBtn:hover .syncIcon {
  color: var(--color-theme-1-1);
}
.connectWarehouseWrap .connectionTable .tableBody {
  border: 1px solid #EEEEEE;
  border-top: none;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item {
  border-bottom: 1px solid #EEEEEE;
  height: 55px;
  padding: 0 20px;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item:last-child {
  border-bottom: none;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .content {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  text-align: left;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address {
  min-width: 140px;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-theme-1);
  line-height: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address .iconfont {
  font-size: 14px;
  color: var(--color-theme-1);
  margin-left: 4px;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address:hover {
  color: var(--color-theme-1-1);
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address:hover .iconfont {
  color: var(--color-theme-1-1);
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .deleteBox {
  display: flex;
  justify-content: center;
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .deleteBox .deleteIcon {
  font-size: 14px;
  cursor: pointer;
  color: var(--color-font-1);
}
.connectWarehouseWrap .connectionTable .tableBody .list .item .deleteBox .deleteIcon:hover {
  color: #DD4B1A;
}
.connectWarehouseWrap .connectionTable .tableBody .noData {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 30px;
}
.connectWarehouseWrap .connectionTable .tableBody .noData img {
  width: 120px;
  height: 120px;
}
.connectWarehouseWrap .connectionTable .tableBody .noData p {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 17px;
  text-align: center;
  margin: 12px 0 0 0;
}
.connectionWarehouseTooltip.cj-tooltip-padding {
  max-width: 400px;
}
.warehouseAddressDetailWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal {
  width: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .head {
  width: 100%;
  height: 50px;
  background: #f9f8f8;
  font-weight: 500;
  color: var(--color-font-1);
  font-size: 16px;
  line-height: 22px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .head .closeIcon {
  font-size: 16px;
  color: var(--color-font-2);
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .head .closeIcon:hover {
  color: var(--color-font-1);
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content {
  padding: 0px;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressChangeTips {
  padding: 12px 16px;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  display: flex;
  justify-content: start;
  align-items: start;
  margin: 20px 30px 3px;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressChangeTips .tipsIcon {
  font-size: 18px;
  color: #f7ba2a;
  margin-right: 10px;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList {
  padding: 0 30px 24px;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem {
  padding: 17px 0;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .warehouseLabel {
  color: #666;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .warehouseValueBox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .warehouseValueBox .warehouseValue {
  color: #333;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .warehouseValueBox .copyIcon {
  margin-left: 8px;
  vertical-align: middle;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .warehouseValueBox .copyIcon:hover {
  cursor: pointer;
  color: var(--color-theme-1);
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .footer {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .footer .btn {
  padding: 5px 32px;
  background: var(--color-theme-1);
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  cursor: pointer;
}
.warehouseAddressDetailWrap .warehouseAddressDetailModal .footer .btn:hover {
  background-color: var(--color-theme-1-1);
}
.vip .connectWarehouseWrap .connectionTable .tableHead .syncBtn {
  color: var(--color-theme-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableHead .syncBtn .syncIcon {
  color: var(--color-theme-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableHead .syncBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableHead .syncBtn:hover .syncIcon {
  color: var(--color-theme-1-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address {
  color: var(--color-theme-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .connectWarehouseWrap .connectionTable .tableBody .list .item .shippingWarehouseItem .address:hover .iconfont {
  color: var(--color-theme-1-1-vip);
}
.vip .warehouseAddressDetailWrap .warehouseAddressDetailModal .content .addressDetailList .addressItem .copyIcon:hover {
  color: var(--color-theme-1-vip);
}
.vip .warehouseAddressDetailWrap .warehouseAddressDetailModal .footer .btn {
  color: var(--color-theme-1);
  background: var(--color-theme-2-vip);
}
.vip .warehouseAddressDetailWrap .warehouseAddressDetailModal .footer .btn:hover {
  background-color: var(--color-theme-2-1-vip);
}
.commonMessageModal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}
.commonMessageModal .containerBox {
  width: 480px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.commonMessageModal .containerBox .titleBox {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  display: flex;
}
.commonMessageModal .containerBox .titleBox .noteIcon {
  font-size: 24px;
  margin-right: 8px;
  color: #FAAD14;
}
.commonMessageModal .containerBox .contentBox {
  margin-top: 16px;
  padding-left: 30px;
}
.commonMessageModal .containerBox .contentBox .desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  margin: 0 0 8px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.commonMessageModal .containerBox .contentBox .tips {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  padding-left: 16px;
}
.commonMessageModal .containerBox .commonMessageModalFoot {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 28px;
}
.commonMessageModal .containerBox .commonMessageModalFoot .commonBtn {
  font-size: 14px;
  font-weight: 400;
}
.commonMessageModal .containerBox .commonMessageModalFoot .cancelBtn {
  width: 65px;
  height: 32px;
  background: var(--color-bg-14);
  border: 1px solid var(--color-line-3);
  color: var(--color-font-1);
  margin-right: 16px;
  border-radius: 4px;
}
.commonMessageModal .containerBox .commonMessageModalFoot .cancelBtn:hover {
  background: var(--color-bg-14-1);
}
.commonMessageModal .containerBox .commonMessageModalFoot .confirmBtn {
  padding: 6px 16px;
  background: var(--color-theme-1);
  color: #ffffff;
  border-radius: 4px;
}
.commonMessageModal .containerBox .commonMessageModalFoot .confirmBtn:hover {
  background: var(--color-theme-1-1);
}
.vip .showVipStyle.commonMessageModal .containerBox .commonMessageModalFoot .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .showVipStyle.commonMessageModal .containerBox .commonMessageModalFoot .confirmBtn:hover {
  background: var(--color-theme-2-1-vip);
}
.newEditFrameWrap .edit-wish {
  width: 1200px;
  height: 100%;
  position: relative;
  background: #fff;
  border-radius: 8px;
}
.edit-wish .editTitle {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.link {
  font-size: 14px;
  color: var(--color-theme-1);
  text-decoration: underline;
}
.link:hover {
  color: var(--color-theme-1-1);
}
.edit-wish .box {
  border: 1px solid #D8D8D8;
}
.edit-wish .box .box-left {
  width: 300px;
}
.box-left img {
  width: 240px;
  height: 240px;
  margin: 14px;
}
.edit-wish .changecard {
  display: flex;
  justify-content: flex-start;
  background: #262626;
  width: 100%;
  margin-top: 20px;
  padding: 14px 0;
}
.edit-wish .changecard li {
  padding: 0 25px;
  color: #ffffff;
  line-height: 1;
  float: left;
  text-align: center;
  border-left: 1px solid #fff;
  cursor: pointer;
  font-size: 16px;
}
.edit-wish .changecard li:nth-of-type(1) {
  border-left: 0;
}
.vip .edit-wish .changecard li {
  color: #F3DBA5;
  border-color: #F3DBA5;
  font-size: 14px;
}
.edit-wish ul .active {
  color: #F78E29;
}
.vip .edit-wish ul .active {
  color: #DDA863;
}
.edit-wish .changecard > li.active {
  position: relative;
}
.edit-wish .changecard li > b {
  position: absolute;
  width: 75%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  bottom: -8px;
  display: none;
}
.edit-wish .changecard li.active > b {
  background: #F78E29;
}
.vip .edit-wish .changecard li.active > b {
  background: #dda863;
}
.edit-wish .changecard li > b {
  background: #fff;
}
.edit-wish .changecard li.active > b {
  display: block!important;
}
.box-right {
  width: 646px;
  margin-top: 40px;
}
.box-right .proInput {
  width: 100%;
  margin-bottom: 10px;
}
.box-right .proInput input {
  width: 580px;
  line-height: 30px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding-left: 10px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.box-right .inputct {
  display: flex;
  justify-content: flex-start;
  padding: 20px 0;
}
.box-right .inputct input {
  width: 260px;
  margin-right: 60px;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  text-align: left;
}
.box-right .prospan {
  width: 113px;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 32px;
  padding-bottom: 4px;
}
.buttonbox {
  position: absolute;
  bottom: 30px;
  right: 25px;
}
.cancelbtn {
  width: 160px;
  height: 50px;
  background: #e6e6e6;
  border-radius: 4px;
}
.listbtn {
  width: 160px;
  height: 50px;
  background: #f89029;
  border-radius: 4px;
  margin-left: 50px;
  color: #ffffff;
}
.shipm {
  width: 30%;
  text-align: center;
  line-break: 30px;
}
.checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  z-index: 99999;
  opacity: 0;
}
.imgul .img-item {
  position: relative;
  margin: 15px;
  height: 156px;
  border: 3px solid #fff;
}
.vip .pdlist-table-body .checkbox i {
  color: #262626 !important;
  font-size: 18px !important;
  cursor: pointer;
}
.pdlist-table-body .checkbox i {
  color: #262626 !important;
  font-size: 18px !important;
}
.pdlist-table-body .checkbox .iconfont::before {
  color: #fff !important;
}
.pdlist-table-body .checkbox .iconweigouxuan:before {
  color: #d9d9d9 !important;
}
.vip .img-item.slectedimg {
  border-color: var(--color-theme-1-vip);
}
.pd-list-seclet .check-box.isNotChecked {
  display: none;
}
.tagbox {
  margin: 3px 4px 0 0;
  /* display: flex; */
  /* justify-content: flex-start; */
  background: #d8d8d8;
}
.ship-header {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 10px;
  color: #333333;
  font-weight: 700;
}
.ship-header.noPaddingBottom {
  padding-bottom: 0;
}
.ship-header div {
  display: flex;
  align-items: center;
}
.multiselect__tags-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 580px;
  height: 30px;
  /* border: 1px solid #b4b4b4; */
}
.multiselect__tag {
  display: flex;
  max-width: 100%;
  padding: 2px 8px;
  margin: 4px 4px 0 0;
  background-color: #FFF9EF;
  /* border: 1px solid #d2dce8; */
  border-radius: 2px;
  position: relative;
  font-size: 12px;
  color: #FFA301;
}
.multiselect__tag i.iconfont {
  font-size: 12px;
  transform: scale(0.8);
  margin-left: 5px;
  cursor: pointer;
}
.tags-list .tag-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  max-width: 540px;
}
.tagCloseIcon {
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: -5px;
}
.itemInput {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
}
.lazStyle {
  border: 1px solid #e9e9e9;
  height: 28px;
  font-size: 14px;
}
.pd-list-seclet {
  display: flex;
  flex-flow: column nowrap;
  font-size: 13px;
  overflow: auto;
}
.pd-list-seclet .seclet-row {
  margin-top: 10px;
}
.pd-list-seclet .select-title {
  width: 110px;
  text-align: right;
  margin-right: 10px;
  line-height: 32px;
  font-size: 12px;
}
.pd-list-seclet .select-title.listing-site {
  width: 80px;
  text-align: left;
  margin-left: 10px;
}
.pd-list-seclet .store {
  display: flex;
}
.pd-list-seclet .select-country {
  display: flex;
  margin-right: 20px;
}
.pd-list-seclet .check-box {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.pd-list-seclet .store .check-box {
  width: 160px;
  margin-left: 20px;
}
.pd-list-seclet .check-box .check-all-title {
  top: -6px;
}
.pd-list-seclet select {
  width: 210px;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 12px;
}
.pd-list-seclet .category-wrap input,
.pd-list-seclet .serch-cate input,
.box-right .cj-shopify-collections .add-collections .add-new-collection-inp {
  width: 210px;
  height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-right: 5px;
  font-size: 12px;
  color: #333333;
}
.pd-list-seclet .btn-span,
.box-right .cj-shopify-collections .btn {
  height: 32px;
  padding: 0 10px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  color: #333333;
  font-size: 12px;
}
/* 类目搜索 */
.pd-list-seclet .serch-cate {
  display: flex;
}
.pd-list-seclet .serch-cate div {
  position: relative;
  line-height: 23px;
}
.pd-list-seclet .serch-cate ul {
  position: absolute;
  top: 24px;
  left: 0;
  height: 240px;
  overflow: auto;
  background: #f6f6f6;
  padding: 10px;
  width: 400px;
  z-index: 9;
  box-shadow: 0px 5px 10px rgba(1, 1, 1, 0.15);
}
.pd-list-seclet .serch-cate ul li {
  font-size: 12px;
  padding: 5px 0;
  cursor: pointer;
}
.pd-list-seclet .serch-cate ul li:hover {
  background: #ccc;
}
.pd-list-seclet .shopeeTips {
  background: #F9F8F8;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0 0 118px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pd-list-seclet .shopeeTips .shopeeTipsText {
  color: var(--color-font-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.pd-list-seclet .shopeeTips .tutorialLink {
  color: var(--color-theme-1);
  line-height: 20px;
}
.pd-list-seclet .shopeeTips .tutorialLink:hover .tutorialText {
  text-decoration: underline;
}
.pd-list-seclet .shopeeTips .tutorialLink .tutorialIcon {
  font-size: 16px;
  margin-right: 0;
  vertical-align: bottom;
}
.pd-list-seclet .shopeeTips .tutorialLink .tutorialText {
  font-size: 12px;
  font-weight: 400;
}
.layui-layer-btn .layui-layer-btn2 {
  background-color: #ff9900;
  color: #fff;
  border-color: #ff9900;
}
.module-select {
  margin-top: 20px;
  display: flex;
  flex-direction: row-reverse;
}
.module-select select {
  width: 220px;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.specifics-title {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: start;
}
.specifics-title div {
  width: 300px;
}
.specifics-content {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.specifics-content > div {
  width: 300px;
}
.specifics-content .specifics-wrap {
  position: relative;
}
.specifics-content .specifics-wrap input {
  border: 1px solid #ddd;
}
.specifics-content .specifics-wrap .specifics-list {
  background: #fff;
  display: none;
  position: absolute;
  top: 35px;
  z-index: 999;
  border: 1px solid #ddd;
}
.specifics-content .specifics-wrap .specifics-list li:hover {
  background: #999;
}
.specifics-content .specifics-wrap .specifics-list li {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
.category-wrap .Refresh {
  font-size: 12px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-theme-1);
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
  top: 1px;
}
.category-wrap .disable {
  color: #6b6b6b;
  cursor: not-allowed;
}
.category-wrap .Refresh:hover {
  color: var(--color-theme-1-1);
}
.btn-group-line button {
  margin-right: 20px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.edit-wish .bottomBtnBox {
  border-top: 1px solid #eeeeee;
  margin-top: 10px;
}
.edit-wish select,
.box-right .cj-shopify-collections .select-collection-select {
  height: 32px;
  border-radius: 4px;
  color: #666;
  border: 1px solid #d9d9d9;
  margin-right: 5px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 210px;
}
.edit-wish select option:disabled {
  color: #cbcbcb;
  cursor: not-allowed;
}
.edit-wish .your-price-select {
  height: 24px;
  line-height: 24px;
}
.edit-wish .ebay-price-select {
  margin-right: 0px;
}
.edit-wish .your-price-select-margin {
  margin-right: 5px;
}
.cancelIcon {
  margin-top: 10px;
}
.pd-list-seclet .select-title.lazadaSite {
  margin-right: 0;
  width: 80px;
}
.your-price {
  width: 90px;
}
.ship-my {
  margin-right: 5px;
  font-weight: 100;
}
.other-inp.warning,
.other-inp.select-list.warning {
  border-color: #ff0000;
}
.varSpec .yourAttrSelect.warning {
  margin-right: 0;
}
.edit-wish .changecard .warningTitle,
.vip .edit-wish .changecard .warningTitle {
  color: #ff0000;
}
.edit-wish select.other-inp {
  width: 386px;
}
.pd-list-seclet .your-price-select {
  width: 80px;
  margin: 4px 0 0 0;
}
.check-box.checkbox-none {
  visibility: hidden;
}
.check-box.checkbox-none input {
  cursor: default;
}
.pdlist-table-body .shipm {
  font-size: 14px;
}
.nav-tabs-title-span {
  font-size: 16px;
}
.nav-tabs-title-span.red-star {
  color: #f00;
  margin-right: 4px;
  margin-bottom: -2px;
}
.nav-tabs-title-span.red-star.red-star-left {
  position: absolute;
  left: -10px;
}
.select-title.listing-site.ebayStart {
  margin-right: 0px;
}
.tags-list {
  width: 100%;
  max-height: 74px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
.tags-box {
  position: relative;
}
.tags-box i.iconfont {
  position: absolute;
  font-size: 12px;
  right: 10px;
  top: 7px;
  cursor: pointer;
}
.edit-wish .others-pane {
  overflow-y: auto;
}
.cj-shopify-collections .btn.add-new,
.cj-shopify-collections .new-btn-confirm,
.cj-shopify-collections .btn.new-btn-cancel {
  margin-left: 18px;
}
.cj-shopify-collections .btn.new-btn-confirm {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border: none;
  width: 70px;
}
.cj-shopify-collections .btn.new-btn-confirm:hover {
  background-color: var(--color-theme-1-1);
}
.vip .cj-shopify-collections .btn.new-btn-confirm {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .cj-shopify-collections .btn.new-btn-confirm:hover {
  background: var(--color-theme-2-1-vip);
}
.cj-shopify-collections .btn.new-btn-cancel:hover {
  background: var(--color-bg-14-1);
  color: var(--color-font-1);
}
.pd-list-seclet .btn-span.add-new:hover {
  background: transparent;
}
.pd-list-seclet .btn-span.add-new:hover,
.cj-shopify-collections .btn.add-new:hover {
  border: 1px solid var(--color-theme-1);
  color: var(--color-theme-1);
}
.vip .pd-list-seclet .btn-span.add-new:hover,
.vip .cj-shopify-collections .btn.add-new:hover {
  border: 1px solid var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.pdlist-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.pdlist-title.listing-site {
  margin-right: 10px;
  width: 120px;
  justify-content: flex-start;
}
.pdlist-title.pdlist-title-price {
  justify-content: center;
}
.pdlist-title.pdlist-title-left {
  justify-content: flex-start;
}
.shipMent .check-box input:checked + label {
  background-image: url(/static/image/login/checkBlack.png);
}
.your-price-tips {
  color: var(--color-theme-1);
  cursor: default;
  margin-left: 3px;
  /* position: absolute;
    right: -4px; */
}
.vip .your-price-tips {
  color: var(--color-theme-1-vip);
}
.you-price-li {
  position: relative;
  width: 150px;
  line-height: normal;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  align-items: center;
}
.price-tips-box {
  width: 202px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 6px 8px;
  position: absolute;
  bottom: 55px;
  left: 100px;
  transform: translateX(-50%);
  word-break: break-word;
  margin: 0;
  font-size: 12px;
}
.price-tips-box::after,
.refresh-tips-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}
.align-items-center.category-wrap-flex {
  align-items: flex-start !important;
}
.new-href {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-theme-1);
  cursor: pointer;
}
.new-cancelButton {
  background: #F9F9F9;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  color: #999;
  font-size: 14px;
  height: 32px;
  width: 144px;
  margin-right: 10px;
}
.eBayErrTip {
  color: red;
  margin: 4px 0 0 120px;
  font-size: 12px;
}
.iconfont.iconshuaxin {
  position: relative;
  /* right: -16px; */
  font-size: 12px;
  color: var(--color-theme-1);
  cursor: pointer;
  margin-left: 3px;
}
.iconfont.iconqchu {
  font-size: 19px;
  color: var(--color-theme-1);
  margin-left: 3px;
  cursor: pointer;
}
.refresh-tips-box {
  width: 380px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: left;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  right: -190px;
  top: 6px;
  transform: translateX(-50%);
  word-break: break-word;
  font-size: 12px;
  z-index: 99;
}
.refresh-tips-box2 {
  width: 50px;
  right: -25px;
  top: 25px;
  cursor: pointer;
}
.refresh-tips-box::after {
  margin-left: 159px;
}
.refresh-tips-box2::after {
  margin-left: 7px;
}
.your-price-defaultCurrency {
  width: 43px;
  min-width: 43px;
  height: 17px;
  line-height: 17px;
  background: var(--color-theme-1);
  border-radius: 2px;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
}
.vip .your-price-defaultCurrency {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
}
.vip .iconfont.iconshuaxin {
  color: #bf9861;
}
.vip .iconfont.iconqchu {
  color: #dda863;
}
.vip .iconfont.iconqchu:hover {
  color: #bf9861;
}
.bulk-set .newLeftSpan {
  display: inline-block;
  width: 90px;
  text-align: right;
}
.okprice.disabled {
  pointer-events: none;
  opacity: 0.44;
  transition: 150ms;
}
.Reselect {
  margin-left: 10px;
}
.select-item .disableSelect {
  background: #fafafa !important;
  cursor: not-allowed;
}
.vip .pd-list-seclet .store .shopeeTips .tutorialLink {
  color: var(--color-theme-1-vip);
}
.isVip .new-CJ-content .new-hover:hover .view-icon {
  background: none !important;
}
.varSpec .tiktokIdentifierCodeBox {
  width: 150px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--color-font-1);
  font-size: 12px;
}
.varSpec .tiktokIdentifierCodeBox .tiktokIdentifierCodeSelect {
  width: 56px;
  height: 100%;
  background: #FBFBFB;
  border-radius: 4px 0px 0px 4px;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #E1E1E1;
  margin: 0;
}
.varSpec .tiktokIdentifierCodeBox .tiktokIdentifierCodeInput {
  padding-left: 8px;
  height: 100%;
  border: none;
  width: 90px;
}
.others-pane .other-paypal {
  width: 200px;
}
.others-pane .paypalmethod-tip {
  margin-bottom: 6px;
  margin-top: 3px;
  color: #666;
}
.others-pane .paypalmethod-tip a {
  color: var(--color-theme-1);
}
.edit-wish .select-category {
  flex-wrap: wrap;
}
.edit-wish .select-category .select-item {
  margin-bottom: 10px;
}
.category-wrap .pdlist-title {
  width: 110px;
}
#isCJPub {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
#isCJPub .new-CJ-content .failMessageBox {
  min-height: auto;
  border-bottom: none;
  margin-bottom: 20px;
  padding-bottom: 0;
  text-align: left;
  max-height: 350px;
  min-height: 100px;
  overflow-y: auto;
  padding: 0 20px 15px;
}
#isCJPub .new-CJ-content .failMessageBox p {
  border: none;
  margin: 0;
  padding: 0;
  max-height: unset;
  min-height: unset;
  overflow-y: unset;
}
#isCJPub .new-CJ-content .failMessageBox .failMessageTitle {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-font-1);
  line-height: 22px;
}
#isCJPub .new-CJ-content .failMessageBox .failMessageContent {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 20px;
}
#isCJPub .new-CJ-content .failMessageBox .nomt {
  margin-top: 0;
}
#isCJPub .new-CJ-content .failMessageBox .linkBox {
  margin-top: 10px;
}
#isCJPub .new-CJ-content .failMessageBox .linkBox .tutorialColor {
  color: var(--color-theme-1);
  margin-right: 2px;
}
#isCJPub .new-CJ-content .failMessageBox .linkBox .link {
  text-decoration: none;
  color: var(--color-font-2);
}
#isCJPub .new-CJ-content .failMessageBox .linkBox .link .rightIcon {
  font-size: 12px;
  color: var(--color-font-3);
}
#isCJPub .new-CJ-content .failMessageBox .linkBox .link:hover {
  color: var(--color-theme-1);
}
#isCJPub .new-CJ-content .failMessageBox .linkBox .link:hover .rightIcon {
  color: var(--color-theme-1);
}
#isCJPub .new-CJ-content .contentText {
  text-align: center;
  padding-bottom: 0;
  margin: 20px 0;
  min-height: auto;
  border-bottom: none;
}
#isCJPub .new-CJ-content .fontWeight {
  font-weight: 500;
  color: var(--color-font-1);
}
#isCJPub .new-CJ-content .desc {
  margin: 0 0 20px 0;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-3);
  line-height: 20px;
  border-bottom: none;
}
#isCJPub .new-CJ-content .hoverText {
  color: var(--color-theme-1);
  cursor: default;
}
#isCJPub .new-CJ-content .hoverText:hover {
  color: var(--color-theme-1-1);
  text-decoration: underline;
}
#isCJPub .new-CJ-content .hoverImageBox {
  width: 500px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  display: none;
  position: absolute;
  top: -70px;
  left: 208px;
}
#isCJPub .new-CJ-content .hoverImageBox::after {
  content: '';
  width: 0;
  height: 0;
  border-width: 6px 5px 0 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
#isCJPub .new-CJ-content .hoverImageBox img {
  width: 100%;
}
#isCJPub .new-CJ-content .hoverText:hover + .hoverImageBox {
  display: block;
}
#isCJPub .new-CJ-content .new-btn {
  padding: 6px 16px;
  font-size: 14px;
  line-height: normal;
}
#isCJPub .new-CJ-content .border-btn {
  color: var(--color-theme-1);
  border: 1px solid var(--color-theme-1);
  background: #ffffff;
  border-radius: 4px;
  margin-right: 16px;
}
#isCJPub .new-CJ-content .border-btn:hover {
  background-color: var(--color-theme-1-opacity10);
}
#isCJPub .new-CJ-content .imgLinkBtnBox {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#isCJPub .new-CJ-content .imgLinkBtnBox .imgLinkBtn {
  display: inline-block;
  margin-right: 16px;
}
.vip #isCJPub .new-CJ-content .border-btn {
  color: var(--color-theme-1-vip);
  border-color: var(--color-theme-1-vip);
}
.vip #isCJPub .new-CJ-content .border-btn:hover {
  background-color: var(--color-theme-1-vip-opacity10);
}
.vip #isCJPub .new-CJ-content .failMessageBox .linkBox .tutorialColor {
  color: var(--color-theme-1-vip);
}
.vip #isCJPub .new-CJ-content .failMessageBox .linkBox .link:hover {
  color: var(--color-theme-1-vip) !important;
}
.vip #isCJPub .new-CJ-content .failMessageBox .linkBox .link:hover .rightIcon {
  color: var(--color-theme-1-vip);
}
.newEditFrameWrap .confirmWidth {
  width: 70px;
}
.newEditFrameWrap .noBorder {
  border: none;
}
.newEditFrameWrap .opacityOff {
  opacity: 0.5;
  cursor: not-allowed;
}
.newEditFrameWrap .opacityOff input,
.newEditFrameWrap .opacityOff select,
.newEditFrameWrap .opacityOff .check-box {
  pointer-events: none;
}
.cantChecked {
  position: relative;
  padding-bottom: 20px!important;
}
.cantConncetWarning {
  display: flex;
  align-items: center;
  position: absolute;
  left: 77px;
  bottom: 0;
}
.cantConncetWarning .iconfont {
  color: var(--color-primary);
  font-size: 14px;
}
.cantConncetWarning span {
  color: #666;
  margin-left: 4px;
  font-size: 12px;
}
.newEditFrameWrap .newSelectCountry .selectComponent .select {
  padding: 0 20px 0 5px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px;
  height: 32px;
  width: 270px;
  background: #ffffff;
}
.newEditFrameWrap .selectDisabled {
  cursor: not-allowed;
  background-color: #fafafa !important;
}
.newEditFrameWrap .fontColor {
  color: var(--color-font-1) !important;
}
.newEditFrameWrap .newPleaseSelect {
  color: var(--color-font-3) !important;
}
.newEditFrameWrap .newPleaseSelect option {
  color: var(--color-font-1) !important;
}
.newEditFrameWrap .category-wrap .cj-shopify-collections .input-select {
  width: 400px !important;
}
.vip .newEditFrameWrap .category-wrap .Refresh {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .category-wrap .Refresh:hover {
  color: var(--color-theme-1-1-vip);
}
.newEditFrameWrap .wordBreak {
  word-break: break-word;
}
.newEditFrameWrap .themeColor {
  color: var(--color-theme-1);
}
.vip .newEditFrameWrap .themeColor {
  color: var(--color-theme-1-vip);
}
.newEditFrameWrap .newLogisticsList {
  position: relative;
  cursor: pointer;
}
.newEditFrameWrap .newLogisticsList .skulogistics {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 75px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
}
.newEditFrameWrap .edit-wish .tiktokUSTips {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-left: 12px;
}
.newEditFrameWrap .aliexpressTemplateWrap .blockItem {
  margin-left: 120px !important;
}
.center-layer.layer-anim {
  border-radius: 4px;
}
.center-layer .layui-layer-title {
  background-color: #ffffff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.layui-layer-page .layui-layer-content {
  padding: 0px 20px;
  margin: 0px;
  display: flex;
  align-items: center;
  border-bottom: 0;
  line-height: 1.5;
  color: #666666;
}
.layui-layer-page .layui-layer-content p {
  font-size: 14px;
}
.center-layer .layui-layer-btn {
  padding: 20px 0px;
  text-align: center;
  float: none;
  margin-right: -14px;
}
.center-layer .layui-layer-btn a {
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  font-weight: 100;
}
.center-layer .layui-layer-btn0 {
  color: #666666;
  border: 1px solid var(--color-line-1);
}
.newEditFrameWrap {
  height: 100%;
}
.newEditFrameWrap input::placeholder,
.newEditFrameWrap select::placeholder {
  color: var(--color-font-3);
  font-size: 14px;
}
.newEditFrameWrap input,
.newEditFrameWrap textarea {
  border: 1px solid #d9d9d9;
  outline: none;
}
.newEditFrameWrap input:hover,
.newEditFrameWrap textarea:hover,
.newEditFrameWrap input:focus,
.newEditFrameWrap textarea:focus,
.newEditFrameWrap input:active,
.newEditFrameWrap textarea:active {
  border-color: var(--color-theme-1) !important;
}
.newEditFrameWrap input[disabled]:hover {
  border-color: #d9d9d9 !important;
}
.newEditFrameWrap .disableInput {
  cursor: not-allowed;
}
.newEditFrameWrap .disableInput:hover {
  border-color: #d9d9d9 !important;
}
.newEditFrameWrap .selectop {
  border: 1px solid #ececec;
  border-radius: 3px;
}
.newEditFrameWrap .required {
  font-size: 14px;
  color: #DD4B1A;
  line-height: 20px;
}
.newEditFrameWrap .noMoreOption .cj-tooltip-padding {
  display: none;
}
.newEditFrameWrap .noMoreOption.cj-tooltip:hover .cj-tooltip-padding {
  display: block;
}
.newEditFrameWrap .editListTabBox {
  width: 100%;
  padding: 24px 20px 16px;
  display: flex;
  justify-content: start;
  align-items: start;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.newEditFrameWrap .editListTabBox .editListTabItem {
  margin-right: 60px;
  cursor: pointer;
  position: relative;
}
.newEditFrameWrap .editListTabBox .editListTabItem .editListTabItemText {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-font-1);
  line-height: 20px;
  position: relative;
}
.newEditFrameWrap .editListTabBox .editListTabItem .warnIcon {
  font-size: 16px;
  color: #DD4B1A;
  cursor: default;
}
.newEditFrameWrap .editListTabBox .editListTabItem .tabTooltipStyle {
  bottom: calc(-100% - 22px);
  padding-bottom: 0;
}
.newEditFrameWrap .editListTabBox .editListTabItem .tabTooltipStyle :global .cj-tooltip-content {
  font-size: 12px;
  padding: 5px 10px;
}
.newEditFrameWrap .editListTabBox .editListTabItem .tabTooltipStyle:after {
  bottom: 100%;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000000 transparent;
}
.newEditFrameWrap .editListTabBox .editListTabItem.active .editListTabItemText {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListTabBox .editListTabItem.active .editListTabItemText::after {
  content: '';
  width: 100%;
  height: 2px;
  background: var(--color-theme-1);
  position: absolute;
  left: 0;
  bottom: -20px;
}
.newEditFrameWrap .editListTabBox .editListTabItem:hover .editListTabItemText {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListTabBox .cancelIcon {
  font-size: 18px;
  cursor: pointer;
  color: var(--color-font-1);
  position: absolute;
  top: 12px;
  right: 24px;
}
.newEditFrameWrap .intellectual-tips {
  display: flex;
  align-items: center;
  line-height: 1;
  padding-bottom: 20px;
  padding-left: 20px;
}
.newEditFrameWrap .intellectual-tips .icontishi1x {
  color: var(--color-theme-1);
  margin-right: 10px;
}
.newEditFrameWrap .intellectual-content {
  width: 1140px;
  overflow: hidden;
}
.newEditFrameWrap .intellectual-content .marquee-box {
  white-space: nowrap;
  display: inline-block;
  animation: marqueeAnim 20s linear 0s infinite;
  animation-delay: 4s;
}
.newEditFrameWrap .intellectual-content .marquee-content {
  text-align: left;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer {
  padding: 14px 0 20px;
  height: calc(100% - 126px);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.newEditFrameWrap .editListContainer.editListContainerBg:before {
  content: '';
  width: 100%;
  height: 156px;
  background: var(--color-list-bg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.newEditFrameWrap .editListContainer .commonCheckBox {
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .commonCheckBox .iconfont {
  cursor: pointer;
  color: #E4E4E4;
}
.newEditFrameWrap .editListContainer .commonCheckBox .checked {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .commonCheckBox:hover .notChecked {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer {
  width: 100%;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}
.newEditFrameWrap .editListContainer .productsContainer .inputBorderRed {
  border-color: red;
}
.newEditFrameWrap .editListContainer .productsContainer .selectComponent .selectBox,
.newEditFrameWrap .editListContainer .productsContainer .singleSelectWrap {
  width: 568px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem {
  width: 100%;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .required {
  font-size: 14px;
  color: #DD4B1A;
  line-height: 22px;
  margin-right: 4px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .labelText {
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 22px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .desc {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  margin-left: 8px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .desc .link {
  font-size: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-theme-1);
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn .iconfont {
  font-size: 14px;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn:hover {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn:hover .iconfont {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .cj-shopify-collections {
  width: 568px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .cj-shopify-collections .input-click {
  border-color: #d9d9d9;
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .cj-shopify-collections .input-click:hover {
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .cj-shopify-collections .input-select .input-select-li {
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .selectShop {
  width: 568px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .selectShop .select-wrap .select-input .select-search {
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .selectShop .select-wrap .select-input .singleSelected {
  padding: 0 45px 0 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .selectShop .select-wrap .select-input .singleSelected .selectedDeleteBox {
  top: 8px;
  right: 24px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .selectShop .options-modal .select-options .select-option-item {
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax {
  margin-left: 12px;
  display: inline-block;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax .checkoutIcon {
  font-size: 16px;
  color: #E4E4E4;
  background: #ffffff;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax .isCheckoutIcon {
  font-size: 16px;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax .shopifyChargeTaxLabel {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax:hover .checkoutIcon {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit {
  margin-left: 12px;
  display: inline-block;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .ebayLimitItem {
  margin-right: 16px;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .ebayLimitItem .ebayLimitValue {
  color: var(--color-font-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .syncBtn {
  margin-left: 8px;
  font-size: 12px;
  color: var(--color-theme-1);
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .syncBtn .syncText {
  vertical-align: text-bottom;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .syncBtn:hover {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .mercadoLimitNumber {
  margin-left: 12px;
  display: inline-block;
  font-size: 14px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .mercadoLimitNumber .limitLabel {
  color: var(--color-font-2);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .mercadoLimitNumber .limitValue {
  color: var(--color-font-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .mercadoLimitNumber .limitValue.red {
  color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .storeNote {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-3);
  line-height: 20px;
  margin-top: 8px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .storeNote .noticeIcon {
  font-size: 16px;
  color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .normalSelect,
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .normalInput {
  width: 568px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .normalSelect {
  padding-left: 10px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox {
  position: relative;
  width: 100%;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox .categorySearchInput {
  width: 100%;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox .selectDropDown {
  width: 100%;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  height: 240px;
  overflow: auto;
  background: #ffffff;
  padding: 10px;
  z-index: 1300;
  box-shadow: 0px 5px 10px rgba(1, 1, 1, 0.15);
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox .selectDropDown li {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  padding: 6px 10px 6px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox .selectDropDown li:hover {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .titleInput {
  width: 100%;
  padding: 5px 12px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  resize: none;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .numberBox {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: -18px;
  font-size: 12px;
  color: #333;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .numberBox .nameLen {
  color: var(--color-font-3);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .numberBox .numberBoxRed {
  color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .requiredMsg {
  font-size: 12px;
  color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .paymentItem {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 32px;
  margin-right: 34px;
  height: 32px;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .paymentItem:nth-child(2) {
  margin-right: 12px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .paypalInput {
  width: 400px;
  height: 32px;
  line-height: 32px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox {
  position: relative;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .tagsInput {
  padding-right: 32px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .tagsInput:focus,
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .tagsInput:hover {
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .tagsInput.showPlaceholderColor::placeholder {
  color: #999999;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--color-font-3);
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox .addIcon {
  font-size: 18px;
  color: var(--color-font-3);
  position: relative;
  top: -1px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox:hover {
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox:hover .addIcon {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagslist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagslist .tagItem {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 22px;
  padding: 0 8px;
  background: #F2F2F2;
  border-radius: 2px;
  margin: 5px 8px 0 0;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagslist .tagItem:hover {
  background-color: #E4E4E4;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagslist .tagItem .delIcon {
  font-size: 12px;
  color: var(--color-font-3);
  cursor: pointer;
  margin-left: 8px;
  vertical-align: bottom;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap {
  position: relative;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap input::placeholder {
  color: var(--color-font-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .deleteBox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #D8D8D8;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .deleteBox .deleteIcon {
  font-size: 6px;
  color: #ffffff;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  width: 100%;
  max-height: 308px;
  min-height: 200px;
  background: #ffffff;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 99;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .addShopifyBox {
  color: #333333;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .addShopifyBox .addIconCircle {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--color-theme-1);
  margin-right: 7px;
  text-align: center;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .addShopifyBox .addIconCircle .addIcon {
  font-size: 14px;
  color: #ffffff;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 0 0 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsItem.selected {
  color: var(--color-theme-1);
  background: rgba(255, 119, 0, 0.2);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsItem:hover {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsList {
  width: 100%;
  max-height: 300px;
  min-height: 200px;
  overflow: auto;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsNoData {
  padding-top: 40px;
  text-align: center;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsNoData img {
  width: 64px;
  height: 64px;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .linkInput {
  width: 100%;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .contentError {
  font-size: 12px;
  color: #DD4B1A;
  display: none;
}
.newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .contentError.visible {
  display: block;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfoTitle {
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfo {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfo .packagingInfoLabel {
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfo .packagingRadio {
  display: flex;
  align-items: center;
  justify-content: start;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfo .packagingRadio .radioItem {
  margin-left: 30px;
}
.newEditFrameWrap .editListContainer .productsContainer .packagingInfo .packagingRadio .radioItem .name {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
  margin-left: 8px;
}
.newEditFrameWrap .editListContainer .productsContainer .storeBox {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.newEditFrameWrap .editListContainer .productsContainer .halfItemWidth {
  width: 568px;
}
.newEditFrameWrap .editListContainer .productsContainer .halfItemWidth .singleSelectWrap .singleSelectBox,
.newEditFrameWrap .editListContainer .productsContainer .halfItemWidth .singleSelectWrap .singleSelectDropDownWrap {
  width: 568px;
}
.newEditFrameWrap .editListContainer .productsContainer .attrList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip .codeIcon {
  font-size: 14px;
  color: var(--color-theme-1);
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip .codeIcon:hover {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip .codeToolText {
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 5px 10px;
  position: absolute;
  right: -21px;
  bottom: calc(100% + 4px);
  z-index: 2;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip .codeToolText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}
.newEditFrameWrap .editListContainer .productsContainer .codeToolTip:hover .codeToolText {
  visibility: visible;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox {
  display: flex;
  align-items: center;
  justify-content: start;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .formLabel {
  margin-bottom: 0;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem {
  position: relative;
  margin-left: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem input {
  position: absolute;
  left: 0;
  top: 2px;
  visibility: hidden;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem input + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem input + label::before {
  content: '\e7aa';
  font-family: 'iconfont';
  font-size: 16px;
  color: var(--color-font-3);
  margin-right: 8px;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem input:checked + label::before {
  content: '\e6fb';
  font-family: 'iconfont';
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 8px;
}
.newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem:hover input + label::before {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer {
  padding: 0 20px;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap {
  position: sticky;
  top: 0px;
  z-index: 100;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap.newTop {
  top: -16px;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap.sticky {
  background: #ffffff;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox {
  padding: 16px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F7E7D9;
  margin: 0 0 24px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem {
  margin-right: 60px;
  cursor: pointer;
  display: none;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem .iconfont {
  font-size: 16px;
  color: #333333;
  margin-right: 4px;
  display: none;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem .name {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem.isActived {
  cursor: default;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem.isActived .iconfont {
  display: inline-block;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem.isActived .name {
  font-weight: 600;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem.isActived:hover .name {
  color: #333333;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem.isShow {
  display: flex;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem:hover .name {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.newEditFrameWrap .editListContainer .variantsContainer .temuY2TipsBox {
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  padding: 10px 16px;
  margin-top: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .temuY2TipsBox .temuY2TipsContent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.newEditFrameWrap .editListContainer .variantsContainer .temuY2TipsBox .temuY2TipsContent .iconfont {
  font-size: 18px;
  color: #F7BA2A;
  margin: -4px 8px 0 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .temuY2TipsBox .temuY2TipsContent .desc p {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 16px;
  text-align: left;
  margin: 0 0 4px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .temuY2TipsBox .temuY2TipsContent .desc .fontWeight {
  font-weight: 600;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem {
  width: 370px;
  margin-right: 24px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem:last-child {
  margin-right: 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem .shipLabel {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem .shipValue {
  margin-top: 4px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem .shipValue .shippingInformationValueSelect {
  width: 370px;
  height: 32px;
  background-color: #FFFFFF !important;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipFlex .shipItem .shipValue .shippingInformationValueSelect.disableStyle:disabled {
  cursor: not-allowed;
  background-color: #f5f5f5 !important;
  opacity: 1;
}
.newEditFrameWrap .editListContainer .variantsContainer .shippingInformationPrice {
  width: 100%;
  height: 32px;
  background: #F9F8F8;
  border-radius: 4px;
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 8px 0 0 0;
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shippingInformationPrice .shippingInformationPriceItem {
  margin-right: 60px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shippingInformationPrice .shippingInformationPriceItem .label {
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  padding: 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .shippingInformationPrice .shippingInformationPriceItem .value {
  font-size: 12px;
  color: #333333;
}
.newEditFrameWrap .editListContainer .variantsContainer .usInventory {
  display: flex;
}
.newEditFrameWrap .editListContainer .variantsContainer .usInventory .label {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  padding: 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .usInventory .value {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipMessage {
  margin-top: 10px;
}
.newEditFrameWrap .editListContainer .variantsContainer .shipMessage .msgIcon {
  font-size: 16px;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .shipMessage span {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-3);
  line-height: 18px;
}
.newEditFrameWrap .editListContainer .variantsContainer .productPricing {
  margin-top: 12px;
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .productPricing .inputPriceBox .inputPrice {
  margin-left: 12px;
  width: 285px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 0 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .productPricing .exposureBox {
  margin-left: 24px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.newEditFrameWrap .editListContainer .variantsContainer .productPricing .exposureBox .exposureItem {
  margin-left: 24px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantDesc {
  margin: 12px 0;
  font-size: 14px;
  color: var(--color-font-2);
  text-align: left;
  font-weight: 400;
  line-height: 22px;
  padding: 10px 16px;
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  display: flex;
  align-items: start;
  justify-content: start;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantDesc .noticeIcon {
  font-size: 18px;
  color: #F7BA2A;
  display: inline-block;
  margin-right: 8px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantDesc p {
  margin: 0;
  font-size: 14px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox {
  margin-bottom: 24px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 12px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .bulkpriceBox,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .bulkpriceBox {
  display: flex;
  justify-content: start;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice p,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox p {
  font-size: 14px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .bulk-revise,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .bulk-revise {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-right: 8px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .bulkSelect,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .bulkSelect {
  width: 160px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #D9D9D9;
  border-right: none;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-left: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .bulkinput,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .bulkinput {
  width: 120px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  padding-left: 12px;
  margin-right: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .bulkinput:hover,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .bulkinput:hover {
  border-left-style: solid;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .okprice,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .okprice {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  min-width: 50px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 12px;
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
  padding: 0 8px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .okprice:hover,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .okprice:hover {
  background: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .checkNumber,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .checkNumber {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-font-2);
  line-height: 17px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .bulkprice .checkNumber .num,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuBatchBox .checkNumber .num {
  color: var(--color-font-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants {
  display: flex;
  margin: 12px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 16px;
  display: flex;
  margin-right: 8px;
  max-width: 240px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox {
  position: relative;
  z-index: 10;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIcon {
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 4px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIconToolText {
  width: 240px;
  height: 51px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  position: absolute;
  left: -8px;
  bottom: 28px;
  display: none;
  border-radius: 2px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIconToolText:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
  position: absolute;
  left: 10px;
  bottom: -10px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox:hover .questionIconToolText {
  display: block;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem {
  margin-right: 24px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsNotSelectIcon {
  font-size: 18px;
  color: #e6e6e6;
  margin-right: 8px;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsSelectIcon {
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 8px;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsSelectIcon.disable {
  cursor: not-allowed;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox {
  width: 560px;
  height: 32px;
  background: #FFFFFF;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 4px 30px 4px 4px;
  cursor: pointer;
  position: relative;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox.noPlaceholder::before {
  content: '';
  display: none;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox .slectedList {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  justify-content: start;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox .selectedItem {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  background: #F2F2F2;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox .selectedItem .iconguanbi1-copy {
  font-size: 12px;
  color: #999999;
  margin-left: 8px;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox .iconjiantou_xia {
  font-size: 16px;
  color: #999999;
  position: absolute;
  right: 10px;
  top: 6px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox:hover {
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown {
  width: 568px;
  max-height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: absolute;
  top: 38px;
  left: 119px;
  overflow: auto;
  z-index: 10;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .optionsList .optionItem {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding: 0 24px 0 12px;
  display: flex;
  justify-content: space-between;
  cursor: not-allowed;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .optionsList .optionItem.deleteEnable {
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .optionsList .optionItem .selectedIcon {
  font-size: 12px;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .optionsList .optionItem:hover {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .optionsList .optionItem.selected:hover {
  color: #666666;
  background: #FAFAFA;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData {
  height: 236px;
  text-align: center;
  padding-top: 40px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData img {
  width: 64px;
  height: 64px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData .noDataMessage {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData .noDataBtn {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: var(--color-theme-1);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 8px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .temuMultipleSelectDropDown .multipleSelectNoData .noDataBtn:hover {
  background: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .tips {
  font-weight: 400;
  font-size: 12px;
  color: var(--color-font-3);
  line-height: 17px;
  margin-left: 8px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item {
  overflow: auto;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .iconweigouxuan:before {
  color: #cbcbcb;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .iconfont.notAllowed::before {
  background: #F5F5F5 !important;
  cursor: not-allowed;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .check-box {
  /* margin-top: 15px; */
  width: 40px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .check-box .iconfont {
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .check-box.disabledCheck {
  cursor: not-allowed;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-title {
  background-color: #F0EDE7;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-title ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  margin-right: 10px;
  padding: 4px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-title li {
  text-align: center;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  line-height: 17px;
  word-wrap: break-word;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-title .temuSizeGroup {
  width: 69px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 1px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body {
  overflow: auto;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li {
  padding: 5px 0;
  display: flex;
  border-bottom: 1px solid #E6E6E6;
  align-items: center;
  justify-content: space-between;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li div {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  align-items: center;
  font-size: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .check-box .tips {
  position: absolute;
  z-index: 999999;
  width: max-content;
  max-width: 520px;
  padding: 4px 12px;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  font-size: 12px;
  border-radius: 4px;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .check-box .tips::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 5px 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  opacity: 0.75;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .check-box .checkTooltip {
  position: relative;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .check-box .checkTooltip:hover .tips {
  display: block;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .imageBox {
  position: relative;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .imageBox .wrongImage {
  width: 16px;
  height: 16px;
  background: #FFF5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 3px;
  border-radius: 0 0 2px 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .imageBox .wrongImage .iconfont {
  color: #DD4B1A;
  font-size: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edmodel {
  flex-direction: column;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edmodel p {
  font-size: 12px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edsku {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edcolor {
  width: 90px;
  text-align: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edmodel {
  text-align: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edship {
  width: 180px;
  flex-direction: column;
  line-height: normal;
  text-align: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .edprice {
  text-align: center;
  width: 80px;
  padding: 0 4px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .newLogisticsList .iconjiantou_xia {
  font-size: 16px;
  color: #666666;
  vertical-align: super;
  margin-left: 4px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .newLogisticsList .skulogisticsBox:hover .skulogistics,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .newLogisticsList .skulogisticsBox:hover .iconjiantou_xia {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body img {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #e8e8e8;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body input[type="text"],
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body input[type="number"] {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input {
  width: 130px;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input.errorSku {
  border-color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input.errorSku:hover {
  border-color: #DD4B1A !important;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input.errorSku ~ .errorText {
  display: block;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div .errorText {
  display: none;
  font-size: 12px;
  color: #DD4B1A;
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.beforeScroll:after {
  content: '';
  width: 2px;
  height: calc(100% - 44px);
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 99;
  box-shadow: -3px 0 10px rgba(0, 0, 0, 0.5);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.afterScroll::before {
  content: '';
  width: 2px;
  height: calc(100% - 44px);
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 99;
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.5);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.beforeScroll.decreaseHeight:after,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.afterScroll.decreaseHeight:before {
  content: '';
  height: calc(100% - 78px);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.beforeScroll.temuDecreaseHeight:after,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.afterScroll.temuDecreaseHeight:before {
  content: '';
  height: calc(100% - 132px);
}
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.beforeScroll.temuClothingDecreaseHeight:after,
.newEditFrameWrap .editListContainer .variantsContainer .variantsBox.afterScroll.temuClothingDecreaseHeight:before {
  content: '';
  height: calc(100% - 86px);
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList {
  padding-bottom: 24px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .title {
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .title .cj-tooltip .iconfont {
  font-size: 16px;
  color: var(--color-theme-1);
  font-weight: 400;
  margin-left: 4px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .contentWrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 15px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect {
  margin-right: 120px;
  display: flex;
  align-items: center;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect:last-child {
  margin-right: 0;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .sizeChartLabel {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-right: 23px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .sizeChartLabel .require {
  color: #DD4B1A;
  margin-right: 4px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .singleSelectWrap .selectComponent .selectBox,
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .singleSelectWrap .singleSelectBox,
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .singleSelectWrap .singleSelectDropDownWrap {
  width: 279px;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton {
  margin-left: 12px;
  font-size: 12px;
  color: var(--color-theme-1);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton .iconfont {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton:hover {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton:hover .iconfont {
  color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .variantsContainer .modelInfo {
  width: 100%;
  padding-bottom: 20px;
}
.newEditFrameWrap .editListContainer .variantsContainer .connectWarehouse {
  width: 100%;
  padding-bottom: 30px;
}
.newEditFrameWrap .editListContainer .descriptContainer,
.newEditFrameWrap .editListContainer .reviewContainer {
  padding: 0 20px;
}
.newEditFrameWrap .editListContainer .descriptContainer.hideEditor .wangEditor-container {
  display: none;
}
.newEditFrameWrap .editListContainer .descriptContainer #descritionText {
  width: 100%;
  height: 100%;
  padding: 12px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer {
  height: 100%;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .title {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-font-1);
  line-height: 22px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .title.mt32 {
  margin-top: 32px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .title .desc {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageListDesc {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 20px;
  margin: 8px 0 0 0;
  padding-left: 20px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul {
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li {
  width: 220px;
  height: 220px;
  background: #FBFBFB;
  border-radius: 3px;
  border: 1px solid #EEEEEE;
  margin: 16px 15px 0 0;
  position: relative;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li:nth-child(5n) {
  margin-right: 0;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li.disabled::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  cursor: not-allowed;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li .sizeTips {
  width: 100%;
  height: 50px;
  padding: 5px 12px;
  background: #FFF5F5;
  border-radius: 1px 1px 0px 0px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li .sizeTips .iconfont {
  font-size: 18px;
  color: #FF6010;
  margin: -4px 4px 0 0;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul li .sizeTips span {
  font-weight: 400;
  font-size: 14px;
  color: #DD4B1A;
  line-height: 20px;
  text-align: left;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item {
  position: relative;
  overflow: hidden;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item.slectedimg {
  border: 1px solid var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .imgsize {
  width: 100%;
  height: 100%;
  display: block;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .img-checkbox.checkbox {
  width: 219px;
  height: 219px;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 5;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .addsty {
  z-index: 10;
  position: absolute;
  left: 12px;
  top: 12px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .addsty.check-box {
  width: 16px;
  height: 16px;
  padding: 0;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .addsty .checkbox-label {
  position: absolute;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .addsty.isNormal,
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .addsty.isVIP {
  display: none;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 12px;
  top: 12px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .notChecked,
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .checked {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .notChecked {
  border: 1px solid #E4E4E4;
  transition: border-color 0.3s ease-in-out;
  background: #ffffff;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .notChecked:hover {
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .checked {
  border: 1px solid var(--color-theme-1);
  background: var(--color-theme-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .checked .checkIcon {
  font-size: 8px;
  color: #ffffff;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .viewImageBox {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .viewImageBox .viewImageIcon {
  font-size: 12px;
  color: var(--color-font-2);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .viewImageBox:hover .viewImageIcon {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .setMainImage {
  padding: 3px 12px 4px 12px;
  background: var(--color-theme-1);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 17px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: none;
  white-space: nowrap;
  cursor: pointer;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .setMainImage.mainImage {
  padding: 3px 18px 4px 18px;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  cursor: default;
  display: block;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .setMainImage:hover {
  background-color: var(--color-theme-1-1);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item:hover .imgsize {
  scale: 1.1;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item:hover .setMainImage {
  display: block;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item.disabled:hover .imgsize {
  scale: 1;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item.disabled:hover .setMainImage {
  display: none;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .uploader {
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .uploader i {
  font-size: 28px;
  color: #8c939d;
  cursor: pointer;
  font-style: normal;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .uploader input {
  display: none;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap {
  display: flex;
  align-items: end;
  padding: 16px 20px 36px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader {
  border: 2px dashed #D8D8D8;
  position: relative;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .imageTypeText {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -28px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .uploadContent {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .uploadContent .uploadIcon {
  font-size: 32px;
  color: var(--color-font-2);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .uploadContent .addText {
  font-size: 14px;
  color: var(--color-font-2);
  font-weight: 400;
  line-height: 22px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox {
  position: relative;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox .marketImage {
  width: 100%;
  height: 100%;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox .editBox {
  width: 100%;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: rgba(51, 51, 51, 0.7);
  transition: opacity 0.3s ease;
  cursor: pointer;
  display: none;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox .editBox .editIcon {
  font-size: 12px;
  color: #ffffff;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox .editBox:hover .editIcon {
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .tooltipsBox {
  width: 500px;
  border-radius: 4px;
  background: #ffffff;
  z-index: 999999;
  position: absolute;
  left: 0;
  bottom: 220px;
  padding: 12px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  display: none;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .tooltipsBox .descTitle {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .tooltipsBox .descItem {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 8px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader.smallImage {
  width: 220px;
  height: 220px;
  margin-right: 16px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader.larginImage {
  width: 164px;
  height: 220px;
  border-radius: 2px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader.temuMaterialPictures {
  width: 220px;
  height: 220px;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader:hover .tooltipsBox,
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader:hover .marketImageBox .editBox {
  display: block;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader.hideImageType {
  border: 1px solid #D8D8D8;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .materialDrawing .desc {
  color: #999999;
}
.newEditFrameWrap .editListContainer .imageAndVideoContainer .materialDrawing .imageUploader {
  border: 2px dashed #D8D8D8;
}
.newEditFrameWrap .editListContainer .proWarenNotice {
  font-size: 14px;
  color: var(--color-theme-1);
}
.newEditFrameWrap .editListContainer .font14 {
  font-size: 14px;
}
.newEditFrameWrap .editListContainer .font16 {
  font-size: 16px;
}
.newEditFrameWrap .editListContainer .fontWeight {
  font-weight: 500;
}
.newEditFrameWrap .editListContainer .mr24 {
  margin-right: 24px;
}
.newEditFrameWrap .editListContainer .mt24 {
  margin-top: 24px;
}
.newEditFrameWrap .editListContainer .newPleaseSelect {
  color: var(--color-font-3) !important;
  font-size: 12px !important;
}
.newEditFrameWrap .editListFooter {
  width: 100%;
  height: 63px;
  background: #FFFFFF;
  box-shadow: 0px -6px 20px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  position: relative;
  z-index: 99;
}
.newEditFrameWrap .editListFooter .backTopBtn {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.newEditFrameWrap .editListFooter .backTopBtn .iconfont {
  font-size: 14px;
}
.newEditFrameWrap .editListFooter .backTopBtn:hover {
  background: #F5F5F5;
}
.newEditFrameWrap .editListFooter button {
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  border-radius: 4px;
}
.newEditFrameWrap .editListFooter .cancelBtn {
  color: var(--color-font-2);
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
}
.newEditFrameWrap .editListFooter .cancelBtn:hover {
  background-color: #f5f5f5;
}
.newEditFrameWrap .editListFooter .confirmBtn {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
}
.newEditFrameWrap .editListFooter .confirmBtn:hover {
  background-color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.showBigImageUrlMask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  padding: 40px 56px;
}
.showBigImageUrlMask .bigImageWrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showBigImageUrlMask .bigImageWrap .bigImage {
  max-width: 100%;
  max-height: 100%;
}
.showBigImageUrlMask .bigImageWrap .closeBigImage {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -32px;
  top: -14px;
}
.showBigImageUrlMask .bigImageWrap .closeBigImage .imageCloseIcon {
  font-size: 16px;
  color: #ffffff;
}
.bigImageBox {
  width: 300px;
  height: 300px;
  border: 1px solid #e8e8e8;
  border-radius: 1px;
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: #ffffff;
}
.bigImageBox #bigImage {
  width: 100%;
  height: 100%;
}
.bigImageBox .wrongImage {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1002;
  width: 100%;
  height: 36px;
  background: #FFF5F5;
  font-weight: 400;
  font-size: 12px;
  color: #DD4B1A;
  line-height: 16px;
  padding: 0 10px;
  display: none;
  align-content: center;
}
.bigImageBox .wrongImage .iconfont {
  font-size: 14px;
  color: #DD4B1A;
  vertical-align: bottom;
}
.bigImageBox .wrongImage.visible {
  display: block;
}
.editImageTooltip {
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 15px;
  display: none;
  z-index: 1001;
}
.editImageTooltip .content {
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: flex;
  position: relative;
}
.editImageTooltip .content::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
}
.editImageTooltip.largeWidth .content::after {
  content: '';
  left: 85%;
}
.editImageTooltip.visible {
  display: block;
}
.editImageTooltip:hover {
  display: block;
}
.editImageTooltip .editImageItem {
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
  padding: 7px 10px;
  cursor: pointer;
  position: relative;
  visibility: visible;
  z-index: 2;
}
.editImageTooltip .editImageItem.hide {
  visibility: hidden;
}
.editImageTooltip .editImageItem .iconfont {
  font-size: 16px;
  color: var(--color-font-1);
  margin-right: 4px;
}
.editImageTooltip .editImageItem:nth-child(2)::before {
  content: '';
  width: 1px;
  height: 20px;
  background: #F5F5F5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.editImageTooltip .editImageItem:hover {
  background-color: #F5F5F5;
}
.dropDownComponent {
  position: fixed;
  top: 20px;
  left: 0;
  width: 254px;
  height: 180px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  text-align: left;
  overflow: auto;
  z-index: 101;
  margin-top: 4px;
  display: none;
}
.dropDownComponent.show {
  display: block;
}
.dropDownComponent.dropTop {
  top: -74px;
  left: 0;
}
.dropDownComponent .dropDownComponentItem {
  width: 100%;
  height: 24px;
  background: #FFFFFF;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  cursor: pointer;
}
.dropDownComponent .dropDownComponentItem:hover {
  color: var(--color-theme-1);
}
.dropDownComponent .dropDownComponentItem.active {
  background: rgba(255, 119, 0, 0.2);
  color: var(--color-theme-1);
}
.vip .newEditFrameWrap .intellectual-tips .icontishi1x {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .intellectual-content .marquee-content {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap input:hover,
.vip .newEditFrameWrap textarea:hover,
.vip .newEditFrameWrap input:focus,
.vip .newEditFrameWrap textarea:focus,
.vip .newEditFrameWrap input:active,
.vip .newEditFrameWrap textarea:active {
  border-color: var(--color-theme-1-vip) !important;
}
.vip .newEditFrameWrap .editListTabBox .editListTabItem.active .editListTabItemText {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListTabBox .editListTabItem.active .editListTabItemText::after {
  content: '';
  width: 100%;
  height: 2px;
  background: var(--color-theme-1-vip);
  position: absolute;
  left: 0;
  bottom: -20px;
}
.vip .newEditFrameWrap .editListTabBox .editListTabItem:hover .editListTabItemText {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .commonCheckBox:hover .notChecked,
.vip .newEditFrameWrap .editListContainer .commonCheckBox .checked {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn,
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn:hover,
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formLabel .refreshBtn .iconfont:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .syncBtn {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .ebayLimit .syncBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .tagsBox .addBox:hover .addIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsItem.selected {
  color: var(--color-theme-1-vip);
  background: rgba(221, 168, 99, 0.1);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .inputWrap .inputDropOptions .optionsItem:hover {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .categorySearchBox .selectDropDown li:hover {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax .isCheckoutIcon,
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .shopifyChargeTax:hover .checkoutIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .formItem .formContent .cj-shopify-collections .input-click:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem input:checked + label::before {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .productsContainer .publishedBox .quick_checkItem:hover input + label::before {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .moduleWrap .moduleBox .locationItem:hover .name {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .okprice {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .okprice:hover {
  background-color: var(--color-theme-2-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsSelectIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .temuMultipleSelectVariantWrap .temuMultipleSelectVariantBox .selectBox:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .newLogisticsList .skulogisticsBox:hover .skulogistics,
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body ul li .newLogisticsList .skulogisticsBox:hover .iconjiantou_xia {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input.errorSku {
  border-color: #DD4B1A;
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .variantsBox .listNow-table-item .pdlist-table-body .sku-div input.errorSku:hover {
  border-color: #DD4B1A !important;
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .cj-tooltip .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .newEditFrameWrap .editListContainer .variantsContainer .sizeChartList .sizeSelect .syncButton:hover .iconfont {
  color: var(--color-theme-1-1-vip);
}
.vip .newEditFrameWrap .editListContainer .proWarenNotice {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item.slectedimg {
  border-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .viewImageBox:hover .viewImageIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .setMainImage {
  color: var(--color-font-1);
  background-color: var(--color-theme-2-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .setMainImage:hover {
  background-color: var(--color-theme-2-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .notChecked:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imgul .img-item .checkBox .checked {
  border-color: var(--color-theme-1-vip);
  background-color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListContainer .imageAndVideoContainer .imageUploadWrap .imageUploader .marketImageBox .editBox:hover .editIcon {
  color: var(--color-theme-1-vip);
}
.vip .newEditFrameWrap .editListFooter .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip .newEditFrameWrap .editListFooter .confirmBtn:hover {
  background-color: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}
.vip .link {
  color: var(--color-theme-1-vip) !important;
}
.vip .link:hover {
  color: var(--color-theme-1-1-vip) !important;
}
.vip #isCJPub .CJ-content .new-hover {
  color: var(--color-theme-1-vip);
}
.vip #isCJPub .CJ-content .new-hover .view-icon {
  color: var(--color-theme-1-vip);
}
.vip #isCJPub .CJ-content .new-hover .view-icon::before {
  background-color: var(--mycj-color-theme-percent1);
}
.vip #isCJPub .CJ-content .new-hover:hover .view-icon {
  color: var(--color-theme-1-1-vip);
}
.vip #isCJPub .CJ-content .new-hover:hover .view-icon::before {
  background-color: var(--mycj-color-theme-percent1);
}
.vip .dropDownComponent .dropDownComponentItem:hover {
  color: var(--color-theme-1-vip);
}
.vip .dropDownComponent .dropDownComponentItem.active {
  background: rgba(221, 168, 99, 0.2);
  color: var(--color-theme-1-vip);
}
@keyframes marqueeAnim {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-600px);
  }
}
.listComponentWrap {
  width: 1400px;
  height: 100vh;
  display: flex;
  justify-content: start;
  align-items: start;
}
.listComponentWrap .commonFooterBtnBox {
  width: 100%;
  background: #FFFFFF;
  display: flex;
  justify-content: start;
  align-items: center;
}
.listComponentWrap .commonFooterBtnBox button {
  border-radius: 4px;
}
.listComponentWrap .commonFooterBtnBox .cancelBtn {
  color: var(--color-font-2);
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
}
.listComponentWrap .commonFooterBtnBox .cancelBtn:hover {
  background-color: #f5f5f5;
}
.listComponentWrap .commonFooterBtnBox .confirmBtn {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
}
.listComponentWrap .commonFooterBtnBox .confirmBtn:hover {
  background-color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.listComponentWrap .tabLeft {
  width: 200px;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #EEEEEE;
  text-align: center;
}
.listComponentWrap .tabLeft .tabTitle {
  width: 100%;
  padding: 0 0 0 6px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin: 25px 0 15px;
}
.listComponentWrap .tabLeft .tabLeftItem {
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  margin-bottom: 4px;
  font-size: 14px;
  color: var(--color-font-2);
  line-height: 20px;
  font-weight: 400;
}
.listComponentWrap .tabLeft .tabLeftItem:hover {
  color: var(--color-theme-1);
}
.listComponentWrap .tabLeft .tabLeftItem.active {
  font-weight: 500;
  color: var(--color-theme-1);
  background-color: var(--mycj-color-theme-percent1);
  border-left: 2px solid var(--color-theme-1);
}
.listComponentWrap .tabLeft .tabLeftItem .listedTemplateName {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.listComponentWrap .tabLeft .tabLeftItem .templateNameTooltipStyle {
  left: calc(100% + 6px);
  transform: unset;
  top: 6px;
  bottom: unset;
  padding: 0;
}
.listComponentWrap .tabLeft .tabLeftItem .templateNameTooltipStyle::after {
  border-width: 5px 6px 5px 0;
  border-color: transparent #000000 transparent transparent;
  left: -5px;
  bottom: unset;
  top: 8px;
  margin: 0;
}
.listComponentWrap .tabLeft .addBtn {
  display: inline-block;
  width: 184px;
  min-height: 32px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  cursor: pointer;
  background-color: #ffffff;
  outline: none;
  margin-top: 12px;
}
.listComponentWrap .tabLeft .addBtn .questionIcon {
  font-size: 16px;
  color: var(--color-font-2);
}
.listComponentWrap .tabLeft .addBtn .addTooltipStyle {
  text-align: left;
  min-width: 332px;
  margin-left: 12px;
}
.listComponentWrap .tabLeft .addBtn .addTooltipStyle.cj-tooltip .cj-tooltip-padding::after {
  margin-left: -18px;
}
.listComponentWrap .tabLeft .addBtn:hover {
  border-color: var(--color-theme-1);
  color: var(--color-theme-1);
}
.listComponentWrap .tabLeft .addBtn:hover .questionIcon {
  color: var(--color-theme-1);
}
.listComponentWrap .rightContainer {
  width: 1200px;
  height: 100vh;
}
.listComponentWrap .rightContainer .content {
  height: calc(100% - 63px);
}
.listComponentWrap .rightContainer .templateWrap {
  width: 100%;
  height: 100%;
  padding: 63px 0 0;
  background-color: #FBFBFB;
  position: relative;
}
.listComponentWrap .rightContainer .templateWrap .closeIcon {
  font-size: 18px;
  cursor: pointer;
  color: var(--color-font-2);
  position: absolute;
  top: 12px;
  right: 24px;
  margin-top: 10px;
}
.listComponentWrap .rightContainer .templateWrap .closeIcon:hover {
  color: var(--color-font-1);
}
.listComponentWrap .rightContainer .templateWrap .templateDesc {
  background: rgba(247, 186, 42, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(255, 179, 0, 0.3);
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 22px;
  display: flex;
  justify-content: start;
  align-items: start;
  margin-bottom: 16px;
  padding: 8px 16px;
  margin: 0 20px;
}
.listComponentWrap .rightContainer .templateWrap .templateDesc .descIcon {
  font-size: 18px;
  color: #F7BA2A;
  margin-right: 4px;
}
.listComponentWrap .rightContainer .templateWrap .title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailBox {
  height: calc(100% - 104px);
}
.listComponentWrap .rightContainer .templateWrap .actionWrap {
  padding: 0 20px;
  margin-top: 16px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 12px 0 24px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .formula {
  color: var(--color-font-1);
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action {
  color: var(--color-font-3);
  display: flex;
  justify-content: start;
  align-items: center;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn {
  cursor: pointer;
  position: relative;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn:first-child {
  margin-right: 32px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn:first-child::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: #EEEEEE;
  position: absolute;
  top: 0;
  right: -16px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn:hover {
  color: var(--color-theme-1);
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn.del:hover {
  color: #DD4B1A;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox {
  width: 325px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  bottom: 28px;
  z-index: 10;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid #ffffff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  bottom: -5px;
  right: 10px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .deleteText {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  line-height: 17px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .deleteText .iconfont {
  font-size: 14px;
  color: var(--color-theme-1);
  margin-right: 4px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .delectBtnBox {
  width: 100%;
  justify-content: flex-end;
  margin-top: 16px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .delectBtnBox button {
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .delectBtnBox .cancelBtn {
  margin-right: 10px;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox {
  padding: 30px 20px 0;
  background-color: #ffffff;
  height: calc(100% - 74px);
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList {
  height: calc(100% - 22px);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList .shopItem {
  padding: 16px;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: start;
  align-items: center;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList .shopItem .logo {
  width: 34px;
  height: 34px;
  border: 1px solid #eeeeee;
  margin-right: 24px;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList .shopItem .shopName {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList .shopItem .errorMsg {
  font-size: 12px;
  font-weight: 400;
  color: #DD4B1A;
  line-height: 17px;
  margin-top: 4px;
}
.listComponentWrap .rightContainer .templateWrap .shopLitBox .shopList .shopItem .errorMsg .iconfont {
  font-size: 12px;
  color: #DD4B1A;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData {
  width: 100%;
  margin-top: 24px;
  height: calc(100% - 46px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent {
  position: relative;
  top: -40px;
  text-align: center;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent img {
  width: 200px;
  height: 200px;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent .nodataMessage {
  margin: 20px 0 0 0;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent .retryBtn {
  outline: none;
  padding: 5px 16px;
  border-radius: 4px;
  border: 1px solid var(--color-theme-1);
  font-size: 14px;
  color: var(--color-theme-1);
  background-color: #ffffff;
  margin-top: 20px;
}
.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent .retryBtn:hover {
  background: rgba(255, 119, 0, 0.2);
}
.listComponentWrap .rightContainer .templateWrap .footer {
  width: 100%;
  height: 63px;
  background: #FFFFFF;
  box-shadow: 0px -6px 20px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.listComponentWrap .rightContainer .templateWrap .footer button {
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  border-radius: 4px;
}
.listComponentWrap .listFormModalMask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listComponentWrap .listFormModalMask .listFormModal {
  width: 1000px;
  background-color: #fff;
  border-radius: 4px;
}
.listComponentWrap .listFormModalMask .listFormModal .listFormTitle {
  background: #F7F5F4;
  padding: 16px;
  line-height: 1;
  position: relative;
}
.listComponentWrap .listFormModalMask .listFormModal .listFormTitle h3 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: var(--color-font-1);
}
.listComponentWrap .listFormModalMask .listFormModal .listFormTitle .closeIcon {
  font-size: 14px;
  color: var(--color-font-2);
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.listComponentWrap .listFormModalMask .listFormModal .listFormTitle .closeIcon:hover {
  color: var(--color-font-1);
}
.listComponentWrap .listFormModalMask .listFormModal .listFormContent {
  padding: 20px;
  height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
}
.listComponentWrap .listFormModalMask .listFormModal .listFormFooter {
  width: 100%;
  justify-content: center;
  padding: 20px;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
}
.listComponentWrap .listFormModalMask .listFormModal .listFormFooter button {
  min-width: 80px;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  border-radius: 4px;
  font-size: 14px;
}
.listComponentWrap .listFormModalMask .listFormModal .listFormFooter .cancelBtn {
  margin-right: 16px;
}
.listComponentWrap .listFormComponent .list-form .form-item .categoryBoxList .categoryItem .categorySelectBox .selectCategoryComponents .selectCategoryDropDownBox {
  max-width: 430px !important;
}
.vip.listComponentWrap .commonFooterBtnBox .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip.listComponentWrap .commonFooterBtnBox .confirmBtn:hover {
  background-color: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}
.vip.listComponentWrap .tabLeft .tabLeftItem:hover {
  color: var(--color-theme-1-vip);
}
.vip.listComponentWrap .tabLeft .tabLeftItem.active {
  color: var(--color-theme-1-vip);
  background-color: rgba(221, 168, 99, 0.1);
  border-left: 2px solid var(--color-theme-1-vip);
}
.vip.listComponentWrap .tabLeft .addBtn:hover {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip.listComponentWrap .tabLeft .addBtn:hover .questionIcon {
  color: var(--color-theme-1-vip);
}
.vip.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn:hover {
  color: var(--color-theme-1-vip);
}
.vip.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn.del:hover {
  color: #DD4B1A;
}
.vip.listComponentWrap .rightContainer .templateWrap .actionWrap .actionBox .action .actionBtn .deleteConfirmBox .deleteText .iconfont {
  color: var(--color-theme-1-vip);
}
.vip.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent .retryBtn {
  border: 1px solid var(--color-theme-1-vip);
}
.vip.listComponentWrap .rightContainer .templateWrap .templateDetailNoData .templateDetailNoDataContent .retryBtn:hover {
  background-color: rgba(221, 168, 99, 0.1);
}
.manualListPageWrap {
  width: 100%;
  height: 100%;
}
.manualListPageWrap .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.manualListPageWrap svg:not(:root) {
  overflow: hidden;
}
.manualListPageWrap .commonFooterBtnBox {
  width: 100%;
  background: #FFFFFF;
  display: flex;
  justify-content: start;
  align-items: center;
}
.manualListPageWrap .commonFooterBtnBox button {
  border-radius: 4px;
}
.manualListPageWrap .commonFooterBtnBox .cancelBtn {
  color: var(--color-font-2);
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
}
.manualListPageWrap .commonFooterBtnBox .cancelBtn:hover {
  background-color: #f5f5f5;
}
.manualListPageWrap .commonFooterBtnBox .confirmBtn {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
}
.manualListPageWrap .commonFooterBtnBox .confirmBtn:hover {
  background-color: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.manualListPageWrap .publicationGuidelinesBox {
  width: 360px;
  height: 167px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  text-align: center;
}
.manualListPageWrap .publicationGuidelinesBox .closeIcon {
  font-size: 12px;
  color: var(--color-font-2);
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
.manualListPageWrap .publicationGuidelinesBox .link {
  color: var(--color-theme-1);
  text-decoration: underline;
}
.manualListPageWrap .publicationGuidelinesBox .link:hover {
  color: var(--color-theme-1-1);
}
.manualListPageWrap .publicationGuidelinesBox p {
  margin: 40px 0 0 0;
}
.manualListPageWrap .publicationGuidelinesBox .btnBox {
  margin-top: 20px;
  justify-content: center;
}
.manualListPageWrap .publicationGuidelinesBox .btnBox button {
  padding: 6px 16px;
  font-size: 14px;
}
.manualListPageWrap .publicationGuidelinesBox .btnBox .cancelBtn {
  margin-right: 16px;
}
.vip.manualListPageWrap .commonFooterBtnBox .confirmBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip.manualListPageWrap .commonFooterBtnBox .confirmBtn:hover {
  background-color: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}
.vip.manualListPageWrap .publicationGuidelinesBox .link {
  color: var(--color-theme-1-vip);
}
.vip.manualListPageWrap .publicationGuidelinesBox .link:hover {
  color: var(--color-theme-1-1-vip);
}