/*@font-face
{
  font-family: SourceHanSansSC;
  src: url('../fonts/SourceHanSansSC-Regular.ttf'),
  url('../fonts/SourceHanSansSC-Regular.eot')
}*/
:root {
  --color-primary: #ff7700;
  --color-secondary: #ff9900;
  --color-primary-opacity1: rgba(255, 119, 0, 0.14);
  --color-primary-opacity2: rgba(255, 119, 0, 0.44);
  --color-primary-opacity3: rgba(255, 119, 0, 0.9);
  --color-font1: #333;
  --color-font2: #666;
  --color-font3: #999;
  --color-theme-1: #FF7700;
  --color-theme-1-opacity10: rgba(255, 119, 0, 0.1);
  --color-theme-1-opacity20: rgba(255, 119, 0, 0.2);
  --color-theme-1-opacity50: rgba(255, 119, 0, 0.5);
  --color-theme-1-vip: #dda863;
  --color-theme-1-vip-opacity10: rgba(221, 168, 99, 0.1);
  --color-theme-1-vip-opacity20: rgba(221, 168, 99, 0.2);
  --color-theme-1-vip-opacity50: rgba(221, 168, 99, 0.5);
  --color-theme-1-1: #E56A00;
  --color-theme-1-1-vip: #C69658;
  --color-theme-2: #FFFFFF;
  --color-theme-2-vip: #F1D69E;
  --color-theme-2-1: #FF7700;
  --color-theme-2-1-vip: #D8C08D;
  --color-theme-gradient-1: linear-gradient(135deg, #FFCC75, #F78E29);
  --color-theme-gradient-1-vip: linear-gradient(135deg, #F2D7A1, #DFAD65);
  --color-theme-gradient-2: linear-gradient(#FDA22C, #FF7700);
  --color-theme-gradient-2-vip: linear-gradient(#FAE9BB, #F0D49C);
  --color-font-1: #333333;
  --color-font-2: #666666;
  --color-font-3: #999999;
  --color-font-4: #FFFFFF;
  --color-font-5: rgba(255, 255, 255, 0.5);
  --color-font-5-vip: rgba(241, 214, 158, 0.5);
  --color-font-6: #EEEEEE;
  --color-line-1: #D9D9D9;
  --color-line-2: rgba(255, 119, 0, 0.15);
  --color-line-3: #e4e4e4;
  --color-line-4: #999999;
  --color-line-5: #FFFFFF;
  --color-line-5-vip: #FCD88F;
  --color-line-6: #EEEEEE;
  --color-line-7: #FF7700;
  --color-line-8: #EDEDED;
  --color-bg-1: #F0F4F6;
  --color-bg-2: rgba(255, 119, 0, 0.1);
  --color-bg-3: rgba(228, 228, 228, 0.22);
  --color-bg-4: #262626;
  --color-bg-5: #FAFAFA;
  --color-bg-6: #000000;
  --color-bg-7: #F0EDE7;
  --color-bg-9: #F9F8F8;
  --color-bg-10: #FFFFFF;
  --color-bg-11: #F1D69F;
  --color-bg-12: rgba(241, 214, 159, 0.5);
  --color-bg-13: #F1D69E;
  --color-bg-13-vip: #F1D69E;
  --color-bg-13-1: #FCD88F;
  --color-bg-13-1-vip: #FCD88F;
  --color-bg-14: #F9F9F9;
  --color-bg-14-1: #F5F5F5;
}
.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;
}
.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: "PingFang SC", SourceHanSansSC;*/
  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", SourceHanSansSC;*/
  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');
} */
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 1265799 */
  src: url('//at.alicdn.com/t/c/font_1265799_aej0146at7s.woff2?t=1676887867033') format('woff2'), url('//at.alicdn.com/t/c/font_1265799_aej0146at7s.woff?t=1676887867033') format('woff'), url('//at.alicdn.com/t/c/font_1265799_aej0146at7s.ttf?t=1676887867033') 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;
}
.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: #FF7700;
}
#isCJPub .CJ-content a:hover {
  color: #ff9900;
  text-decoration: underline;
}
#isCJPub .CJ-content .new-hover:hover {
  text-decoration: none !important;
}
#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: #ff9900;
  text-decoration: none;
}
#isCJPub .CJ-content .new-hover .view-icon:before {
  display: inline-block;
  width: 26px;
  height: 24px;
  line-height: 24px;
  /* background: red; */
  background: #FFF1E5;
  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: #FFF4E5;
  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 5px;
  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 {
  background: var(--color-theme-gradient-1-vip);
}
#isCJPub.isVip .CJ-content .btn1:hover {
  background: var(--color-theme-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: #FF7700;
  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';
}
.d-flex-items-center {
  display: flex;
  align-items: center;
}
.common-header .header-search-fixed {
  position: fixed;
  top: 0;
  z-index: 10000;
  /* box-shadow: 0 1px 6px rgba(0, 0, 0, .15); */
  box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.33);
}
.common-header {
  width: 100%;
}
.quick-navigation a.active {
  color: #FF7700 !important;
}
/*------新版首页-------*/
/*币种----------------*/
.header-nav .currency {
  /* width: 210px; */
  width: 170px;
}
.header-nav .currency .split {
  padding: 0 4px 0px 4px;
  position: relative;
  top: -1px;
}
.national-flag {
  position: relative;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.national-flag img {
  width: 24px;
  height: 18px;
  /* margin-top: 10px; */
  box-shadow: 0 0 1px #ccc;
}
.ship-to-span .icon-flag {
  margin-left: 4px;
}
.ship-to-span {
  display: flex;
  align-items: center;
}
.ship-to-span .currency,
.ship-to-span .select-title {
  width: initial;
  max-width: 80px;
  /* display: inline-block; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.national-flag:hover {
  color: #FF7700;
}
.national-flag:hover:after {
  border-color: #FF7700 transparent transparent transparent;
}
.national-flag .select-wrap {
  position: absolute;
  top: 44px;
  left: 0px;
  width: 240px;
  /* padding: 14px; */
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.33);
  background: #fff;
  border-radius: 4px;
  z-index: 999;
  color: #40424C;
  text-align: left;
  line-height: normal;
}
.select-wrap .box {
  padding: 14px;
  color: #333;
  transition: 0.5s;
}
.select-wrap .box .select-title {
  line-height: 21px;
}
.select-wrap .box .info-show {
  position: relative;
  margin: 10px 0;
  border-radius: 2px;
  border: 1px solid #ccc;
  line-height: 34px;
  padding: 0 9px;
}
.select-wrap .box .info-show img {
  margin-right: 0.8rem;
}
.select-wrap .box .info-show .icon {
  width: 0;
  height: 0;
  border-top: 5px solid #999999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.select-wrap .box .select-box {
  position: absolute;
  top: 34px;
  left: -1px;
  right: -1px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
}
.select-wrap .box .select-box .select-list {
  max-height: 340px;
  padding: 4px 0;
  overflow: auto;
  background: #fff;
  border-radius: 2px;
}
.select-wrap .box .select-box .select-list .select-item {
  padding-left: 22px;
  position: relative;
}
.select-wrap .box .select-box .select-list .select-item:hover {
  background: rgba(239, 239, 239, 0.7);
}
.yes-img {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.select-list .select-item .item-flg-img {
  width: 24px;
  margin-right: 4px;
  vertical-align: middle;
  border-style: none;
}
.national-flag .current-select {
  appearance: none;
  -webkit-appearance: none;
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 25%;
  width: 100%;
  z-index: 9;
  background: none;
  height: 100%;
}
.national-flag .flag-save {
  text-align: center;
  /* padding: 2px 0; */
  border-radius: 4px;
  background: #FF7700;
  color: #fff;
  cursor: pointer;
  line-height: 34px;
}
.national-flag .current-wrap {
  cursor: pointer;
  width: 212px;
  height: 36px;
  margin: 10px 0;
}
.national-flag .current {
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 0 9px;
  width: 212px;
  height: 36px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.national-flag .current .text {
  margin-right: 1rem !important;
}
.national-flag .current.show-list {
  border-radius: 4px 4px 0 0;
}
.national-flag .current-top {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.national-flag .current:after {
  content: '';
  position: absolute;
  top: 44%;
  right: 10px;
  border-color: #40424C #fff #fff #fff;
  border-style: solid;
  border-width: 5px 5px 0 5px;
}
.national-flag .current img {
  /* margin-right: 4px; */
}
.national-flag .select-flag-wrap {
  position: absolute;
  left: -1px;
  right: -1px;
  z-index: 1;
  top: 34px;
}
.national-flag .select-flag-search input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 9px;
  height: 42px;
  line-height: 25px;
}
.national-flag .select-flag-group {
  width: 100%;
  max-height: 160px;
  padding: 4px 9px;
  overflow: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.national-flag .select-flag-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*----------------------*/
.common-header .content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-header .header-nav {
  background-color: #40424C;
  line-height: 38px;
}
.header-nav-content {
  font-size: 14px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.common-header .triangle-after:after {
  content: '';
  display: none;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
  /* margin-left: 10px; */
  margin-left: 6px;
}
.quick-navigation {
  display: flex;
}
.quick-navigation-item {
  flex: 1;
  position: relative;
  /* padding: 0 18px; */
}
.quick-navigation-item:after {
  content: "";
  position: absolute;
  height: 40%;
  width: 1px;
  background-color: #fff;
  top: 30%;
  right: -0.15px;
}
.quick-navigation-item:last-child:after {
  content: "";
  display: none;
  position: absolute;
  height: 40%;
  width: 1px;
  background-color: #fff;
  top: 30%;
  right: 0;
}
.quick-navigation-item:hover {
  cursor: pointer;
}
.quick-navigation-item.width a {
  /* width: 140px;
    text-align: center;
    padding:0; */
}
.quick-navigation-item > a {
  font-size: 14px;
  /* line-height: 16px; */
  font-weight: 500;
  color: #ffffff !important;
  padding: 0 18px;
  /* border-right: 1px solid #fff; */
  display: inline-block;
  white-space: nowrap;
  text-decoration: none !important;
}
.quick-navigation-item:hover > a {
  color: #FF7700 !important;
}
.quick-navigation-item:first-child > a {
  /* padding-left: 0; */
}
.quick-navigation-item:last-child > a {
  border-right: none;
  /* padding-right: 0; */
}
.quick-navigation-item.list > a {
  /* width: 130px; */
  /* padding: 0; */
  /* text-align: center; */
}
.quick-navigation-item.list > a:after {
  content: '';
  display: none;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  height: 0;
  width: 0;
  margin-left: 5px;
  position: relative;
  top: 11px;
}
.quick-navigation-item.list .child-list a {
  display: block;
  color: #666;
  text-decoration: none;
  text-align: left;
  width: 100%;
}
.quick-navigation-item.list .child-list a:hover span {
  color: #FF7700;
}
.quick-navigation-item.list:hover > a:after {
  content: '';
  display: none;
  border-width: 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent #FF7700;
  top: -11px;
}
.quick-navigation-item.list:hover .child-list {
  opacity: 1;
  transition: 0.5s;
  z-index: 4;
}
.quick-navigation-item.list:hover .child-list.Authorization-box {
  width: 166px;
  max-height: 533px;
}
.quick-navigation-item.list:hover .child-list.Warehouses-box {
  width: 228px;
  max-height: 440px;
  overflow-y: auto;
  padding-bottom: 30px;
}
.quick-navigation-item.list .child-list.Authorization-box .child-item .plateformImg {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border: 1px solid #e5e5e5;
}
.quick-navigation-item.list .child-list.Warehouses-box .child-item .countryImg {
  width: 24px;
  height: 18px;
  margin-right: 8px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
}
.quick-navigation-item.list:hover .child-list.Warehouses-box .child-item {
  text-align: left;
  padding-left: 20px;
}
.quick-navigation-item.list:hover .child-list.Warehouses-box .child-item a {
  display: inline-block;
  padding: 0;
}
.quick-navigation-item .myCJOutLine {
  display: inline-block;
  width: 100px;
  height: 38px;
  background: transparent;
  position: absolute;
  top: 0;
  left: 12px;
  cursor: pointer;
  padding: 0;
  color: #fff;
}
.my-cj-box {
  position: relative;
  padding-left: 19px;
  width: 100px;
  text-align: center;
}
.my-cj-box svg * {
  stroke: #fff;
}
.my-cj-box:hover svg * {
  stroke: #ff7700;
}
.quick-navigation-item:hover #my-cj {
  color: #ff7700;
}
@keyframes fadeInDown {
  0% {
    transform: translate3d(0, -10%, 0);
  }
  50% {
    transform: translate3d(0, 10%, 0);
  }
  100% {
    transform: translate3d(0, -10%, 0);
  }
}
.arrow-container .arrow {
  transition: 0.5s height;
  background-color: #fff;
  overflow: hidden;
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 187px;
  color: #999;
  height: 0;
  text-align: center;
  /* box-shadow: 0 -1px 5px rgba(0,0,0,0.08); */
  border-radius: 0 0 4px 4px;
}
.quick-navigation-item.list:hover .arrow {
  height: 30px;
}
.arrow-container .arrow i {
  font-size: 12px;
  display: inline-block;
  animation: fadeInDown 1000ms infinite;
}
.arrow-container .arrow i::before {
  /* display: inline-block; */
  /* transform: rotate(90deg); */
}
.arrow-container .arrow.deg {
  box-shadow: none;
}
.arrow-container .arrow.deg i::before {
  transform: rotate(-180deg);
}
.quick-navigation .child-list-box {
  z-index: 1000;
  left: 0;
  position: absolute;
  top: 40px;
}
.quick-navigation .child-list {
  /* min-width: 180px; */
  min-width: 100%;
  margin-top: 6px;
  text-align: center;
  color: #666;
  box-shadow: 0px 0px 4px 1px rgba(213, 212, 212, 0.48);
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: 0.5s;
}
.quick-navigation .child-item {
  line-height: 38px;
  background: #ffffff;
  height: 38px;
  padding: 0 0 0 20px;
  font-size: 14px;
  white-space: nowrap;
}
.quick-navigation .child-item:hover {
  background: rgba(255, 119, 0, 0.2);
  color: #f70;
}
.common-header .login-register {
  /* width: 300px; */
  width: 370px;
}
.common-header .not-logged {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.common-header .not-logged .sign {
  margin-right: 28px;
}
.common-header .not-logged a {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.common-header .not-logged a:hover {
  color: #FF7700;
}
.common-header .register-box {
  width: 96px;
  height: 28px;
  /* line-height: 28px; */
  border-radius: 2px;
  border: 1px solid #FF7700;
  color: #FF7700;
  background-color: unset;
  /* margin-left: 1.5rem; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-header .register-box:hover {
  border: 1px solid #FB9600;
}
.common-header .register-box .ml-4 {
  margin: 0;
  color: #FF7700;
  margin-left: 0 !important;
}
.common-header .register-box .ml-4:hover {
  color: #FB9600;
}
.common-header .sjb-icon {
  left: -100000px;
}
.common-header .not-logged .sign i {
  margin-right: 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/static/image/CJ-home/icon_profile@2x.svg");
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.common-header .sign:hover i {
  background-image: url("/static/image/CJ-home/icon_profile copy@2x.png");
}
.common-header .has-logged {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.common-header .support {
  position: relative;
}
.common-header .user-operating {
  position: relative;
  margin-right: 17px;
  justify-content: center;
  /* height: 40px; */
  height: 38px;
}
.common-header .avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 6px;
}
.common-header .name-box {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.message {
  /* width: auto; */
  /* margin-right: 20px; */
  /* cursor: pointer; */
}
.mes-img-logo1 {
  display: none;
}
.message:hover .mes-img-logo1 {
  display: inline-block;
}
.iconMessage {
  color: #fff;
}
.common-header .user-operating .user-ul {
  width: auto !important;
  background: #ffffff;
  /* box-shadow: 0px 0px 4px 1px rgba(213, 212, 212, 0.48); */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  position: absolute;
  top: 46px;
  left: -20px;
  z-index: 10000;
  opacity: 0;
  transition: 0.5s;
  height: 0;
  overflow: hidden;
}
.common-header .user-operating .user-ul li {
  padding: 0 18px;
}
.common-header .support:hover .support-ul {
  opacity: 1;
  transition: 0.5s;
  height: 152px;
}
.common-header .support .support-ul {
  width: auto !important;
  min-width: 145px;
  /* left: -20px; */
  right: 0;
}
.common-header .user-operating:hover .user-ul {
  opacity: 1;
  transition: 0.5s;
  height: 190px;
}
.common-header .user-ul:hover {
  overflow: initial;
}
.common-header .tool:hover .tool-ul {
  display: block;
  opacity: 1;
  height: initial;
  top: 0;
  left: initial;
  right: calc(100% - 1px);
}
.common-header .support:hover,
.common-header .user-operating:hover {
  color: #FF7700;
}
.common-header .user-operating:hover .name-box {
  color: #fff;
}
.common-header .hover-arrow:hover:after {
  content: '';
  display: none;
  vertical-align: middle;
  /* margin-left: 10px; */
  width: 0;
  height: 0;
  border-width: 0 5px 5px;
  border-style: solid;
  border-color: transparent transparent #FF7700;
}
.common-header .login-register ul {
  width: 172px !important;
  background: #ffffff;
  /* box-shadow: 0px 0px 4px 1px rgba(213, 212, 212, 0.48); */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  position: absolute;
  top: 46px;
  /* left: 0; */
  z-index: 10000;
  opacity: 0;
  transition: 0.5s;
  height: 0;
  overflow: hidden;
}
.common-header .login-register li {
  display: flex;
  align-items: center;
  height: 38px;
  background-color: #fff;
  /* background: rgba(255,119,0,1); */
  line-height: 38px;
  font-size: 14px;
  /*font-family: PingFangSC-Regular;*/
  font-weight: 400;
  color: #333333;
  padding-left: 18px;
  z-index: 100;
}
.common-header .login-register li:nth-child(1) {
  border-radius: 4px 4px 0px 0px;
}
.common-header .login-register li:last-child {
  border-radius: 0px 0px 4px 4px;
}
.common-header .login-register li a {
  font-size: 14px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 400;
  color: #333333;
  text-align: left;
  width: calc(100% - 46px);
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
.common-header .tool-ul li a {
  width: 100%;
}
.common-header .login-register li:hover {
  background: rgba(255, 119, 0, 0.2);
}
.common-header .login-register li:hover a {
  color: #FF7700;
}
.common-header .login-register li:hover span {
  color: #FF7700 !important;
}
.common-header .login-register li:hover p {
  color: #FF7700 !important;
}
.common-header .support-ul li i.ticket {
  background-image: url("/static/image/CJ-home/icon_ticket@2x.png");
}
.common-header .support-ul li i.tutorial {
  background-image: url("/static/image/CJ-home/icon_Tutorial@2x.png");
}
.common-header .support-ul li i.faq {
  background-image: url("/static/image/CJ-home/icon_FAQ@2x.png");
}
.common-header .support-ul li i.facebook {
  background-image: url("/static/image/CJ-home/icon_facebookcopy@2x.png");
}
.common-header .support-ul li i {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.common-header .support-ul li:hover i {
  color: #FF7700;
}
.common-header .support-ul li i.newuser {
  background-image: url("/static/image/CJ-home/icon_guide copy@2x.png");
}
.common-header .support-ul li:hover i.ticket {
  background-image: url("/static/image/CJ-home/icon_ticket copy@2x.png");
}
.common-header .support-ul li:hover i.tutorial {
  background-image: url("/static/image/CJ-home/icon_Tutorial Copy@2x.png");
}
.common-header .support-ul li:hover i.faq {
  background-image: url("/static/image/CJ-home/icon_FAQ Copy@2x.png");
}
.common-header .support-ul li:hover i.facebook {
  background-image: url("/static/image/CJ-home/icon_facebook@2x.png");
}
.common-header .support-ul li:hover i.newuser {
  background-image: url("/static/image/CJ-home/icon_guide@2x.png");
}
.user-operating .user-ul {
  width: 120px !important;
}
.user-operating .user-name {
  max-width: 70px;
  overflow: hidden;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  font-weight: 500;
  /* margin-left: 5px; */
}
.common-header .user-ul li:hover .tool-ul a {
  color: #333333;
}
.common-header .tool-ul {
  position: absolute;
  left: 120px;
  top: 0px;
  display: none;
  height: initial;
  opacity: 1;
}
.common-header .tool-ul li:hover a {
  color: #FF7700 !important;
}
.header-search {
  width: 100%;
  height: 78px;
  background: #ffffff;
}
.header-search .logo {
  width: 200px;
  height: 40px;
}
.header-search-content {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
}
.header-search-content .search {
  display: flex;
  align-items: center;
  position: relative;
  /* width: 660px; */
  width: 100%;
  margin: 0 10px;
  border-top-left-radius: 2px!important;
  border-bottom-left-radius: 2px!important;
}
.header-search-content .search-box {
  width: calc(100% - 64px);
  /* width: 100%; */
  display: flex;
  border: 1px solid #cccccc;
  height: 38px;
  border-top-left-radius: 2px!important;
  border-bottom-left-radius: 2px!important;
}
.common-top-cart-btn {
  height: 38px;
  background: #f70;
  border-radius: 2px;
  line-height: 38px;
  padding: 0 13px;
  color: #fff;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.common-top-cart-btn:hover {
  background-color: var(--color-theme-1-1);
}
.cart-btn-num {
  background: #fff;
  border-radius: 9px;
  color: #ff7700;
  padding: 2px 4px;
  line-height: 14px;
  margin-left: 1px;
  font-size: 14px;
}
@keyframes bigCount {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.header-search-content .img-upload {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  margin-bottom: 1px;
}
.header-search-content .img-upload:hover {
  cursor: pointer;
}
.header-search-content label {
  /* line-height: 33px;
    position: relative;
    width: 32px; */
  line-height: 36px;
  position: relative;
  width: 32px;
  height: 36px;
  text-align: center;
  margin: 0 !important;
}
.header-search-content .layer {
  width: 220px;
  height: 30px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 999;
}
.header-search-content input {
  width: 100%;
  /* height: 38px; */
  border-radius: 2px 0px 0px 2px;
  /* border: 1px solid rgba(189, 189, 189, 1); */
  border-right: none;
  padding: 0 10px 0 8px;
  font-size: 14px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  color: #999999;
}
.header-search-content input::placeholder {
  color: #999;
  font-size: 12px;
}
.header-search-content .category {
  padding: 0 15px 0 0;
  color: #333333;
  font-size: 12px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  /*position: absolute;*/
  /*right: 80px;*/
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  line-height: 36px;
  /* border-top: 1px solid rgba(189, 189, 189, 1);
    border-bottom: 1px solid rgba(189, 189, 189, 1); */
}
.header-search-content .category:before {
  content: '';
  width: 1px;
  background-color: #DDDDDD;
  height: 20px;
  margin: 0 15px;
}
.header-search-content .category:after {
  content: '';
  border-color: #BDBDBD transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
  margin-left: 15px;
}
.category-ul {
  width: 243px;
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 100;
  border-radius: 2px;
  overflow: hidden;
  text-align: left;
}
.category-ul li {
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  color: #666666;
  font-size: 14px;
  /*font-family: PingFangSC-Regular;*/
  font-weight: 400;
  cursor: pointer;
}
.category-ul li:hover {
  background: rgba(255, 119, 0, 0.2);
  color: #FF7700;
}
.header-search-content .search-btn {
  width: 64px;
  height: 38px;
  background: #f70;
  border-radius: 0px 2px 2px 0px;
  line-height: 34px;
  text-align: center;
  padding-top: 1px;
  cursor: pointer;
}
.header-search-content .search-btn:hover {
  background-color: var(--color-theme-1-1);
}
.header-search-content .search-btn i {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/icon_search@2x.png);
  width: 24px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
}
.header-search-content .img-box {
  display: flex;
  border-radius: 2px;
  margin: 3px 0 3px 8px;
}
.header-search-content .img-box img {
  width: 30px;
  padding: 1px 0 1px 1px;
}
.header-search-content .img-clear {
  align-self: center;
  padding: 0 7px;
  cursor: pointer;
}
.header-search-content .see-more {
  background-color: #FF7700;
  border-radius: 2px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  /* width: 170px; */
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding: 0 28px;
}
.header-search-content .see-more span {
  display: block;
  width: max-content;
}
.header-search-content .see-more:hover {
  background-color: var(--color-theme-1-1);
  color: #fff;
}
.header-search-content .see-more:hover .third-party {
  height: 160px;
  opacity: 1;
  transition: 0.5s;
}
.header-search-content .third-party {
  position: absolute;
  top: 45px;
  left: 0;
  width: max-content;
  min-width: 100%;
  font-size: 14px;
  /*font-family: PingFangSC-Regular;*/
  font-weight: 400;
  color: #666666;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  overflow: hidden;
  border-radius: 2px;
  z-index: 100;
  height: 0;
  opacity: 0;
  transition: 0.5s;
}
.header-search-content .third-party li {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 8px;
}
.header-search-content .third-party li:hover {
  /*background-color: #FF7700;*/
  background: rgba(255, 119, 0, 0.2);
  color: #FF7700;
  cursor: pointer;
}
.header-search-content .third-party li:last-child {
  border: none;
}
.header-search-content .addToQueue {
  /* width:116px; */
  height: 39px;
  display: flex;
  background: #f70;
  border-radius: 2px;
  margin-left: 10px;
  padding: 0 0.8rem;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.header-search-content .addToQueue:hover {
  cursor: pointer;
  background: var(--color-theme-1-1);
}
.addToQueue .iconfont {
  color: #fff;
  /* font-size:20px; */
}
.addToQueue .tit {
  color: #fff;
  margin: 0 2px;
  width: max-content;
}
.addToQueue .todo {
  background: #fff;
  border-radius: 9px;
  color: #ff7700;
  padding: 2px 4px;
  line-height: 1;
  margin-left: 1px;
}
.freight-calculation {
  width: 38px;
  height: 38px;
  background-color: #f70;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.freight-calculation a {
  text-decoration: none !important;
}
.freight-calculation:hover {
  background: #f90;
}
.freight-calculation i.iconfont {
  color: #fff;
  font-size: 25px;
}
/* ------------------------------------------------------------------ */
.common-header .Category {
  height: 41px;
  line-height: 40px;
  background: #ff7700;
  width: 263px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  position: relative;
  float: left;
}
.common-header .first {
  width: 263px !important;
  font-size: 14px;
  /*font-family: PingFangSC-Regular;*/
  font-weight: 400;
  color: #666666;
  z-index: 99999;
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 41px;
  display: none;
  box-shadow: 0px 2px 10px 0px rgba(200, 200, 200, 0.5);
}
.common-header .firstLi {
  height: 38px;
  line-height: 38px;
  width: 100%;
  padding: 0 18px;
  cursor: pointer;
  text-align: left;
  position: relative;
  z-index: 100;
  font-size: 14px;
}
.common-header .firstAct {
  background: #ff7700;
  color: #fff;
}
.common-header .firstAct:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 0 7px 7px;
  border-style: solid;
  border-color: transparent transparent transparent #ff7700;
  position: absolute;
  top: 12px;
  right: -7px;
}
.common-header .second {
  width: 716px;
  min-height: 494px;
  position: absolute;
  top: 0;
  left: 263px;
  background: #fff;
  padding: 0 15px;
  box-shadow: 6px 2px 10px 0px rgba(200, 200, 200, 0.5);
}
.common-header .second li {
  width: 100%;
  border-bottom: 1px dashed #E4E4E4;
  /*height: 43px;*/
  line-height: 43px;
  text-align: left;
}
.common-header .second li:last-child {
  border-bottom: none;
}
.common-header .Secondl {
  width: 214px;
  display: inline-block;
}
.common-header .SecondName {
  font-size: 12px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  color: #666666;
  float: left;
  cursor: pointer;
}
.common-header .r-cor {
  font-size: 20px;
  /*font-family: PingFangSC-Medium;*/
  font-weight: 500;
  color: #ff7700;
  float: right;
  vertical-align: middle;
}
.common-header .thid {
  display: inline-block;
  margin-left: 10px;
  width: 460px;
}
.common-header .thid li {
  font-size: 12px;
  /*font-family: PingFangSC-Regular;*/
  font-weight: 400;
  color: #666666;
  float: left;
  width: initial !important;
  border-bottom: none !important;
}
.common-header .thid li:nth-child(1) a {
  border-left: 1px solid #D8D8D8;
}
.common-header .thid li a {
  line-height: 17px;
  color: #666666;
  padding: 0 7px;
  border-right: 1px solid #D8D8D8;
}
.common-header .thid li a:hover,
.common-header .SecondName:hover {
  color: #FF7700;
  text-decoration: underline;
}
.common-header .Category i {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/static/image/CJ-home/category@2x.png");
  width: 16px;
  height: 16px;
  margin-left: 16px;
  vertical-align: middle;
  display: inline-block;
}
.NoPrintData {
  color: #e6e5e6 !important;
  pointer-events: none;
}
/* bootstrap4 */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-search-box {
  width: 100%;
  height: 80px;
}
/* 供应商店铺 */
.header-search-box .shop-name {
  width: 279px;
  border-left: #D8D8D8 1px solid;
}
.header-search-box .shop-name {
  position: relative;
  display: flex;
  margin-left: 10px;
  justify-content: start;
  align-items: center;
  margin-right: 19px;
}
.header-search-box .shop-icon {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 10px;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 10px;
  /* overflow: hidden; */
  border: 1px solid #e9e9e9;
  cursor: pointer;
}
.shop-name-wrap {
  position: relative;
  cursor: pointer;
}
.shop-name-wrap .shopname {
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 90px;
}
.shop-name-wrap .shop-rank {
  display: inline-block;
  padding: 2px;
  line-height: 20px;
  background: #4a90e2;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
}
.shop-name-wrap .shop-rank:hover {
  cursor: pointer;
  background: #0E5FBD;
}
.header-search-box .search-panel {
  display: flex;
}
.header-search-box .search-combobox {
  width: 420px;
  height: 39px;
  border-radius: 2px 0px 0px 2px;
  border: 1px solid #bdbdbd;
  border-right: 0 none;
}
.header-search-box .search-combobox-input {
  color: #333333;
  margin: 8px 5px;
  line-height: 20px;
  font-size: 12px;
}
.header-search-box .search-panel .local {
  width: 120px;
  line-height: 37px;
  color: #fff;
  background: #f70;
  border-radius: 0px 2px 2px 0px;
  text-align: center;
  display: inline-block;
  border-radius: 0 4px 4px 0;
}
.header-search-box .search-panel .global {
  display: inline-block;
  width: 120px;
  line-height: 37px;
  background: rgba(255, 119, 0, 0.2);
  border-radius: 2px;
  border: 1px solid #ff7700;
  text-align: center;
  color: #FF7700;
  margin-left: 10px;
  border-radius: 4px;
}
.header-search-box .search-panel .local:hover,
.header-search-box .search-panel .global:hover {
  cursor: pointer;
}
.header-search-box .search-panel .local:hover {
  background-color: #F78E29;
}
.header-search-box .search-panel .global:hover {
  background: rgba(255, 119, 0, 0.3);
}
.hover {
  color: #ff7700;
}
.no-hover {
  color: #999;
}
.hover-boder {
  border: 1px solid #ff7700;
}
.no-hover-boder {
  border: 1px solid #f2f2f2;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.addToQueue .todo.heartbeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 2;
}
.header-user-ul-item .iconfont {
  position: relative;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.header-user-ul-item:hover .iconfont {
  color: #f70;
}
.header-user-ul-item .iconfont::after {
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.header-user-ul-item .profile-icon::after {
  content: '\e685';
}
.header-user-ul-item .wallet-icon::after {
  content: '\e67d';
}
.header-user-ul-item .coupons-icon::after {
  content: '\e66d';
}
.header-user-ul-item .toolicon::after {
  content: '\e680';
}
.header-user-ul-item .loginout-icon::after {
  content: '\e67e';
}
.header-user-ul-item .account-icon::after {
  content: '\e685';
}
/* 圣诞节活动end */
/* 2019-12-17 搜索优化 */
.category-wrap {
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  position: relative;
}
.category-wrap .category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  cursor: pointer;
  background: #FF7700;
  border-radius: 2px;
}
.category-wrap .category-icon.isHover {
  background: #F78E29;
}
.category-wrap .category-icon > img {
  width: 38px;
}
.category-content {
  position: absolute;
  z-index: 9;
  top: 38px;
  left: 0;
}
.category-content .first-category-list {
  background: #fff;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  padding: 10px 0;
}
.category-content .first-category-list .first-category-item {
  width: 240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 20px;
  cursor: pointer;
}
.category-content .first-category-list .first-category-item a {
  color: #666;
}
.category-content .first-category-list .first-category-item.active a {
  color: #FF7700;
}
.category-content .first-category-list .first-category-item.active {
  padding: 0 10px 0 20px;
}
.first-category-icon {
  width: 14px;
}
.second-category-list {
  width: 960px;
  min-height: 580px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 240px;
  z-index: 9;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  padding: 0 0 32px 48px;
  box-sizing: border-box;
}
.second-category-content {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.second-category-item {
  width: 33%;
  padding: 48px 84px 0 0;
}
.second-category-item .second-category-title {
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #FF7700;
  padding-bottom: 10px;
  color: #333;
  margin-bottom: 6px;
  cursor: pointer;
}
.second-category-item .second-category-title a {
  color: #333;
}
.second-category-item .second-category-title:hover a {
  color: #FF7700;
}
.second-category-item ul > li {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  padding: 5px 0;
  cursor: pointer;
}
.second-category-item ul > li a {
  color: #666;
}
.second-category-item ul > li:hover a {
  color: #FF7700;
}
/* 圣诞节活动end */
/* 首页消息提示 */
.message {
  position: relative;
  color: #333;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  transition: 0.5s;
}
.index-message-box {
  position: absolute;
  z-index: 3;
  background-color: #fff;
  top: 46px;
  left: -190px;
  width: 413px;
  box-shadow: 0px 1px 9px 0px rgba(188, 188, 188, 0.35);
  border: 1px solid #f0f0f0;
  height: 435px;
  height: 0;
  opacity: 0;
  box-sizing: border-box;
  /* display: none; */
  /* visibility:hidden; */
  transition: 0.5s;
  /* z-index: -1; */
}
.message.isTopHover .index-message-box {
  height: 435px;
  opacity: 1;
  /* width: 413px; */
  transition-property: height;
  /* transition-timing-function: linear;
      -webkit-transition-timing-function: linear; */
  transition: 0.5s;
  /* visibility: visible; */
  z-index: 10;
}
.amount-total {
  position: relative;
  margin-right: 30px;
  cursor: pointer;
}
.all-count {
  position: absolute;
  top: 7px;
  left: 10px;
  height: 14px;
  min-width: 14px;
  width: max-content;
  border-radius: 50%;
  /* background-color: #C40B22; */
  background-color: #ff7700;
  font-size: 8px;
  line-height: 14px;
  text-align: center;
  color: #fff;
}
.all-count-lenth {
  position: absolute;
  top: 4px;
  left: 10px;
  height: 14px;
  width: 28px;
  border-radius: 14px;
  text-align: center;
  line-height: 14px;
  background: #C40B22;
  padding: 0 3px;
  color: #fff;
  font-size: 12px;
}
.sanjiao {
  position: absolute;
  top: -21px;
  left: calc(50% - 9px);
}
.message-box-title {
  /* text-align: center; */
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  background: #999;
  box-shadow: 0px 2px 4px 0px rgba(185, 185, 185, 0.1);
}
.message-list-all {
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  /* height: 24px; */
  /* line-height: 24px; */
  /* border: 1px #ccc solid; */
}
.list-count {
  display: block;
  /* background: #C40B22; */
  background: #ff7700;
  float: right;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #fff;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
}
.list-count-lenth {
  width: 28px;
  /* height: 14px; */
  border-radius: 14px;
  font-size: 12px;
  line-height: 10px;
  padding: 2px 3px;
}
.list-content-long {
  padding: 0 4px;
  box-sizing: content-box;
  border-radius: 10px;
}
.message-list-allTitle {
  width: 108px;
  border-right: 1px #999 solid;
}
.message-list-allTitle:nth-last-child(1) {
  border-right: none;
  width: 184px;
}
.message-list-allTitle:nth-child(1) {
  width: 118px;
}
.message-list-CJ {
  /* padding: 0 11px; */
  text-align: center;
  height: 20px;
  line-height: 20px;
  border-right: 1px #999 solid;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-list-CJ:nth-child(1) {
  /* width: 108px; */
  text-align: center;
  /* padding: 0 13px; */
}
.message-list-CJ:nth-last-child(1) {
  border-right: none;
  /* width: 184px; */
}
.message-list-CJ:nth-last-child(2) {
  /* width: 118px; */
}
.list-font {
  float: left;
  margin-right: 5px;
}
.index-message-box {
  /* display: none; */
  cursor: pointer;
}
.login-register .message .index-message-box .message-list {
  width: 100% !important;
  text-align: center;
  opacity: 1;
  height: 334px;
  position: initial;
  box-shadow: none;
  border-top: 1px solid #E6E6E6;
  border-radius: 0;
  overflow-y: auto;
  height: 0;
  opacity: 0;
}
.login-register .message .not-found-data {
  text-align: center;
  background: none;
  padding-top: 100px;
}
.login-register .message .NodataList {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin-top: 16px;
}
.message.isTopHover .message-list {
  opacity: 1 !important;
  height: 334px !important;
  transition: 0.5s;
}
.message .message-list .message-item {
  padding: 10px;
  height: auto;
  font-size: 16px;
  line-height: 30px;
  padding: 0 20px 0 26px;
}
.message .message-list .message-item:hover {
  background: rgba(239, 239, 239, 0.7);
}
.message .message-list .message-item:hover p {
  color: #333 !important;
}
.message .message-list .message-item:hover span {
  color: #999 !important;
}
.message .message-list .message-item.has-red-yes a p {
  color: #999 !important;
}
.message .message-list .message-item.has-red-yes a span {
  color: #999 !important;
}
.message .message-list .message-item.has-read-yes p {
  color: #999 !important;
}
.message .message-list .message-item.has-read-yes span {
  color: #999 !important;
}
.message .message-list .message-item.isTop {
  background: rgba(255, 119, 0, 0.2);
  border-bottom: 1px solid #fff;
}
.message .message-list .message-item.isTop .message-item-box {
  border-bottom: none;
}
.message .message-list .message-item.isTop p,
.message .message-list .message-item.isTop span {
  color: #ff7700 !important;
}
.message .message-list .message-item .message-item-box {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px dashed #E6E6E6;
  position: relative;
}
.message-item-box .mes-detail-titp {
  font-weight: 550;
}
.message-item-box .isTopBage {
  position: absolute;
  border: 10px solid transparent;
  border-top-color: #FF7700;
  border-left-color: #FF7700;
  top: 0;
  left: -27px;
}
.message-list .message-item a {
  overflow: hidden;
  width: 100% !important;
  justify-content: space-between;
  align-items: center;
  line-height: 16px;
  font-size: 14px;
}
.mes-left-detail {
  float: left;
  width: calc(100% - 90px);
}
.mes-right-time {
  float: right;
  width: 80px;
  text-align: right;
  margin-right: 10px;
  font-size: 12px;
}
.mes-left-detail p {
  font-size: 14px;
  line-height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mes-left-detail .mes-detail-p {
  color: #333;
  font-size: 12px;
}
.common-header .login-register .message .message-list .message-item:last-child {
  border-radius: 0;
}
.mes-bottom-information {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 413px;
  height: 41px;
  background: #ffffff;
  box-shadow: 0px -2px 4px 0px rgba(185, 185, 185, 0.1);
  border-radius: 0px 0px 2px 2px;
  padding: 0 28px 0 20px;
  border-top: 1px solid #e6e6e6;
  opacity: 0;
  height: 0;
}
.message.isTopHover .mes-bottom-information {
  opacity: 1;
  height: 41px;
}
.mes-bottom-information img {
  height: 14px;
  width: 14px;
  margin-right: 10px;
}
.activeTab {
  /* color: #C40B22; */
  color: #ff7700;
}
.message-list::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.message-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888;
}
.message-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.mesElit-left-detail p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.mesElit-right-time {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
.mesElit-right-time .mes-time {
  font-size: 12px;
}
.mes-right-time .mes-time {
  color: #999;
}
.mesElit-right-time span {
  font-size: 14px;
  line-height: 17px;
  color: #999;
}
.mark-all-read {
  float: left;
  font-size: 12px;
  color: #666;
}
.read-all {
  float: right;
  /* color: #C40B22; */
  color: #ff7700;
  font-size: 12px;
  font-weight: 500;
}
.shopping-box {
  /* padding: 20px; */
  overflow: hidden;
}
.shopping-left-detail {
  width: 80px;
  height: 80px;
  border: 1px solid #F4F4F4;
  float: left;
  margin-right: 10px;
}
.shopping-left-img {
  width: 80px;
  height: 80px;
  display: block;
}
.shopping-right-time {
  height: 80px;
  position: relative;
  width: 271px;
  float: right;
}
.shopping-title {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  /* height: 20px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.shopping-content {
  font-size: 12px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shopping-time {
  font-size: 12px;
  color: #999;
  line-height: 17px;
  border-top: 80px;
  position: absolute;
  bottom: 0;
}
.NoMessage {
  display: block;
  height: 70px;
  width: 68px;
  margin: calc(50% - 72px) auto 0;
}
.index-message-box .loading {
  position: absolute;
  left: 0;
  top: 61px;
  width: 100%;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.child-list::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.child-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888;
}
.child-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.unverify-tip {
  text-align: center;
  background: #f70;
  color: #fff;
  line-height: 49px;
}
.unverify-tip a {
  color: inherit;
  text-decoration: underline;
}
/* 评分星星样式 start */
.shop-icon-box {
  position: relative;
}
.shop-icon-box .evalute-wrap {
  position: absolute;
  top: 80px;
  left: 0;
  display: none;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  z-index: 999;
  transition: 0.4s all;
  z-index: 9;
}
.header-search-content .evalute-wrap .number {
  color: #FF7700;
}
.header-search-content .evalute-wrap span {
  display: inline-block;
  width: 140px;
  margin-right: 10px;
}
.header-search-content .evalute-wrap .evalute-item {
  margin-bottom: 8px;
}
.header-search-content .evalute-wrap .triangle {
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  transform: rotate(90deg);
  position: absolute;
  top: -20px;
}
.header-search-content .evalute-wrap .evalute-title {
  margin-bottom: 12px;
}
.header-search-content .evalute-wrap .evalute-menu .evalute-item {
  display: flex;
  justify-items: center;
}
.staring-tip > input,
.staring-tip > input {
  position: absolute;
  margin-right: -100%;
  opacity: 0;
}
.staring-tip {
  height: 20px;
  width: 70px;
  margin-right: 8px;
}
.staring-tip > label,
.staring-tip > label {
  position: relative;
  float: right;
  width: 14px;
  height: 14px;
  color: transparent;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.staring-tip > input:focus + label {
  outline: none;
}
.staring-tip > input:checked ~ label,
.staring-tip > input:focus ~ label,
.staring-tip > input:hover ~ label {
  background-position: 0 -14px;
}
.staring-tip > label.rated {
  background-position: 0 -14px;
}
.staring-tip > label:before,
.staring-tip > label:before {
  display: none;
  position: absolute;
  content: " ";
  width: 14px;
  height: 14px;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
}
/* 评分星星样式 end*/
/* 智能引导 */
.see-guid {
  margin-left: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 16px !important;
}
.see-guid .guid-wrap {
  position: absolute;
  background: #fff;
  top: 42px;
  right: 0;
  width: 1200px;
  height: 0;
  opacity: 0;
  transition: height 1s, opacity 0.5s;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  overflow: hidden;
}
.see-guid:hover .guid-wrap {
  height: 600px;
  opacity: 1;
  transition: height 1s, opacity 0.5s;
}
.new-icon-sty {
  position: relative;
  font-size: 12px !important;
  top: -1px;
  padding-left: 1px;
}
.iconkandengicon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.icon-size-user {
  font-size: 18px !important;
}
.icon-size-center {
  font-size: 20px !important;
}
.shop-name-wrap:hover .shopnam-all {
  display: block;
}
.shop-name-wrap .shopnam-all {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  color: #fff;
  padding: 3px 8px;
  line-height: 17px;
  font-size: 12px;
  top: 30px;
  left: 0;
  display: none;
  max-width: 120px;
  word-break: break-word;
  z-index: 9;
  max-width: 90px;
  min-width: 60px;
  text-align: center;
}
.shop-name-wrap .shopnam-all::before {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -4px;
  content: '';
  border-width: 6px;
  border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
  border-style: solid;
}
.shop-detail-chat {
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.shop-detail-chat:hover {
  color: var(--color-secondary);
}
.shop-detail-chat .iconConversation {
  color: var(--color-primary);
  vertical-align: middle;
  font-size: 18px;
}
.shop-detail-chat .iconConversation:hover {
  color: var(--color-secondary);
}
.header-search-left {
  display: flex;
}
.footer {
  width: 100%;
  /* height: 60px; */
  background: #40424C;
  font-size: 14px;
  /*font-family: PingFangSC-Semibold;*/
  /*font-weight: 600;*/
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.footer .forfoo-con span .copyright-logo {
  padding: 0 5px 0 0;
}
.footer span {
  padding: 0 15px;
}
.footer a:not(.recordNumber) {
  color: #fff;
  border-right: 1px solid #fff;
  padding: 0 15px;
}
.footer a:not(.recordNumber):hover {
  color: #FF7700;
}
.footer .recordNumber {
  color: #fff;
}
.footer .recordNumber:hover {
  text-decoration: underline;
}
.swiper-wrapper {
  transition-timing-function: ease;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: #000;
  opacity: 0;
  width: 30px;
  height: 50px;
  cursor: pointer;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  opacity: 0.4;
  transition: 0.3s;
  /*display: block;*/
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 1 !important;
}
.swiper-button-prev {
  left: 0;
  border-radius: 0 2px 2px 0;
  background: url('/static/image/new-home/prev_icon.svg') center center / cover;
}
.swiper-button-next {
  right: 0;
  border-radius: 2px 0 0 2px;
  background: url('/static/image/new-home/next_icon.svg') center center / cover;
}
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 20px!important;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 2px solid #DEDEDE;
  margin: 0 6px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  background-color: transparent;
}
.swiper-pagination-bullet-active {
  background: #ffffff;
  background-clip: content-box;
  border: none;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5);
}
.swiper-slide a.islink:hover {
  cursor: pointer;
}
.swiper-slide a.unlink:hover {
  cursor: default;
}
.swiper-container.shop {
  max-height: 250px;
}
.product-card {
  /*width: 236px;*/
  border-radius: 2px;
  position: relative;
  /* transition: all .3s; */
  background-color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
.product-card .ui-card-btn {
  text-align: center;
  position: relative;
  padding: 0 10px;
  min-width: 45px;
  line-height: 24px;
  border-radius: 2px;
  height: 24px;
  font-size: 14px;
  flex: 1;
  margin: 10px 3px 0;
}
.btn-card-theme {
  background: var(--color-theme-1);
  color: var(--color-font-4);
}
.btn-card-theme:hover {
  background: #f90;
  color: #fff;
}
.vip .btn-card-theme {
  background: var(--color-theme-gradient-1-vip);
}
.vip .btn-card-theme:hover {
  background: var(--color-theme-1-vip);
}
.product-card .tag {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/bestNum.png);
  width: 20px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.product-card .tag-2 {
  height: 38px;
  width: 38px;
  background-color: #F13F14;
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  left: 0;
  top: 0;
  z-index: 1;
}
.product-card .tag-2:before {
  content: '';
  width: 38px;
  border-color: #F13F14 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 19px 0 19px;
  position: absolute;
  top: 38px;
  left: 0;
}
.product-card .view-detail-a {
  width: 100%;
  height: 181px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.product-card .view-detail-a img {
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  border: 1px solid #f4f4f4;
  object-fit: contain;
}
.product-card .view-detail-a img:hover {
  transform: scale(1.1);
  transition: all 0.3s;
}
.product-card .isVideo {
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 1;
  font-size: 30px;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.product-card .isVideo:after {
  content: '\e6b5';
}
.product-card .info {
  padding: 0 3px 6px 3px;
  background: #fff;
  position: relative;
  top: 0;
}
.product-card .info .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 47px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.product-card .info .tit:hover {
  color: var(--color-theme-1);
}
.vip .product-card .info .tit:hover {
  color: var(--color-theme-1-vip);
}
.product-card .info .info-txt {
  margin: 3px auto 0 auto;
  height: 18px;
  line-height: 18px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.product-card .listedNum {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-right: 6px;
}
.product-card .info-txt .Personalise {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: initial;
  color: var(--color-primary);
}
.vip .product-card .info-txt .Personalise {
  color: var(--color-theme-1-vip);
}
.product-card .info-txt .freeShip {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 6px;
  position: relative;
  cursor: pointer;
  color: var(--color-primary);
}
.vip .product-card .info-txt .freeShip {
  color: var(--color-theme-1-vip);
}
.product-card .info-txt .iconfont {
  line-height: 1;
  font-size: 18px;
}
.product-card .info-txt .freeShip:hover .shipModel {
  display: block;
}
.product-card .info-txt .freeShip .shipModel {
  position: absolute;
  left: -42px;
  bottom: 20px;
  width: 96px;
  height: 29px;
  text-align: center;
  display: none;
  z-index: 2;
}
.product-card .info-txt .freeShip .shipModel .long-text {
  width: 100%;
  height: 26px;
  padding: 0 7px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.64);
  line-height: 26px;
  font-size: 12px;
  border-radius: var(--size-radius-small);
  color: white;
}
.product-card .info-txt .freeShip .shipModel .long-text:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 26px;
  left: 42px;
  border-left: solid 6px transparent;
  border-top: solid 6px rgba(0, 0, 0, 0.64);
  border-right: solid 6px transparent;
}
.product-card .info-txt .Personalise:hover {
  opacity: 0.7;
}
.product-card .info .Nwishlist {
  width: 17px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.product-card .Ywishlist {
  width: 17px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.product-card .listed {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 0 2px;
}
.product-card .listed.btns {
  width: calc(100% + 6px);
  margin: 0 -3px;
}
.product-card .info .price {
  font-size: 16px;
  color: #333333;
  margin-right: 12px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}
.product-card .info .theme-price {
  font-size: 14px;
  color: var(--color-theme-1);
  font-weight: bold;
}
.product-card-btn {
  font-size: 14px;
  color: var(--color-theme-1);
  height: 24px;
  line-height: 21px;
  text-align: center;
  margin-top: 10px;
  border: 1px solid var(--color-theme-1);
  display: block;
  border-radius: 2px;
}
.product-card-btn:hover {
  cursor: pointer;
  background: var(--color-theme-1);
  border-color: var(--color-theme-1);
  color: var(--color-theme-2);
}
.product-card-btn.list:hover {
  background: var(--color-theme-1-1);
  border-color: var(--color-theme-1-1);
}
.vip .product-card-btn {
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
.vip .product-card-btn:hover {
  background: var(--color-theme-1-vip-opacity20);
  color: var(--color-theme-1-vip);
}
.inventory {
  display: inline-block;
  position: relative;
  vertical-align: -1px;
}
.inventory .main {
  position: relative;
  display: inline-block;
  vertical-align: -1px;
  margin-right: 6px;
  cursor: default;
  color: var(--color-primary);
  line-height: 1;
}
/* .inventory .main:hover {
    color: var(--color-theme-1-1);
} */
.vip .inventory .main {
  color: var(--color-theme-1-vip);
}
.vip .inventory .main:hover {
  color: var(--color-theme-1-1-vip);
}
.connect {
  position: inherit !important;
}
.connect > span {
  display: block;
  cursor: pointer;
}
.product-card-toast .card-toast-box {
  position: absolute;
  bottom: 37px;
  min-width: 100%;
  line-height: 17px;
  font-size: 12px;
  border-radius: 2px;
  color: white;
  cursor: auto;
  visibility: hidden;
  left: 0;
  background: rgba(0, 0, 0, 0.64);
  text-align: left;
  padding: 5px;
}
.product-card-toast .card-toast-box::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  height: 7px;
}
.product-card-toast .card-toast-box .arrow {
  position: absolute;
  left: 22%;
  bottom: -6px;
  font-size: 0;
  line-height: 0;
  border-width: 6px;
  border-color: rgba(0, 0, 0, 0.64);
  border-bottom-width: 0;
  border-style: dashed;
  border-top-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
}
.product-card-toast .card-toast-box a {
  color: var(--color-theme-1);
  display: inline-block;
}
.product-card-toast .card-toast-box a:hover {
  text-decoration: underline;
}
.product-card-toast:hover .card-toast-box {
  visibility: visible;
  transition: visibility 0s 1s;
}
.vip .card-toast-box a {
  color: var(--color-theme-1-vip);
}
.card-toast-box:hover .inventory-show-more {
  display: block;
}
.list {
  color: #ffffff;
}
.list .card-toast-box {
  width: 223px;
  right: -6px;
  left: unset;
  bottom: 30px;
}
.list .card-toast-box .arrow {
  left: 70%;
  bottom: -6px;
}
.list .card-toast-box a {
  display: inline;
}
.list.longList .card-toast-box .arrow {
  left: 50%;
}
.product-card-btn {
  padding: 0px 7px;
  position: relative;
  flex: 1;
  margin: 10px 3px 0;
}
.home-product-two .product-card-btn {
  width: 122px;
  height: 32px;
  line-height: 32px;
}
.product-box .list-product-card {
  padding: 0px 8px 8px 8px;
}
.product-box .list-product-card:nth-child(6n-5) {
  border-left: 0 none;
  padding-left: 16px;
}
.product-box .list-product-card:nth-child(6n) {
  border-right: 0 none;
  padding-right: 16px;
}
.product-card .shop {
  margin: 0px 0px 0 5px;
  text-align: left;
}
.product-card .shop-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 2px;
  object-fit: cover;
  overflow: hidden;
  border: 1px solid #e9e9e9;
}
.product-card .shop-link,
.product-card .shop-name {
  text-decoration: underline;
  color: #333;
  line-height: 20px;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  top: 8px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-card .shop-link:hover {
  color: var(--color-theme-1);
}
.product-card-hover {
  border: 1px solid var(--color-theme-1);
}
.vip .product-card-hover {
  border-color: var(--color-theme-1-vip);
}
.product-card-add {
  border-color: var(--color-theme-1);
}
.vip .product-card-add {
  border-color: var(--color-theme-1-vip);
}
.product-card-add .add-icon {
  position: absolute;
  font-size: 0;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  z-index: 2;
  overflow: hidden;
}
.product-card-add .add-icon .iconfont {
  font-size: 10px;
  color: #fff;
  display: inline-block;
  transform: scale(0.7);
  position: relative;
  left: -2px;
  top: -1px;
}
.product-card-add .add-icon-bg {
  background: var(--color-theme-1);
  width: 34px;
  height: 34px;
  position: absolute;
  left: -17px;
  top: -17px;
  transform: rotate(-45deg);
  z-index: -1;
}
.vip .product-card-add .add-icon-bg {
  background: var(--color-theme-1-vip);
}
.product-card .addToQueue {
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  margin: 0 5px;
  display: block;
  overflow: hidden;
}
.product-card .addToQueue {
  color: var(--color-theme-1);
  border: 1px solid var(--color-theme-1);
  background: none;
}
.product-card .addToQueue:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.vip .product-card .addToQueue {
  color: var(--color-font-1);
  background: var(--color-bg-13-vip);
  border: 1px solid var(--color-bg-13-vip);
}
.vip .product-card .addToQueue:hover {
  color: var(--color-font-1);
  background: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}
.addToQueue-box {
  padding: 5px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
  z-index: 9;
}
.addToQueue-box.product-card-toast .card-toast-box {
  bottom: 45px;
}
.addToQueue-box.product-card-toast .card-toast-box .arrow {
  left: 50%;
}
.product-card .wishlist,
.product-card .unwishlist {
  position: relative;
  font-size: 16px;
  color: #999999;
  cursor: pointer;
}
.product-card .wishlist {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.product-card .unwishlist:hover::after {
  color: var(--color-theme-1);
}
.vip .product-card .unwishlist:hover::after {
  color: var(--color-theme-1-vip);
}
.product-card .wishlist::after {
  content: '\e681';
  color: var(--color-theme-1);
}
.vip .product-card .wishlist::after {
  color: var(--color-theme-1-vip);
}
.product-card .unwishlist::after {
  content: '\e683';
}
.product-card-hover .info {
  top: -42px;
  transition: top 0.3s;
}
.product-card-hover .info .tit {
  padding-top: 5px;
}
.product-card .info .origin-price {
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}
.inventory-show-more {
  display: none;
  position: absolute;
  bottom: 29px;
  left: 0;
  width: 210px;
  z-index: 100;
}
.inventory-show-more .triangle {
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
  position: absolute;
  left: 6px;
  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-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;
}
.product-card .personalise {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 6px;
  color: var(--color-primary);
  position: relative;
}
.product-card .personalise-icon {
  margin-right: 4px;
  position: initial;
  color: var(--color-primary);
  cursor: default;
}
.product-card .info-txt .personalise-icon.iconfont {
  font-size: 16px;
}
.product-card .personalise:hover .personalise-toast-box {
  display: block;
}
.product-card .personalise-toast-box {
  position: absolute;
  left: -46px;
  margin-left: 0;
  bottom: 26px;
  min-width: 122px;
  text-align: center;
  display: none;
  border-radius: 2px;
}
.product-card .personalise-toast-box.personalise-left {
  left: 0px;
}
.product-card .personalise-toast-box.personalise-left .long-text {
  border-bottom-left-radius: 0;
}
.product-card .personalise-toast-box .long-text:after {
  left: 0;
}
.product-card .personalise-toast-box:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -6px;
  left: 48px;
  border-left: solid 6px transparent;
  border-top: solid 6px rgba(0, 0, 0, 0.8);
  border-right: solid 6px transparent;
}
.product-card .personalise-toast-box .long-text {
  width: 100%;
  padding: 0 7px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 26px;
  font-size: 12px;
  border-radius: var(--size-radius-small);
  color: white;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.add-cart-btn {
  font-weight: 500;
  line-height: 22px;
  height: 22px;
  border-radius: 2px;
  margin-top: 10px;
}
.product-card-content {
  animation: fadein 1s normal;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.product-card-ph {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 17px;
}
.product-card-ph .img {
  width: 100%;
  flex: 1 1 auto;
  border-radius: 4px;
}
.product-card-ph .line-1 {
  width: 100%;
  flex: 0 0 40px;
  margin-top: 13px;
  border-radius: 4px;
}
.product-card-ph .line-2 {
  width: 50%;
  flex: 0 0 25px;
  margin-top: 10px;
  border-radius: 4px;
}
.product-card-ph .line-3 {
  width: 100%;
  display: flex;
  flex: 0 0 25px;
  margin-top: 10px;
  justify-content: space-between;
}
.product-card-ph .line-3 span:first-child {
  display: inline-block;
  flex: 1 1 auto;
  margin-right: 10px;
  border-radius: 4px;
}
.product-card-ph .line-3 span:last-child {
  display: inline-block;
  flex: 1 1 auto;
  margin-left: 10px;
  border-radius: 4px;
}
.product-card-ph:last-child {
  margin-right: 0;
}
.product-card-ph .screen-root {
  background-image: linear-gradient(90deg, #f4f4f4 25%, #e6e6e6 37%, #f4f4f4 63%);
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/**
 * 19-04-04 wjw
 * bootstrap4的部分css样式
 */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  /* padding-right: 15px;
   padding-left: 15px; */
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.bg-white {
  background-color: #fff !important;
}
.d-flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.disable {
  pointer-events: none;
  opacity: 0.44;
  transition: 150ms;
}
/* ----------------------------------------------------------------- */
.font-size-10px {
  font-size: 10px;
}
.font-size-11px {
  font-size: 11px;
}
.font-size-12px {
  font-size: 12px;
}
.font-size-13px {
  font-size: 13px;
}
.font-size-14px {
  font-size: 14px;
}
.font-size-15px {
  font-size: 15px;
}
.font-size-16px {
  font-size: 16px;
}
.font-size-17px {
  font-size: 17px;
}
.font-size-18px {
  font-size: 18px;
}
.margin-left-10px {
  margin-left: 10px;
}
.margin-left-20px {
  margin-left: 20px;
}
.margin-left-30px {
  margin-left: 30px;
}
.padding-tb-10px {
  padding: 10px 0;
}
.padding-lr-20px {
  padding: 0 20px;
}
.padding-20px {
  padding: 20px;
}
.text-align-center {
  text-align: center;
}
.font-weight-500 {
  font-weight: 500;
}
.word-break-break-all {
  word-break: break-all;
}
.cursor-pointer,
button {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
/* ----------------------------------------------------------------- */
/* 动画部分 */
/* ----------------------------------------------------------------- */
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* ----------------------------------------------------------------- */
/* ---------- boot3-panel ----------- */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
/* ---------- boot3-panel ----------- */
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(../font/2.0.0/VideoJS.eot?#iefix) format("eot");
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100%!important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100%!important;
  height: 100%!important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block!important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -ms-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s,opacity 1s;
  -moz-transition: visibility 1s,opacity 1s;
  -ms-transition: visibility 1s,opacity 1s;
  -o-transition: visibility 1s,opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s,opacity 1s;
  -moz-transition: visibility 1s,opacity 1s;
  -ms-transition: visibility 1s,opacity 1s;
  -o-transition: visibility 1s,opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:focus,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 9em;
  -webkit-transition: width 0.1s;
  -moz-transition: width 0.1s;
  -ms-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
  -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
  -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
  -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
  -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
  -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
  -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0!important;
  white-space: nowrap;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
/*print on demand*/
@font-face {
  font-family: Amrak;
  src: url('../fonts/POD-fonts/Amrak.ttf');
}
@font-face {
  font-family: Antre;
  src: url('../fonts/POD-fonts/Antre.otf');
}
@font-face {
  font-family: Azedo-Light;
  src: url('../fonts/POD-fonts/Azedo-Light.otf');
}
@font-face {
  font-family: Bend-One;
  src: url('../fonts/POD-fonts/Bend-One.otf');
}
@font-face {
  font-family: Hensa;
  src: url('../fonts/POD-fonts/Hensa.otf');
}
@font-face {
  font-family: BOMB;
  src: url('../fonts/POD-fonts/BOMB.otf');
}
@font-face {
  font-family: Cloud-Light;
  src: url('../fonts/POD-fonts/Cloud-Light.otf');
}
@font-face {
  font-family: Didactic-Regular;
  src: url('../fonts/POD-fonts/Didactic-Regular.otf');
}
@font-face {
  font-family: Facile-Sans;
  src: url('../fonts/POD-fonts/Facile-Sans.ttf');
}
@font-face {
  font-family: GROTESKIA;
  src: url('../fonts/POD-fonts/GROTESKIA.otf');
}
@font-face {
  font-family: JustinRoad;
  src: url('../fonts/POD-fonts/JustinRoad.otf');
}
@font-face {
  font-family: Legendary-ultra-light;
  src: url('../fonts/POD-fonts/Legendary-ultra-light.ttf');
}
@font-face {
  font-family: Matematica-Regular;
  src: url('../fonts/POD-fonts/Matematica-Regular.otf');
}
@font-face {
  font-family: NavyQueenLT;
  src: url('../fonts/POD-fonts/NavyQueenLT.otf');
}
@font-face {
  font-family: NIKOLETA;
  src: url('../fonts/POD-fonts/NIKOLETA.ttf');
}
@font-face {
  font-family: octomorf;
  src: url('../fonts/POD-fonts/octomorf.ttf');
}
@font-face {
  font-family: Panthony;
  src: url('../fonts/POD-fonts/Panthony.ttf');
}
@font-face {
  font-family: QanelasSoftDEMO-UltraLight;
  src: url('../fonts/POD-fonts/QanelasSoftDEMO-UltraLight.otf');
}
@font-face {
  font-family: Rabiola;
  src: url('../fonts/POD-fonts/Rabiola.otf');
}
@font-face {
  font-family: Racer-med-100-font;
  src: url('../fonts/POD-fonts/Racer-med-100-font.otf');
}
@font-face {
  font-family: Reef;
  src: url('../fonts/POD-fonts/Reef.otf');
}
@font-face {
  font-family: SEANCo-Firefly-2015;
  src: url('../fonts/POD-fonts/SEANCo-Firefly-2015.otf');
}
.pod-design-myself {
  padding-right: 80px;
}
.pro-print-on-demand .SKUtable .td-btn .btn {
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
}
.pro-print-on-demand .SKUtable .td-btn .btn1 {
  background: #f99429;
  color: #fff;
  line-height: 30px;
}
.pro-print-on-demand .SKUtable .td-btn .btn1:hover {
  background: #f9aa57;
  color: #fff;
}
.pro-print-on-demand .SKUtable .td-btn .btn2 {
  color: #5e5e5e;
  border: 1px solid #d0d0d0;
  line-height: 28px;
  background: #fff;
}
.pro-print-on-demand .SKUtable .td-btn .btn2:hover {
  background: #ececec;
  border-color: #ececec;
  color: #5e5e5e;
}
.pro-print-on-demand .select-store {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-top: 17px;
  margin-right: 10px;
}
.asj-design-cart {
  width: 450px;
  height: 100%;
  border-left: 20px solid #3A3B42;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  right: -430px;
  transition: all 0.3s;
  z-index: 99;
  overflow: auto;
}
.asj-design-cart.show {
  right: 0;
}
.asj-design-cart .pod-icon {
  position: fixed;
  top: 50%;
  right: 10px;
  width: 62px;
  height: 60px;
  background: #3a3b42;
  border-radius: 4px 0px 0px 4px;
  margin-top: -30px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 99;
}
.asj-design-cart .to-left {
  right: 440px;
}
.asj-design-cart .check-box2 {
  margin: 20px 12px;
}
.asj-design-cart .check-box2 label {
  color: #5A6872;
  padding-left: 28px;
  font-size: 14px;
}
.asj-design-cart .print-item {
  display: flex;
  align-items: center;
  height: 140px;
  background: #fff;
  margin-bottom: 10px;
}
.asj-design-cart .print-item .check-box2 {
  width: 40px;
  padding: 0 12px;
  margin: 0;
}
.asj-design-cart .print-item .item-img {
  width: 100px;
  margin-right: 10px;
  margin-left: 10px;
}
.asj-design-cart .print-item .item-detail {
  align-self: flex-start;
  flex: 1;
  max-width: 230px;
}
.asj-design-cart .print-item .item-title {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #666666;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asj-design-cart .print-item .item-price {
  color: #333333;
  font-size: 18px;
}
.asj-design-cart .print-item .start-btn {
  width: 146px;
  height: 28px;
  background: #eeeeee;
  border-radius: 2px;
  border: 1px solid #a9b3bb;
  color: #5A6872;
  font-size: 14px;
  margin-top: 12px;
}
.asj-design-cart .print-item .delete-btn {
  width: 40px;
  height: 40px;
  margin: 0 20px;
  cursor: pointer;
  color: #666;
}
.asj-mycj-lyaer-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.7);
  z-index: 1000;
}
.asj-mycj-lyaer {
  transform: translate(-50%, -50%);
  position: absolute;
  width: 1000px;
  /* min-height: 600px; */
  top: 50%;
  left: 50%;
  padding: 26px;
  background: #fff;
  border-radius: 8px;
}
.asj-mycj-lyaer .close-btn {
  position: absolute;
  top: 26px;
  right: 26px;
  cursor: pointer;
}
.print-step-1 .img-box {
  float: left;
  width: 500px;
  height: 520px;
  margin-top: 10px;
  margin-right: 20px;
  position: relative;
}
.print-step-1 .print-pro {
  /*width: 400px;
    height: 400px;*/
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: #fff;
}
.print-step-1 .asj-text-move {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: move;
}
.print-step-1 .asj-img-move {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: move;
}
.print-step-1 .img-box .bot-btn {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
}
.print-step-1 .img-box .bot-btn a {
  color: #666;
  margin: 0 10px;
}
.print-step-1 .img-box .bot-btn a.current {
  color: #FF9900;
}
.print-step-1 .img-box .print-big-img {
  width: 400px;
  height: 400px;
}
.print-step-1 .detail-box {
  float: left;
  width: 400px;
}
.print-step-1 .detail-box h5 {
  font-size: 20px;
  margin-top: 10px;
  line-height: 30px;
  font-weight: normal;
}
.print-step-1 .detail-box h5 a {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  margin-right: 10px;
  color: #666;
}
.print-step-1 .detail-box h5 input {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
}
.print-step-1 .detail-box h5 .edit-btn {
  float: left;
  cursor: pointer;
  margin-top: 6px;
}
.print-step-1 .variant-box {
  margin-top: 24px;
}
.print-step-1 .variant-box p {
  color: #333333;
}
.print-step-1 .variant-box select {
  width: 180px;
  height: 38px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 10px;
  background: #fff;
}
.print-step-1 .add-pic-btn {
  width: 120px;
  height: 40px;
  border: 2px solid #EEEEEE;
  font-size: 14px;
  margin-top: 14px;
  border-radius: 4px;
}
.print-step-1 .img-data {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 10px;
  background: #eee;
  border: 1px solid #ccc;
}
.print-step-1 .img-data b {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: #333;
  cursor: pointer;
}
.print-step-1 .img-data .edit {
  left: 0;
}
.print-step-1 .img-data .delete {
  right: 0;
}
.print-step-1 .img-data b img {
  width: 20px;
  height: 20px;
  display: block;
  margin: 5px;
}
.print-step-1 .img-data > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.print-step-1 .text-box {
  margin-top: 16px;
}
.print-step-1 .text-box .title {
  color: #333333;
  display: flex;
}
.print-step-1 .text-box .text-color {
  width: 34px;
  height: 30px;
  position: relative;
  font-size: 14px;
  padding: 5px 10px;
}
.print-step-1 .text-box .text-color:before {
  content: '';
  width: 1px;
  height: 20px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 5px;
}
.print-step-1 .text-box .text-color span {
  font-size: 14px;
  cursor: pointer;
}
.print-step-1 .text-box .text-color:hover .text-color-droplist {
  display: block;
}
.text-color-droplist {
  position: absolute;
  width: 125px;
  top: 30px;
  left: 0;
  border: 1px solid #eee;
  z-index: 1;
  background: #fff;
  display: none;
}
.text-color-droplist .text-color-title {
  border-bottom: 1px solid #eee;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.text-color-droplist li {
  display: inline-block;
  padding: 3px 5px;
  cursor: pointer;
}
.print-step-1 .text-box textarea {
  width: 300px;
  height: 60px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  resize: none;
}
.print-step-1 .text-box .font {
  margin-top: 5px;
}
.print-step-1 .text-box .left {
  float: left;
  margin-right: 5px;
}
.print-step-1 .font-list {
  float: left;
  width: 250px;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  position: relative;
}
.print-step-1 .font-name {
  display: block;
  cursor: pointer;
}
.print-step-1 .font-list .caret {
  position: absolute;
  right: 5px;
  top: 12px;
  cursor: pointer;
}
.print-step-1 .font-list ul {
  position: absolute;
  left: -1px;
  top: 27px;
  width: 250px;
  height: 200px;
  overflow: auto;
  border: 1px solid #E4E4E4;
  font-size: 14px;
  background: #fff;
}
.print-step-1 .font-list li {
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  cursor: pointer;
}
.print-step-1 .font-list li:hover {
  background: #eee;
}
/*.print-step-1 .text-box .font select {
    width: 120px;
    height: 30px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}*/
.print-step-1 .submit-btn {
  width: 108px;
  height: 34px;
  background: #eeeeee;
  border: 1px solid #A9B3BB;
  border-radius: 2px;
  color: #5A6872;
  font-size: 14px;
  position: absolute;
  right: 36px;
  bottom: 36px;
}
.print-step-2 .top-btns {
  text-align: right;
}
.print-step-2 .top-btns span {
  margin-left: 10px;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 40px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.print-step-2 .top-btns span img {
  width: 20px;
  display: block;
  margin: 6px;
}
.print-step-2 .top-btns .delete-icon {
  background: #ccc;
}
.print-step-2 .top-btns .check-icon {
  background: #FF9900;
}
.print-step-2 .detail-box {
  position: relative;
  width: 422px;
  height: 422px;
  border: 1px solid #ccc;
  padding: 10px;
}
.print-step-2 .detail-box .mark {
  position: absolute;
  height: 100px;
  width: 100px;
  left: 0;
  top: 0;
  border: 1px solid #000;
  cursor: move;
  background: rgba(0, 0, 0, 0.2);
}
.print-step-2 .detail-box .mark-inner {
  width: 100%;
  height: 100%;
}
.print-step-2 .detail-box .mark .resize {
  content: '';
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  line-height: 14px;
  background: #000;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}
.print-step-2 .detail-box .mark .resize-big {
  right: 0px;
}
.print-step-2 .detail-box .mark .resize-small {
  right: 20px;
}
@font-face {
  font-family: 'cj-text-icon';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="cj-text-icon-"],
[class*="cj-text-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cj-text-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cj-text-icon-pencil:before {
  content: "\e906";
  cursor: pointer;
}
.chose-variant-box {
  width: 500px;
}
.chose-variant-box h6 {
  color: #333;
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
.chose-variant-box .title {
  margin-top: 20px;
}
.chose-variant-box .title input {
  border: 1px solid #eee;
  width: 260px;
  height: 30px;
  padding-left: 10px;
}
.chose-variant-box .title a {
  color: #666;
}
.chose-variant-box .check-box {
  float: left;
}
.chose-variant-box .variant-box {
  margin-top: 10px;
}
.chose-variant-box .variant-box .top-line span {
  float: left;
}
.chose-variant-box .variant-box .top-line .check-box {
  margin-left: 20px;
  font-size: 16px;
  margin-top: 4px;
  margin-right: 10px;
}
.chose-variant-box .variant-box li {
  float: left;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.chose-variant-box .variant-box li span {
  float: left;
}
.chose-variant-box .variant-box li .check-box {
  margin-top: 4px;
  margin-right: 10px;
}
.chose-variant-box .variant-box-wrap {
  /* height: 450px; */
  overflow: auto;
}
.chose-variant-box .variant-box-wrap .logistics-box {
  font-size: 14px;
  margin-top: 10px;
}
.chose-variant-box .bottom-btns a {
  display: inline-block;
  width: 140px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.chose-variant-box .bottom-btns .btn1 {
  background: #F5DDBF;
  color: #BB6E2B;
}
.chose-variant-box .bottom-btns .btn2 {
  background: #BB6E2B;
  color: #fff;
}
.dingzhi-default-imgbox {
  text-align: center;
  padding-top: 200px;
}
.dingzhi-default-imgbox .default-msg {
  color: #999;
  font-size: 12px;
  margin-top: 20px;
}
.dingzhi-default-imgbox .default-btn {
  display: inline-block;
  color: #999999;
  font-size: 14px;
  margin-top: 36px;
  border: 1px solid #E6E6E6;
  height: 34px;
  border-radius: 16px;
  background: #fff;
  text-align: center;
  line-height: 32px;
  width: 106px;
}
.dingzhi-default-imgbox .default-btn:hover {
  background: rgba(255, 119, 0, 0.1);
}
.chose-variant-box .bottom-btns {
  margin-top: 24px;
  display: flex;
  justify-content: space-around;
}
.chose-variant-box .description-box .top {
  display: block;
  margin: 5px 0;
  font-size: 14px;
}
.pod-tab {
  height: 40px;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}
.pod-tab a {
  float: left;
  height: 39px;
  width: 100px;
  margin-right: 5px;
  background: #eee;
  text-align: center;
  line-height: 39px;
}
.pod-tab a.current {
  background: #fff;
  border-top: 2px solid red;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 40px;
}
.upload-file {
  height: 120px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.upload-file .leftimg {
  width: 120px;
  height: 100px;
  border-left: 2px solid red;
  padding: 0 10px;
  line-height: 100px;
}
.upload-file .leftimg img {
  max-width: 100px;
  max-height: 100px;
}
.upload-file .operate {
  flex: 1;
}
.pod-add-text .left-right {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
.pod-add-text .left-right .left {
  width: 120px;
  margin-right: 10px;
}
.pod-add-text .left-right .right {
  flex: 1;
}
.pod-add-text .edit-text textarea {
  width: 100%;
  height: 60px;
  border: 1px solid #eee;
}
.pod-add-text .text-resize input {
  width: 60px;
  border: 1px solid #eee;
  cursor: not-allowed;
}
.pod-add-text .edit-text .btns .add-text {
  float: left;
}
.pod-add-text .edit-text .btns .delete {
  float: right;
}
.img-cvs-wrap {
  position: relative;
}
.asj-move-item {
  cursor: move;
}
.asj-resize-box {
  position: absolute;
  z-index: 999;
  border: 1px dashed #4affff;
  display: none;
}
.asj-resize-delete-btn {
  position: absolute;
  cursor: pointer;
  display: none;
  z-index: 999;
}
.asj-resize-resize-btn {
  position: absolute;
  cursor: pointer;
  display: none;
  z-index: 999;
  width: 24px;
  -webkit-user-drag: none;
}
/* 20190715pod新版开发 */
.print-box {
  padding: 0;
  width: 870px;
  max-height: 100vh;
  overflow-y: auto;
  position: relative;
  -moz-user-select: none;
  /* Firefox私有属性 */
  -webkit-user-select: none;
  /* WebKit内核私有属性 */
  -ms-user-select: none;
  /* IE私有属性(IE10及以后) */
  -khtml-user-select: none;
  /* KHTML内核私有属性 */
  -o-user-select: none;
  /* Opera私有属性 */
  user-select: none;
  /* CSS3属性 */
}
.print-box-title {
  padding: 0 20px;
  line-height: 55px;
  position: relative;
  font-size: 18px;
  border-bottom: 2px solid #f0f0f0;
}
.print-box-title .close {
  display: inline-block;
  position: absolute;
  transform: translate(-50%, 0);
  top: 45%;
  right: 10px;
  color: var(--color-font-2);
  width: 25px;
  height: 25px;
  opacity: 1;
}
.print-box-title .close:hover {
  color: var(--color-font-1);
}
.print-box-main {
  display: flex;
}
.print-box-left {
  padding: 0 20px;
  width: 560px;
  height: 691px;
  position: relative;
}
.area-list-box {
  overflow-y: hidden;
  overflow-x: auto;
  line-height: 40px;
}
.area-list-box .area-list {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  left: -15px;
  width: auto;
  display: inline-block;
}
.area-list-box .area-item {
  padding: 0 15px;
}
.area-list-box .area-item.curr {
  color: var(--color-theme-1);
}
.area-list-box .area-item.curr:hover {
  color: var(--color-theme-1);
}
.area-list-box .iconfont {
  position: absolute;
  right: 18px;
  top: 0;
  font-size: 20px;
}
.area-list-box .iconfont:hover {
  color: #f70;
}
.area-list-box::-webkit-scrollbar {
  width: 2px;
  height: 6px;
}
.area-list-box::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.area-list-box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.print-box-right {
  flex: 1;
  border-left: 2px solid #F0F0F0;
  position: relative;
}
.print-box-left .tips {
  text-align: center;
}
.print-box-left .tips-title {
  color: #333;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
}
.tips-title2 {
  background-color: rgba(247, 186, 42, 0.1);
  border: 1px solid #ffb300;
  color: #666666;
  font-size: 16px;
  text-align: left;
  display: flex;
  padding: 5px 15px;
  border-radius: 3px;
  line-height: 19px;
}
.tips-title2 .iconfont {
  color: #ffb300;
  margin-right: 8px;
}
.print-box .green {
  color: #39B75D;
}
.print-range-box {
  position: relative;
  margin-top: 20px;
}
.print-range-box .center-line {
  position: absolute;
  height: 20px;
  width: 2px;
  background: #C0C0C0;
  left: 50%;
  margin-left: -11px;
  top: -10px;
  z-index: 0;
}
input.print-range[type=range] {
  appearance: none;
  -webkit-appearance: none;
  width: 400px;
  margin: 0 auto;
}
input.print-range[type=range]::-webkit-slider-runnable-track {
  height: 2px;
  background: #C0C0C0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  background: #ffffff;
  border-radius: 50%;
  /*外观设置为圆形*/
  border: 2px solid #c0c0c0;
  position: relative;
  z-index: 1;
}
input[type=range]::-webkit-slider-thumb:hover {
  border-color: #f70;
}
.print-box-left .opera-type {
  padding: 20px 0;
  margin-left: 50px;
  overflow: hidden;
}
.print-box-left .opera-type .title {
  color: #999999;
  font-size: 12px;
  line-height: 30px;
}
.print-box-left .opera-rotate {
  display: flex;
  float: left;
}
.print-opera-num {
  display: flex;
  line-height: 30px;
  height: 30px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  width: 100px;
  text-align: center;
}
.print-opera-num .reduce,
.print-opera-num .add {
  display: inline-block;
  flex: 1;
  cursor: pointer;
}
.print-opera-num .reduce:hover,
.print-opera-num .add:hover {
  color: #f70;
}
.print-opera-num .reduce {
  border-right: 1px solid #BFBFBF;
  color: #cbcbcb;
}
.print-opera-num .add {
  border-left: 1px solid #BFBFBF;
  color: #666;
}
.print-opera-num .num {
  width: 38px;
  color: #606266;
  border: 0 none;
  background: none;
  text-align: center;
}
.print-box-left .opera-move {
  float: right;
  margin-right: 50px;
}
.print-box-left .opera-move .middle {
  transform: rotate(90deg);
  display: inline-block;
}
.print-box-left .opera-move i {
  margin-left: 10px;
  font-size: 30px;
  color: #C0C0C0;
  line-height: 30px;
}
.print-box-left .opera-move i:hover {
  color: #f70;
  cursor: pointer;
}
.print-box-left .opera-reset {
  padding: 0 3px;
  height: 30px;
  font-size: 12px;
  color: #999999;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border: 1px solid #C0C0C0;
  margin-left: 10px;
  position: relative;
  top: -5px;
}
.print-box-left .opera-reset:hover {
  color: #f70;
  border-color: #f70;
  cursor: pointer;
}
.print-tab-list {
  line-height: 40px;
  display: flex;
  text-align: center;
}
.print-tab-item {
  flex: 1;
  font-size: 14px;
  color: #303133;
  border-bottom: 1px solid #F0F0F0;
}
.print-tab-item.curr {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-bottom-color: #F0F0F0;
}
.print-tab-item.curr:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
  border-bottom-color: #F0F0F0;
}
.print-tab-item:hover {
  cursor: pointer;
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.pring-right-main {
  padding: 10px 0 60px;
}
.pring-right-main .title {
  color: #333333;
  padding: 5px 0;
  overflow: hidden;
  font-size: 14px;
}
.pring-right-main .print-select {
  margin: 0 20px;
}
.print-select select,
.print-select .select {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding-left: 10px;
  font-size: 14px;
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
}
.print-select .select .square {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
  background: #000;
}
.ui-select {
  position: relative;
}
.ui-select:after {
  color: #D9D9D9;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 56%;
  z-index: 0;
  font-family: "iconfont";
  content: '\e618';
}
.pring-right-main .print-level {
  margin-top: 10px;
  height: 500px;
  /* width: 298px;
    overflow-x: hidden; */
  overflow-y: auto;
}
.print-level::-webkit-scrollbar {
  width: 6px;
}
.print-level::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.print-level::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.pring-right-main .print-level .title {
  padding: 0 20px;
}
.pring-right-main .print-level .right {
  float: right;
}
.pring-right-main .print-level-nodata {
  min-height: 50px;
  padding: 30px 0;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.print-btn-group {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.print-btn-group .ui-btn {
  color: var(--color-font-1);
  font-size: 14px;
  border-radius: 4px;
  /* border: 1px solid #E6E6E6; */
  min-width: 100px;
  padding: 0 3px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  margin: 5px 6px;
  position: relative;
  background: var(--color-bg-9);
  cursor: pointer;
}
.print-btn-group .ui-btn:hover {
  color: var(--color-font-1);
  background: var(--color-bg-14-1);
}
.print-btn-group .ui-btn.org {
  color: var(--color-font-4);
  background: var(--color-theme-1);
}
.print-btn-group .ui-btn.org:hover {
  color: var(--color-font-4);
  background: var(--color-theme-1-1);
}
.level-group .ui-btn:hover,
.print-btn-group .ui-btn.f-org {
  color: #FF7700;
  border-color: #FF7700;
}
.uppercase {
  text-transform: uppercase;
}
.print-level-item {
  border-left: 4px solid #fff;
}
.print-level-item .main {
  display: flex;
  padding: 5px 14px 15px 15px;
  font-size: 14px;
  color: #333;
}
.print-level-item .img,
.print-level-item .text {
  width: 60px;
  height: 60px;
  object-fit: contain;
  background: #EFEFEF;
  padding: 5px;
  margin-right: 10px;
  line-height: 50px;
  text-align: center;
  color: #999;
}
.print-level-item .detail {
  flex: 1;
}
.print-level-item .icon {
  font-size: 60%;
  width: 35px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  background: #4A90E2;
  color: #fff;
  font-style: normal;
}
.print-level-item .detail p {
  overflow: hidden;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  width: 195px;
}
.print-level-item .detail-title {
  margin-bottom: 10px;
}
.print-level-item.curr {
  background: rgba(255, 119, 0, 0.2);
  border-left-color: #4A90E2;
}
.print-level-item .opera-list {
  padding-bottom: 5px;
  padding-left: 8px;
}
.print-level-item .opera-item {
  border: 1px solid #FF7700;
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  color: #FF7700;
  display: inline-block;
  margin: 0 3px;
  background: #fff;
  position: relative;
}
.print-level-item .opera-item:hover .tips {
  display: block;
}
.print-level-item .opera-item .tips {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: max-content;
  top: 40px;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 1.5;
  font-size: 14px;
  z-index: 9;
}
.print-level-item .opera-item:first-child .tips {
  left: -10px;
  transform: translate(0, 0);
}
.print-level-item .opera-item:last-child .tips {
  left: 9%;
}
.print-level-item .opera-item:first-child .tips::before {
  border-width: 4px 8px 6px 0px;
  border-color: transparent transparent #000 #000;
  left: 28%;
}
.print-level-item .opera-item:last-child .tips::before {
  border-width: 6px 8px 0px 9px;
  border-color: transparent #000 #000 transparent;
  top: -6px;
}
.print-level-item .opera-item .tips::before {
  border: 5px solid #fff;
  border-color: transparent transparent #000 transparent;
  opacity: 0.7;
  position: absolute;
  top: -10px;
  content: '';
  left: 50%;
  margin-left: -3px;
}
.print-level-item .opera-item input {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.print-level-item .opera-item i {
  font-size: 22px;
}
.print-level-item .opera-item button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.print-level-item .opera-item:hover {
  cursor: pointer;
  background: #FF7700;
}
.print-level-item .opera-item:hover i {
  color: #fff;
}
.pring-right-main .print-btn-group {
  margin-top: 25px;
}
.print-box .print-btn-group.all {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.print-box .print-btn-group.all .ui-btn {
  width: 122px;
}
.print-btn-group .ui-btn .file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.pring-right-main.info,
.pring-right-main .info-item {
  font-size: 14px;
}
.pring-right-main .info-item {
  margin: 0 20px 10px;
}
.pring-right-main .info-list {
  max-height: 300px;
  overflow-y: scroll;
}
.pring-right-main.info .input {
  width: 100%;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}
.pring-right-main.info .all {
  font-size: 12px;
}
.pring-right-main.info .all.disable .iconfont {
  cursor: not-allowed;
}
.pring-right-main.info .all .iconfont {
  color: #E8E8E8;
  margin-right: 5px;
}
.pring-right-main.info .all .curr.iconfont {
  color: var(--color-theme-1);
}
.pring-right-main.info .iconfont.iconHover:hover {
  color: var(--color-theme-1-1);
}
.pring-right-main.info .check-list {
  overflow: hidden;
  margin: 5px 0 5px;
}
.pring-right-main.info .check-item {
  float: left;
  margin-right: 20px;
  white-space: nowrap;
  margin-bottom: 5px;
  font-size: 12px;
}
.pring-right-main.info .check-item.disable .iconfont {
  cursor: not-allowed;
}
.pring-right-main.info .check-item .iconfont {
  color: #E8E8E8;
  margin-right: 5px;
}
.pring-right-main.info .check-item .iconfont.curr {
  color: var(--color-theme-1);
}
.pring-right-main .textarea {
  font-size: 14px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  height: 100px;
  resize: none;
}
.pring-right-color {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  bottom: 0;
}
.pring-right-color .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.3);
  z-index: 1;
  border-bottom-right-radius: 5px;
}
.pring-right-color-box {
  position: absolute;
  z-index: 10;
  background: #fff;
  top: 0;
  padding-bottom: 20px;
  bottom: 0;
  overflow-x: hidden;
  width: 298px;
  overflow-y: scroll;
  box-sizing: border-box;
  box-sizing: -webkit-box-sizing;
}
.pring-right-color-box::-webkit-scrollbar {
  width: 2px;
  height: 3px;
}
.pring-right-color-box::-webkit-scrollbar-track {
  background-color: #e5ebe5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.pring-right-color-box::-webkit-scrollbar-thumb {
  background-color: #fc8c30;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.pring-right-color-box .print-select {
  margin-bottom: 20px;
}
.pring-right-color-box .ui-select:after {
  top: 40px;
}
.pring-right-color-box .color-list {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0 0 5px #E8E8E8;
  width: 258px;
  margin: 5px auto 0;
  overflow: hidden;
  padding: 5px;
}
.pring-right-color-box .color-item {
  float: left;
  width: 31px;
  height: 30px;
  margin: 2px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
}
.pring-right-color-box .opera-list {
  margin: 10px 8px 10px 20px;
  overflow: hidden;
}
.pring-right-color-box .opera-item {
  float: left;
  width: 50%;
}
.pring-right-color-box .print-opera-num {
  width: 120px;
}
.pring-right-color-box .print-opera-num .num {
  width: 48px;
}
.pring-right-color-box .print-btn-group {
  padding-right: 15px;
}
.pring-right-color-box .print-btn-group .ui-btn {
  float: right;
  width: 80px;
  margin: 5px;
}
.print-canvas-box {
  position: relative;
  height: 500px;
  width: 500px;
  border: 1px solid #EFEFEF;
}
.print-canvas-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.print-box-load {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 5px;
}
.print-box-load img {
  width: 25px;
  height: 25px;
}
.print-btn-group.text {
  padding-right: 0;
}
.print-btn-group .ui-btn.blue {
  background: #4A90E2;
  color: #fff;
  border-color: #4A90E2;
}
.print-btn-group .ui-btn.blue:hover {
  background: #5A9EED;
  outline: none;
  border-color: #5A9EED;
}
.print-btn-group .ui-btn.blue {
  float: none;
}
.pring-right-color-box.add-text {
  position: relative;
}
.pring-easy {
  padding: 0 25px;
}
.pring-easy-item {
  margin-bottom: 10px;
}
.pring-easy-item .title {
  padding-bottom: 5px;
}
.pring-easy-item-main {
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  background: #fff;
  width: 246px;
  height: 246px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.pring-easy-item-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pring-easy-item-main input,
.pring-easy-item-main .upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 246px;
  text-align: center;
  z-index: 1;
}
.pring-easy-item-main input {
  opacity: 0;
}
.pring-easy-item-main:hover .upload {
  display: block;
}
.pring-easy-item-main .upload {
  display: none;
  background: rgba(0, 0, 0, 0.6);
}
.pring-easy-item-main .upload i {
  font-size: 60px;
  color: #fff;
}
/* podsetting设置 */
.podset-box {
  padding: 0;
  width: 828px;
}
.podset-top {
  position: relative;
  border-bottom: solid 1px #f0f0f0;
  padding: 0 10px;
}
.podset-top .podset-close {
  position: absolute;
  right: 30px;
  top: 20px;
  height: 25px;
  font-size: 30px;
  color: #666;
}
.podset-top .podset-close:hover {
  cursor: pointer;
}
.podset-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #F9F8F8;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
  font-size: 16px;
  color: var(--color-font-1);
  position: relative;
}
.podset-title .closeIcon {
  font-size: 14px;
  color: var(--color-font-2);
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
}
.podset-tab-list {
  padding: 20px 60px;
}
.podset-tab-item {
  padding: 10px 20px;
  line-height: 1;
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  color: #333;
  background: #F9F9F9;
  margin-right: 20px;
  min-width: 90px;
  display: inline-block;
  text-align: center;
}
.podset-tab-item:hover {
  opacity: 0.7;
  cursor: pointer;
}
.podset-tab-item.active {
  background: #fff;
  color: #F29748;
  border-color: #F29748;
}
.podset-main {
  padding: 20px 65px;
  overflow: hidden;
  min-height: 463px;
}
.podset-btn-box {
  background: #DEDEDF;
  background-image: linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 0);
  background-size: 20px 20px, 20px 20px;
  height: 100px;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-bottom: 15px;
}
.podset-btn-box .podset-btn {
  margin: auto;
  /*  width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 29px;
    background: #f70; */
  border: 1px solid #333300;
  text-align: center;
}
.podset-set-list {
  overflow: auto;
}
.podset-set-item {
  margin: 15px 0;
  width: 50%;
  float: left;
  display: flex;
}
.podset-set-item .item-label {
  flex: 1;
  text-align: right;
  height: 42px;
  line-height: 42px;
  margin-right: 2px;
}
.podset-set-item .item-box {
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 42px;
  line-height: 42px;
  padding-left: 5px;
  position: relative;
}
.podset-set-item .item-main {
  width: 150px;
}
.podset-set-item .input {
  border-radius: 10px;
  height: 89%;
  width: 99%;
  padding-left: 5px;
}
.podset-set-item .item-color {
  width: 30px;
  height: 20px;
  border: 1px solid #BBB;
  border-radius: 2px;
  display: inline-block;
  margin-top: 10px;
}
.podset-set-item .item-choose {
  position: absolute;
  right: -1px;
  top: 0;
  background: #F9F9F9;
  width: 50px;
  text-align: center;
  height: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.podset-set-item .item-choose-list {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 70px;
  line-height: 28px;
  border: 1px solid #D5D4D4;
  box-shadow: 0 0 3px 1px #eee;
  background: #fff;
  text-align: center;
  border-radius: 5px;
}
.podset-set-item .item-choose-item.active {
  background: #eee;
}
.podset-set-item .item-choose-item:hover {
  background: #ddd;
  cursor: pointer;
}
.podset-set-item .item-main.ui-px:after,
.podset-set-item .item-main.ui-percent:after {
  top: 0;
  margin-top: 0;
}
.podset-set-item .input-color {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 9;
  opacity: 0;
}
.podset-choose-list {
  padding: 15px 0;
}
.podset-choose-item {
  padding: 15px 0;
  color: #333;
}
.podset-choose-item .org {
  color: #f70;
}
.podset-choose-item .iconfont {
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.podset-btn-group {
  float: right;
  margin: 20px 65px 20px 0;
}
.podset-btn-group .ui-btn {
  padding: 8px 14px;
  min-width: 100px;
  line-height: 1;
  display: inline-block;
  color: #666666;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 15px;
  border: 1px solid #666666;
}
.podset-btn-group .ui-btn:hover {
  color: #F29748;
  background: #fff2ea;
  border: 1px solid #f78e29;
}
.podset-btn-group .ui-btn.active {
  color: #fff;
  background: #F29748;
  border-color: #F29748;
}
.podset-btn-group .ui-btn.active:hover {
  color: #fff;
  background: #ff9900;
}
.ui-px,
.ui-select1,
.ui-percent {
  position: relative;
}
.ui-px:after {
  position: absolute;
  content: 'px';
  color: #333;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.ui-select1:after {
  font-family: 'iconfont';
  position: absolute;
  content: '\e616';
  color: #BFBFBF;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.ui-percent:after {
  position: absolute;
  content: '%';
  color: #333;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.vip .podset-tab-item.active {
  color: #8B572A;
  border-color: #8B572A;
  box-shadow: 0px -1px 3px 0px rgba(246, 218, 189, 0.5);
}
.vip .podset-btn-group .ui-btn {
  background: #f5f5f5;
  border: 1px solid #c1c1c1;
}
.vip .podset-btn-group .ui-btn:hover {
  color: #8B572A;
  background: linear-gradient(90deg, #fffcf9 0%, #fdf9ef 100%);
  border: 1px solid #8b572a;
}
.vip .podset-btn-group .ui-btn.active {
  background: linear-gradient(135deg, #f2d7a1 0%, #dfad65 100%);
  color: #fff;
  border-color: #fff;
  padding: 10px 15px;
}
.vip .podset-btn-group .ui-btn.active:hover {
  color: #8B572A;
  background: linear-gradient(135deg, #f2d7a1 0%, #dfad65 100%);
}
.vip .podset-choose-item .org {
  color: #D08C32;
}
.print-box-left-cont {
  height: 540px;
}
.podset-set-item .item-select {
  width: 100%;
  appearance: none;
  height: 100%;
}
.podset-set-item .item-select {
  width: 100%;
  appearance: none;
  height: 100%;
}
.prism-big-play-btn {
  left: calc(50% - 32px) !important;
  bottom: calc(50% - 32px) !important;
}
.prism-player .prism-cover {
  background-repeat: no-repeat;
  background-size: cover;
  /** TODO 这个需要加上，否则会导致阿里云的播放器默认加上一个空地址url，导致商品详情页面会再加载一次 */
  background-image: none !important;
}
body .remove-detail-border {
  border: none;
}
/*
  * 使用symbol
  */
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.line-through {
  text-decoration: line-through;
}
.border {
  border: 1px solid red;
}
.border1 {
  border: 1px solid blue;
}
.border2 {
  border: 1px solid black;
}
.xauto {
  margin: 0 auto;
}
.pd-wrap {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  border-top: 1px solid #fff;
  overflow: hidden;
}
.wh {
  width: 100%;
  height: 100%;
}
.pd-con-wrap {
  width: 1200px;
  margin: 0 auto;
}
.pd-con-wrap .toTop {
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: var(--color-font-1);
  font-weight: 400;
  display: none;
  text-align: center;
  line-height: 15px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  position: fixed;
  right: 22px;
  bottom: 50px;
  z-index: 100;
  cursor: pointer;
}
.pd-con-wrap .toTop:hover {
  color: var(--color-theme-1);
}
.pd-con {
  position: relative;
  z-index: 0;
  margin-bottom: 50px;
}
.pdt-nav-txt p {
  color: #3b3b3b;
  font-size: 16px;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
}
.pdt-nav-txt p a:last-child {
  color: #FF7700;
}
.pdt-nav-txt a {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-3);
  line-height: 17px;
}
.pdt-nav-txt a:hover {
  color: #FF7700;
}
.pd-mid-id {
  display: flex;
  justify-content: space-between;
}
.cotton-p {
  font-size: 18px;
  color: #333333;
  padding-bottom: 20px;
  word-break: break-word;
}
.pd-mid-l {
  float: left;
  vertical-align: top;
  width: 432px;
  background-color: #fff;
  padding: 16px;
  position: relative;
  border-bottom-left-radius: 8px;
}
.mid-l-big {
  overflow: hidden;
  display: table;
}
.mid-l-big .box {
  margin-bottom: 16px;
  overflow: hidden;
}
.mid-l-big .smallBox {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mid-l-big .smallBox .mask {
  width: 133px;
  height: 133px;
  background: rgba(247, 157, 45, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  display: none;
  z-index: 2;
}
.download-box .download-icon {
  font-size: 40px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  border-radius: 50%;
  color: #f70;
}
.pd-mid-l .bigBox {
  width: 400px;
  height: 400px;
  display: none;
  overflow: hidden;
  border: 1px solid #ccc;
  position: absolute;
  top: 16px;
  left: 425px;
  z-index: 1000;
  border-radius: 10px;
}
.pd-mid-l .bigBox img {
  position: absolute;
  background-color: #fff;
}
.mid-l-smll {
  overflow-x: auto;
}
.no-scroll-swiper {
  overflow: hidden;
}
.mid-ls-row {
  margin-top: 15px;
  display: table;
}
.mid-ls-row a {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 17px;
  border: 1px solid #dfdfdf;
  background-color: #F7F5F4;
  border-radius: 2px;
  overflow: hidden;
}
.mid-ls-row a:last-child {
  margin-right: 0;
}
.mid-ls-row a:hover {
  border-color: var(--color-line-7);
}
.mid-ls-row .video-swiper .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.mid-ls-row a.active {
  border: 1px solid #ff7418;
}
.mid-ls-row img {
  display: block;
  height: 62px;
  margin: 0 auto;
}
.pd-mid-r {
  float: left;
  width: 508px;
  vertical-align: top;
  background: #fff;
  padding: 16px 16px 16px 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.swiper-container {
  width: 390px;
  height: 64px;
  position: relative;
}
.swiper-container .swiper-button-prev {
  left: 0;
  background-image: url('/static/image/product-img/swiper-button-prev.png');
}
.swiper-container .swiper-button-next {
  right: 0;
  background-image: url('/static/image/product-img/swiper-button-next.png');
  background-position: right top;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: 0;
  width: 30px;
  height: auto;
  background-size: 30px 64px;
}
.pd-midr-tul > li {
  line-height: 20px;
  margin-bottom: 16px;
}
.pd-midr-tul .paddleft24 {
  padding-left: 24px;
}
.pd-midr-tul li span {
  font-size: 14px;
  color: #333;
}
.pd-midr-tul li span.merch-inventory {
  margin-right: 6px;
}
.pod-aspect {
  cursor: pointer;
  user-select: none;
}
.pd-midr-tul li .pd-span1 {
  color: #000;
}
.pd-midr-tul li span.item-label {
  display: inline-block;
  width: 111px;
  color: #999999;
  flex: 0 0  auto;
}
.pd-midr-tul li span.item-label-long {
  display: inline-block;
  width: 190px;
  color: #999999;
}
.pd-midr-tul li span.item-label-long-value,
.pd-midr-tul li span.item-label-long-value b {
  /* font-weight: bold; */
  color: #444;
}
.pd-midr-tul li .item-value {
  display: inline-block;
  max-width: 419px;
}
.pd-midr-tul .product-price-item {
  position: relative;
  padding: 12px 0;
  background-color: #FAFAFA;
  font-size: 14px;
  line-height: 1;
}
.pd-midr-tul .product-price-item .price-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.pd-midr-tul .product-price-item .price-box .line-through {
  margin-top: 4px;
}
.pd-midr-tul .product-price-item-section {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 7px 8px 10px 4px;
  /* line-height: 62px; */
  background-color: #FAFAFA;
  font-size: 14px;
}
.pd-midr-tul .product-price-item,
.pd-midr-tul .product-price-item-section {
  padding-left: 24px;
}
.pd-midr-tul .product-price-item .price-value {
  font-size: 30px;
  color: #FF7700;
}
.pd-midr-tul .product-price-item .line-through {
  font-size: 16px;
  color: #999;
  display: block;
}
.pd-midr-tul .product-price-item-section .specification-price {
  display: flex;
  background: #FAFAFA;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 15px 10px 0 0;
}
.pd-midr-tul .product-price-item-section .specification-price p {
  font-size: 14px;
}
.pd-midr-tul .product-price-item-section .specification-price .spec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 105px;
}
.pd-midr-tul .product-price-item-section .specification-price .spec p {
  color: #999;
}
.product-price-item-section .value-item {
  line-height: 20px;
  margin-bottom: 12px;
}
.product-price-item-section .value-item.curr .value-item-price {
  color: var(--color-theme-1);
}
.product-price-item-section .value-item-price {
  font-size: 20px;
}
.product-price-item-section .value-item-moq {
  color: #666;
  font-size: 14px;
}
.border-line-dash {
  width: 100%;
  border-top: 1px dashed #D9D9D9;
  margin: 16px 0;
}
.pd-midr-tul .btn-li {
  margin: 10px 0;
}
.pd-midr-tul .collect-list {
  float: left;
  margin-bottom: 10px;
}
.pd-midr-tul .collect-list img {
  float: left;
  margin-right: 16px;
  width: 34px;
}
.collect-list-btn .suspend {
  width: 400px;
  text-align: left;
  line-height: 20px;
  cursor: auto;
}
.collect-list-btn .text {
  display: block;
}
.collect-list-btn .suspend a {
  color: var(--color-theme-1);
  white-space: normal;
}
.collect-list-btn .suspend a:hover {
  text-decoration: underline;
}
.pd-midr-tul .collect-list > a,
.pd-midr-tul .collect-list .collect-list-btn {
  min-width: 154px;
  float: left;
  background: rgba(255, 119, 0, 0.2);
  color: #FF7700;
  font-size: 16px;
  border-radius: 4px;
}
.btn-li .collect-list {
  margin-right: 15px;
}
.btn-li .collect-list:nth-child(3n) {
  margin-right: 0;
}
.collect-list > a:hover,
.collect-list .collect-list-btn:hover {
  background: var(--color-theme-1);
  color: #ffffff;
}
.collect-list > a:hover,
.collect-list .collect-list-btn:hover .pd-listing {
  color: #ffffff;
}
.collect-list > a.bold,
.collect-list .collect-list-btn.bold {
  width: 200px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #F78E29;
  color: #fff;
  border: none;
}
.collect-list .disable-add {
  float: left;
  color: #FF7700;
  background-color: #FEEEDF;
  opacity: 0.5;
  border: 1px solid #ffd1a5;
  width: 154px;
  cursor: not-allowed;
}
.collect-list .disable-add:hover {
  color: #FF7700 !important;
  background-color: #FEEEDF !important;
  opacity: 0.5;
  border: 1px solid #ffd1a5 !important;
}
.collect-list .new-list-color,
.collect-list .suspend-box.new-list-color {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
}
.collect-list .new-list-color:hover,
.collect-list .suspend-box.new-list-color:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.disable-posireat {
  position: relative;
  overflow: initial;
  display: flex;
}
.verify-now {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-bottom: 30px;
}
.verify-now .verify-now-link {
  cursor: pointer;
  color: #FF7700;
}
.verify-now .verify-now-link:hover {
  text-decoration: underline;
}
.btn-li .verify-now {
  margin-bottom: 10px;
}
.collect-list .disable-tips {
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  position: absolute;
  left: -3px;
  bottom: 58px;
  z-index: 99;
}
.pd-midr-tul .collect-list .disable-tips {
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  position: absolute;
  left: -3px;
  bottom: 58px;
  z-index: 99;
}
.collect-list .disable-add::after {
  display: none;
  content: '';
  position: absolute;
  left: 87px;
  bottom: 34px;
  border-width: 14px 10px 10px 9px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
}
.pd-midr-tul .collect-list > a.bold:hover,
.pd-midr-tul .collect-list .collect-list-btn.bold:hover {
  background-color: #F70;
}
.pd-midr-tul .pd-bt-title .pd-span1 {
  float: left;
  width: 45px;
}
.pd-midr-tul .pd-bt-title .color-imgs {
  float: left;
  width: 380px;
}
.pd-midr-tul .pd-bt-title img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  border: 1px solid #dfdfdf;
}
.pd-midr-tul .pd-bt-title img.active {
  border: 1px solid #ff7418;
}
.pd-midr-tul .pd-color-img {
  margin: 0 17px 0 20px;
}
.pd-midr-tul .pd-money-span {
  color: #000000;
}
.pd-midr-tul .ship-method-li {
  min-height: 30px;
}
.pd-midr-tul .ship-method-li .pd-midr-seclet {
  /*float: left;*/
  position: relative;
  display: inline-block;
  width: 500px;
  top: 10px;
}
.pd-midr-tul .ship-method-li .caret {
  position: absolute;
  right: 5px;
  top: 11px;
  color: #000;
  border-top: 6px dashed;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.pd-midr-tul .aggregate {
  background: #FAFAFA;
  padding: 9px 24px;
  display: flex;
}
.pd-midr-tul .aggregate > div {
  flex: 1;
}
.pd-midr-tul .aggregate > div:not(:last-child) {
  padding-right: 12px;
}
.pd-midr-tul .aggregate > div.totalPrice {
  flex: none;
  width: 160px;
}
.pd-midr-tul .aggregate span.item-label-long {
  width: auto;
  font-size: 12px;
}
.pd-midr-tul .aggregate .label-value {
  word-break: break-all;
  display: block;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box {
  display: flex;
  align-items: center;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box .quantity {
  display: flex;
  align-items: center;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box .weight {
  margin-left: 8px;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box .weight .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 143px;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box.quantityStyle span.item-label-long {
  width: auto;
  margin-right: 44px;
}
.pd-midr-tul .pro-quantity-li .pro-quantity-box.quantityStyle .weight .text {
  max-width: 226px;
}
.pd-midr-tul .pro-quantity-li .pd-span1 {
  float: left;
  /* margin-right: 10px; */
}
.pd-midr-tul .pro-quantity-li .right {
  float: left;
  width: 430px;
}
.pd-midr-tul .pro-quantity-li .pro-num-inp {
  float: left;
  width: 60px;
  font-size: 14px;
  line-height: 28px;
  /* margin-bottom: 2px; */
  text-align: center;
  border: 1px solid #d4d4d4;
  border-radius: 0;
  margin-left: -1px;
}
.pd-midr-tul .pro-quantity-li .minus,
.pd-midr-tul .pro-quantity-li .plus {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #d4d4d4;
  text-align: center;
  margin-left: -1px;
  cursor: pointer;
  font-size: 18px;
  user-select: none;
  -webkit-user-select: none;
}
.pd-midr-tul .pro-quantity-li .minus.noClick {
  cursor: not-allowed;
}
.pd-midr-tul .pro-quantity-li .minus.noClick .iconfont {
  color: #d4d4d4;
}
.pd-midr-tul .pro-quantity-li .overweight-tip {
  color: #fe5857;
  font-size: 12px;
  line-height: 16px;
}
.pd-midr-tul .pd-midr-seclet {
  width: 375px;
  display: inline-block;
  margin-top: 2px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eee;
  /*border-radius: 4px;*/
  font-size: 14px;
  padding: 0 10px 0 5px;
  color: #333333;
}
.pd-midr-tul .pd-midr-seclet .country-span,
.pd-midr-tul .pd-midr-seclet .method-span {
  display: block;
  float: left;
  margin-right: 5%;
  width: 63%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: inherit;
}
.pd-midr-tul .pd-midr-seclet .country-span {
  margin-right: 3%;
}
.pd-midr-tul .pd-midr-seclet .method-span {
  width: 32%;
  margin-right: 0;
}
.pd-midr-tul .ship-from-sele {
  display: inline-block;
  width: 145px;
  height: 26px;
  line-height: 24px;
  /*border-radius: 4px;*/
  border: 1px solid #eee;
  color: #666;
  font-size: 14px;
}
.pd-midr-tul .pd-china-btn,
.pd-midr-tul .pd-us-btn {
  display: inline-block;
  width: 140px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
}
.pd-midr-tul .pd-china-btn {
  border: 1px solid #333333;
  color: #333333;
  font-size: 14px;
}
.pd-midr-tul .pd-us-btn {
  color: #9b9b9b;
  border: 1px solid #dfdfdf;
  font-size: 14px;
}
.pd-listing {
  min-width: 154px;
  padding: 0 10px;
  height: 34px;
  border: 1px solid #f70;
  color: #f70;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
}
.pd-listing > a {
  color: inherit;
}
.pd-listing:hover {
  color: #ffffff;
  background: var(--color-theme-1);
  border-radius: 4px;
  border: 1px solid var(--color-theme-1);
}
.autho-tips {
  font-size: 14px;
  line-height: 22px;
  color: #08aceb;
  margin-bottom: 10px;
}
.autho-tips a {
  color: #08aceb;
  border-bottom: 1px solid #08aceb;
}
.pd-des-p {
  font-size: 12px;
  color: #000;
  position: relative;
}
.pd-des-p p {
  font-size: 12px;
}
.pd-des-p td {
  font-size: 12px;
}
.pd-des-p span:nth-child(1) {
  font-weight: 600;
  font-family: PingFangSC-Semibold;
}
.pd-des-p #pd-description {
  color: #000000;
  font-size: 14px;
  word-break: break-all;
}
.pd-des-p #pd-description table {
  width: 100% !important;
}
.pd-des-p #pd-description img {
  max-width: 100%;
  display: block;
}
.pd-des-p .pCommits {
  font-size: 14px;
  margin: 0 20px;
  text-align: right;
}
.pd-des-p .pCommits .pCommitsIcon {
  font-size: 14px;
  color: var(--color-theme-1);
}
.pd-des-p .pCommits a {
  color: var(--color-theme-1);
}
.pd-des-p .pCommits a:hover {
  color: var(--color-theme-1-1);
}
.pd-des-p .pCommits a:hover .pCommitsIcon {
  color: var(--color-theme-1-1);
}
.pd-des-p .pCommits a img {
  height: 14px;
}
.pd-des-p .detailInto {
  position: relative;
  font-size: 14px;
  overflow: hidden;
}
.pd-des-p .detailInto .commitsList .add-comment {
  color: var(--color-theme-1);
}
.pd-des-p .detailInto .commitsList .add-comment:hover {
  color: var(--color-theme-1-1);
}
.pd-des-p .detailInto h3 {
  font-size: 20px;
  color: #333;
  margin: 0 20px 10px;
}
.pd-des-p .detailInto h3 .scor {
  font-size: 18px;
  color: #999;
  display: inline;
  padding-left: 8px;
}
.pd-des-p .detailInto h3 .scor.ye {
  color: #FF7700;
}
.pd-des-p .detailInto h3 .scor span {
  font-size: 24px;
}
.pd-des-p .detailInto .tips {
  color: #666;
  padding: 0 20px 20px;
  border-bottom: 1px solid #F8F8F8;
}
.pd-des-p .detailInto > button {
  position: absolute;
  top: 0;
  right: 20px;
  width: 130px;
  height: 34px;
  background: var(--color-theme-1);
  border-radius: 2px;
  color: var(--color-font-4);
}
.pd-des-p .detailInto > button:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.pd-des-p .detailInto .btns {
  float: left;
  width: 9%;
  padding-left: 10px;
}
.pd-des-p .detailInto .btns button {
  width: 70px;
  height: 28px;
  background: #F7F7F7;
  border-radius: 4px;
  color: #999;
}
.pd-des-p .detailInto .btns button.confirm {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  margin-bottom: 10px;
}
.pd-des-p .detailInto .btns button.confirm:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.pd-des-p .detailInto .btns button.cancel {
  background: var(--color-bg-10);
  color: var(--color-font-1);
}
.pd-des-p .detailInto .btns button.cancel:hover {
  background: var(--color-bg-14-1);
  color: var(--color-font-1);
}
.pd-des-p .detailInto .mar {
  margin: 20px 20px 0;
}
.pd-des-p .textInto {
  background: #F7F7F7;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
  width: 91%;
  float: left;
  overflow: hidden;
}
.pd-des-p .textInto textarea {
  background: #F7F7F7;
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
  resize: none;
}
.pd-des-p .commitsList .selfCommits {
  background: #fff7f0;
}
.pd-des-p .commitsList .nodata {
  /* line-height: 222px; */
  text-align: center;
  color: #999;
}
.pd-des-p .commitsList .nodata a {
  color: #ff7700;
}
.pd-des-p .commitsList li {
  overflow: hidden;
  padding: 20px;
  border-bottom: 1px solid #F3F3F3;
}
.pd-des-p .commitsList li > div {
  float: left;
}
.pd-des-p .commitsList .img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  color: #D9D9D9;
  margin-right: 15px;
}
.pd-des-p .commitsList .img img {
  width: 44px;
  height: 44px;
}
.pd-des-p .commitsList .img p {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 44px;
  border: 1px solid #ececec;
  text-align: center;
  border-radius: 50%;
}
.pd-des-p .commitsList .cont {
  font-size: 14px;
  color: #333;
  max-width: 90%;
}
.pd-des-p .commitsList .cont p {
  margin-bottom: 10px;
  width: 100%;
  line-height: 20px;
  word-break: break-all;
}
.pd-des-p .commitsList .cont p.creatime {
  color: #999;
}
.pd-mid-info .asj-page-box .total-num {
  margin-left: 65px;
}
.star {
  position: relative;
  width: 224px;
  padding: 0;
  font-size: 12px;
  padding-bottom: 10px;
  line-height: 1;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.staring {
  height: 20px;
  width: 70px;
  margin: 5px 0 15px;
}
.star > input {
  position: absolute;
  margin-right: -100%;
  opacity: 0;
}
.star > label,
.staring > label {
  position: relative;
  float: right;
  width: 14px;
  height: 14px;
  color: transparent;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.starTotal.staring > label {
  width: 19px;
  height: 19px;
}
.starTotal.staring {
  height: 17px;
  width: 130px;
  display: inline-block;
  margin: 0;
}
.star > input:focus + label {
  outline: none;
}
.star > input:checked ~ label,
.star > input:focus ~ label,
.star > input:hover ~ label {
  background-position: 0 -14px;
}
.staring > label.rated {
  background-position: 0 -14px;
}
.star > label:before,
.staring > label:before {
  display: none;
  position: absolute;
  content: " ";
  width: 14px;
  height: 14px;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
}
.starTotal.staring > label:before {
  width: 19px;
  height: 19px;
}
.starTotal.staring > label.rated {
  background-position: 0 -19px;
}
.pd-type-p {
  font-size: 12px;
  color: #706e6e;
  margin: 0 0 35px 0;
}
.pd-midr-mul li {
  margin: 10px 0;
}
.pd-midr-mul li p {
  font-size: 12px;
}
.pd-midr-mul li span {
  font-size: 12px;
}
.pd-collect-img {
  cursor: pointer;
}
.pd-mid-bul li {
  margin: 30px 0;
}
.pd-mid-bul li span {
  font-size: 12px;
  color: #706e6e;
}
@radius {
  border-radius: 4px;
}
.pd-commodity-show,
.pd-history-show {
  min-height: 340px;
  position: relative;
  background: #fff;
  padding-left: 8px;
}
.pd-commodity-show .container,
.pd-history-show .container {
  width: 1200px;
  padding: 0;
  position: relative;
}
.pd-commodity-show .container .product-title,
.pd-history-show .container .product-title {
  height: 62px;
  padding-left: 26px;
}
.pd-commodity-show .container .product-title p,
.pd-history-show .container .product-title p {
  font-size: 24px;
}
.pd-commodity-show .container .row,
.pd-history-show .container .row {
  margin-left: 0;
  margin-bottom: 22px;
  width: 1180px;
  height: 280px;
  margin: 0 auto;
  justify-content: space-between;
}
.pd-commodity-show .container .row .col-xs-3,
.pd-history-show .container .row .col-xs-3 {
  cursor: pointer;
  padding: 5px 0;
  width: 210px;
  height: 265px;
  margin-top: 10px;
  margin: 0 12px;
  background-color: #fff;
  border: 1px solid #f3f3f3;
}
.pd-commodity-show .container .row .col-xs-3 .listing-show,
.pd-history-show .container .row .col-xs-3 .listing-show {
  width: 100%;
  height: 205px;
  background: #fff;
  display: table;
}
.pd-commodity-show .container .row .col-xs-3 .listing-show a,
.pd-history-show .container .row .col-xs-3 .listing-show a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.pd-commodity-show .container .row .col-xs-3 .listing-show img,
.pd-history-show .container .row .col-xs-3 .listing-show img {
  max-width: 200px;
  max-height: 200px;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail,
.pd-history-show .container .row .col-xs-3 .product-detail {
  padding: 0 10px;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .detail-text,
.pd-history-show .container .row .col-xs-3 .product-detail .detail-text {
  display: block;
  font-size: 12px;
  color: #636363;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  height: 16px;
  line-height: 12px;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .product-price,
.pd-history-show .container .row .col-xs-3 .product-detail .product-price {
  font-size: 18px;
  color: #2e2e2e;
  display: inline-block;
  vertical-align: top;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .listing,
.pd-history-show .container .row .col-xs-3 .product-detail .listing {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  float: right;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .listing a,
.pd-history-show .container .row .col-xs-3 .product-detail .listing a {
  width: 50px;
  display: inline-block;
  background-color: #fe5858;
  height: 26px;
  padding: 0 5px;
  line-height: 26px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .listing a:hover,
.pd-history-show .container .row .col-xs-3 .product-detail .listing a:hover {
  background-color: #fd6b6b;
}
.pd-commodity-show .container .row .col-xs-3 .product-detail .listing img,
.pd-history-show .container .row .col-xs-3 .product-detail .listing img {
  cursor: pointer;
}
.pd-commodity-show .container .row .col-xs-3:hover .listing,
.pd-history-show .container .row .col-xs-3:hover .listing {
  opacity: 1;
}
.pd-commodity-show .container .swiper-button-prev,
.pd-history-show .container .swiper-button-prev {
  position: absolute;
  left: -5px;
}
.pd-commodity-show .container .swiper-button-next,
.pd-history-show .container .swiper-button-next {
  position: absolute;
  right: 0;
}
.pd-relat-p {
  height: 73px;
  font-size: 18px;
  color: #333333;
  line-height: 73px;
  background: #fff;
  padding-left: 20px;
  /* border-bottom: 1px solid #F2F2F2; */
  font-weight: 500;
  position: relative;
}
.pd-relat-p:after {
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background: #eeeeee;
  position: absolute;
  left: 20px;
  bottom: 0;
}
#his-row {
  margin-bottom: 20px;
}
.pd-view-history {
  height: 73px;
  font-size: 18px;
  color: #333333;
  line-height: 73px;
  background: #fff;
  padding-left: 16px;
  margin-top: 10px;
  /* border-bottom: 1px solid #F2F2F2; */
  font-weight: 500;
  position: relative;
}
.pd-view-history:after {
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background: #eeeeee;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.pd-related-con {
  position: relative;
  width: 1200px;
}
.com-bottom {
  height: 91px;
  width: 100%;
  background-color: #262626;
}
.com-bottom .forfoo-con {
  min-width: 1200px;
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding-top: 36px;
}
.com-bottom .forfoo-con span {
  padding: 0 16px;
  font-size: 14px;
  color: #c1c1c1;
}
.com-bottom .forfoo-con span .copyright-logo {
  padding: 0 5px 0 0;
  font-size: 22px;
  vertical-align: middle;
}
.com-bottom .forfoo-con a {
  padding: 0 16px;
  font-size: 14px;
  color: #c1c1c1;
  border-right: 1px solid #c1c1c1;
}
body .excelsec-layer .layui-layer-content {
  height: 20px !important;
  overflow: inherit;
  margin: 110px 0 80px;
}
body .excelsec-layer .layui-layer-content .excel-conp {
  color: #000;
  font-size: 14px;
  text-align: center;
}
body .excelsec-layer .layui-layer-btn {
  text-align: center;
}
body .excelsec-layer .layui-layer-btn a {
  color: #fff;
  margin: 0;
  text-align: center;
}
body .excelsec-layer .layui-layer-btn .layui-layer-btn0 {
  width: 108px;
  height: 30px;
  line-height: 30px;
  background: #ff8d31;
  border: 1px solid #d0d0d0;
  color: #fff;
}
.asj-top-head {
  position: relative;
  z-index: 99;
}
.asj-varient-ul {
  float: left;
  margin-top: 5px;
}
.asj-varient-ul li {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 5px;
  background: #eee;
  margin-right: 10px;
  font-size: 12px;
  cursor: pointer;
}
.pd-midr-tul .left-span {
  display: block;
}
.pd-bt-title select {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: #fff;
  border: 1px solid #eee;
  font-size: 12px;
  font-family: PingFangSC-Semibold;
  color: #666;
}
.pro-attr-li {
  display: flex;
}
.pro-attr-li b {
  font-weight: normal;
  /* margin-right: 10px; */
}
.pro-attr-li .item-label-long {
  flex: none;
}
.pro-attr-li .item-label-long-value {
  flex: 1;
  padding-left: 4px;
}
.asj-local-detail .pd-bt-title .left-span {
  clear: both;
  width: 127px;
}
.pd-mid .video {
  height: 400px;
  /*width: 1148px;*/
  /*margin: 10px auto;*/
  border: 1px solid #f3f3f3;
  background-color: #fff;
  margin-bottom: 10px;
  position: absolute;
  top: 16px;
  left: 15px;
  z-index: 100;
  border-radius: 10px;
  overflow: hidden;
}
.pd-mid .video-download-btn {
  width: 200px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-theme-1);
  border: 1px solid var(--color-theme-1);
  border-radius: 4px;
  cursor: pointer;
}
.pd-mid .video-download-btn .download-icon {
  background: url('/static/image/product-img/download.png');
}
.pd-mid .video-download-btn:hover .download-icon {
  background: url('/static/image/product-img/download_hover.png');
}
.pd-mid .video-download-btn:hover {
  color: #ffffff;
  border: 1px solid var(--color-theme-1);
  background: var(--color-theme-1);
}
.pd-mid .video #my-video {
  float: left;
}
.pd-mid .video .Introduce {
  padding: 25px 40px;
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  color: #000000;
  line-height: 20px;
  width: 538px;
  float: left;
  /*display: inline-block;*/
}
.pd-mid .video-introduce {
  padding: 10px;
  font-size: 14px;
  color: #666;
  width: 400px;
  background-color: #FAFAFA;
}
.pd-mid .video-introduce .video-introduce-item {
  margin: 10px 0;
  font-size: 14px;
}
.pd-mid .video-introduce p a {
  color: #f79d2d;
  text-decoration: underline;
}
.pd-mid .video-introduce .free {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.pd-mid .video-introduce .download-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}
.pd-mid .video .Introduce p {
  font-size: 12px;
  font-family: PingFangSC-Medium;
  color: #333333;
  line-height: 17px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.pd-mid .video .Introduce p a {
  color: #f79d2d;
  text-decoration: underline;
}
.pd-mid .video .Introduce button {
  width: 240px;
  height: 50px;
  background: #f79d2d;
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Semibold;
}
.pd-mid .video .Introduce .Free {
  width: 240px;
  height: 50px;
  background: linear-gradient(180deg, #fad961 0%, #f76b1c 100%);
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  position: relative;
  overflow: hidden;
  text-shadow: 0px 2px 4px #ff7700;
}
.pd-mid .video .Introduce .Free::after {
  content: 'Free';
  width: 65px;
  height: 15px;
  line-height: 15px;
  background-color: #F8EB1C;
  color: #FF7400;
  transform: rotate(45deg);
  position: absolute;
  right: -23px;
  top: 7px;
  font-size: 12px;
  text-align: center;
  text-shadow: none;
}
.pd-mid .video .Introduce .Free i {
  background: url("/static/image/product-img/Down_icon.png");
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-left: 7px;
}
.pd-mid .video .Introduce button:hover {
  background-color: #F9C686;
}
#add-store {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10002;
}
#add-store .ASL-content {
  position: absolute;
  width: 360px;
  height: 360px;
  padding: 25px;
  margin: auto;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  padding-top: 40px;
}
#add-store .ASL-content .closel {
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
}
#add-store .ASL-content h3 {
  font-size: 13px;
  font-family: SourceSansPro-Semibold;
  color: #333333;
  line-height: 18px;
}
#add-store .ASL-content .price {
  width: 220px;
  height: 68px;
  border-radius: 2px;
  border: 2px solid #d6d6d6;
  margin: auto;
  line-height: 68px;
  margin-top: 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#add-store .ASL-content .price .label {
  width: 70px;
  height: 66px;
  background: #ededed;
  font-size: 12px;
  color: #000000;
  line-height: 1.5;
  float: left;
  white-space: normal;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#add-store .ASL-content .price strong {
  float: left;
  text-align: center;
  width: 140px;
}
#add-store .ASL-content button {
  width: 220px;
  height: 40px;
  background: var(--color-theme-1);
  border-radius: 2px;
  color: #fff;
  display: block;
  margin: 30px auto;
}
#add-store .ASL-content button:hover {
  background-color: var(--color-theme-1-1);
}
#add-store .ASL-content .price .tag {
  width: 100px;
  height: 16px;
  background: var(--color-theme-1);
  -moz-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
  position: absolute;
  right: -4px;
  font-family: SourceSansPro-Bold;
  color: #ffffff;
}
#add-store .ASL-content .price .tag p {
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
#add-store .ASL-content .act {
  border: 2px solid var(--color-theme-1);
}
#add-store .ASL-content .act:before {
  content: '';
  background: url('/static/image/product-img/tag1.png') no-repeat top right;
  width: 26px;
  height: 25px;
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
}
#add-store.Paycg .ASL-content .closel {
  right: 10px;
  top: 10px;
  cursor: pointer;
  width: 15px;
}
#add-store.Paycg .ASL-content {
  width: 480px;
  height: 320px;
}
#add-store.Paycg .ASL-content .cglogo {
  width: 100px;
  height: 100px;
  margin: 15px auto;
  display: block;
}
#add-store.Paycg .ASL-content span {
  font-size: 14px;
  font-family: SourceSansPro-Bold;
  color: #f79d2d;
  line-height: 18px;
  text-align: center;
  display: block;
}
#add-store.Paycg .ASL-content button {
  width: 180px;
  height: 50px;
  background: #f79d2d;
  border-radius: 2px;
}
#add-store.Paycg .ASL-content button:hover {
  background-color: #F9C686;
}
#add-store.Logistics .ASL-content {
  height: 215px;
}
#add-store.Logistics .ASL-content h3 {
  text-align: center;
}
#add-store.Logistics select {
  width: 220px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #ccc;
  margin: 30px auto;
  display: block;
}
#add-store .ASL-content .toolbox {
  position: relative;
  cursor: pointer;
}
#add-store .ASL-content .tool1:hover .tooltiptext {
  visibility: visible;
}
#add-store .ASL-content .tool2:hover .tooltiptext {
  visibility: visible;
}
#add-store .ASL-content .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: 107%;
  left: 26px;
  /* margin-left: -100px; */
  word-break: break-word;
  line-height: 1.5;
  /* margin-right: 10px; */
  width: 300px;
  font-size: 12px;
}
#add-store .ASL-content .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
#add-store .ASL-content .new-close-icon {
  font-size: 15px;
  color: var(--color-font-3);
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.service-pro-tip {
  background: #f9ae53;
  color: #fff;
  padding: 10px;
}
.service-pro-tip a {
  text-decoration: underline;
  color: #f54a4b;
}
.pd-mid-info {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  min-height: 400px;
  position: relative;
  background: #fff;
  border-radius: 8px;
}
.pd-new-desc .title {
  font-size: 16px;
  color: var(--color-font-1);
  font-weight: 500;
  margin: 0 0 12px 0;
  /* height: 18px;
    line-height: 18px; */
  padding-top: 20px;
  border-top: 1px solid #eeeeee;
}
.pd-new-desc .content {
  margin-bottom: 12px;
}
.pd-new-desc .content .content-label {
  font-size: 14px;
  color: var(--color-font-1);
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  margin: 0 0 4px 0;
}
.pd-new-desc .content .content-value {
  font-size: 14px;
  color: var(--color-font-2);
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  margin: 0 0 4px 0;
}
.pd-new-desc .content.pagesize {
  margin: 0;
}
.pd-new-desc .pagesize-list-box {
  width: 100%;
  display: flex;
  font-weight: 500;
  flex-wrap: wrap;
  font-size: 12px;
  color: #666666;
}
.pd-new-desc .pagesize-list-box .pagesize-list-img {
  position: absolute;
  left: 20px;
}
.pd-new-desc .pagesize-list-box .pagesize-list-box-item {
  width: 14%;
  text-align: left;
  margin-bottom: 4px;
  padding-top: 2px;
}
.pd-mid-info .pd-des-p {
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px;
}
.pd-mid-info .pd-des-p .Views {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/eye@2x.png);
  width: 26px;
  height: 18px;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
}
.pd-mid-info .Views:hover {
  background-image: url(/static/image/CJ-home/eye_hover@2x.png);
}
.pd-mid-info .tabul {
  margin: 0 20px;
}
.pd-mid-info .tabul li {
  float: left;
  color: #666;
  text-align: center;
  margin-right: 50px;
}
.pd-mid-info .tabul li:hover {
  color: var(--color-theme-1);
  cursor: pointer;
}
.pd-mid-info .tabul .actLi:hover {
  cursor: default;
}
.pd-mid-info .tabul li span {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 4px 0;
  position: relative;
}
.pd-mid-info .tabul .actLi span {
  color: #ff8d31;
  /* border: 2px solid #ff8d31; */
  border-radius: 4px 4px 0 0;
  /* border-bottom-color: #fff; */
  border-bottom: 2px solid var(--color-theme-1);
}
#pd-description p {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.pd-bot-rel .left-icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/left@2x.png);
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  left: -48px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
}
.pd-bot-rel .new-left-icon {
  font-size: 30px;
  color: var(--color-theme-1);
  position: absolute;
  left: -48px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
}
.pd-bot-rel .new-left-icon:hover {
  color: var(--color-theme-1-1);
}
.pd-bot-rel .right-icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/rightcopy@2x.png);
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  right: -48px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
  /*display: none;*/
}
.pd-bot-rel .new-right-icon {
  font-size: 30px;
  color: var(--color-theme-1);
  position: absolute;
  right: -48px;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
}
.pd-bot-rel .new-right-icon:hover {
  color: var(--color-theme-1-1);
}
.pd-bot-rel .ProWarp {
  width: 1180px;
  min-height: 345px;
  /* overflow: hidden; */
  padding: 2px;
  position: relative;
  padding-bottom: 16px;
}
.pd-bot-rel .ProWarp ul {
  /* width: max-content; */
  left: 0;
  transition: ease-in 0.3s;
  /*height: 695px;*/
}
.isViewAdsSuggestion {
  color: transparent;
  text-shadow: #111 0 0 5px;
}
#lit-img-box {
  width: 400px!important;
  overflow-x: auto;
}
.pd-mid-r .vitem {
  display: flex;
}
.pd-mid-r .vitem:not(:last-child) {
  margin-bottom: 8px;
}
.pd-mid-r .vitem .name {
  color: #999999;
  font-size: 14px;
  padding-left: 14px;
  padding-top: 7px;
}
.pd-mid-r .vitem .items {
  font-size: 0;
}
.pd-mid-r .vitem .items span {
  display: inline-block;
  margin-right: 10px;
  padding: 0 8px;
  line-height: 30px;
  border: 1px solid #eee;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 8px;
  overflow: hidden;
  font-size: 14px;
}
.pd-mid-r .vitem .items span:not(span.gray):hover {
  border-color: var(--color-line-7);
}
.pd-mid-r .vitem .items span.colorBox {
  padding: 0;
}
.pd-mid-r .vitem .items span.curr {
  color: #F78E29;
  border-color: #F78E29;
}
.pd-mid-r .vitem .items span.gray {
  opacity: 0.5;
  cursor: not-allowed;
}
.pd-mid-r .vitem .items span.colorBox.gray {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.pd-midr-tul li .prompt {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/static/image/public-img/prompt.png");
  width: 17px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  position: relative;
}
.pd-midr-tul li .tips {
  width: 370px;
  white-space: normal;
  font-style: initial;
  text-align: left;
  position: absolute;
  border-radius: 4px;
  color: #fff;
  background-color: #565b66;
  line-height: 1.5;
  z-index: 200000;
  padding: 5px 10px;
  font-size: 12px;
  left: -6px;
  top: -55px;
}
.pd-midr-tul li .tips:after {
  content: "";
  border-color: #565b66 transparent transparent transparent;
  background: transparent;
  bottom: -10px;
  left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-width: 5px;
  /*margin: 10px;*/
  z-index: 200001;
}
.pd-midr-tul li .price {
  display: inline-block;
}
.PrintContent .hasListData li {
  width: 225px;
  height: 340px;
  border-radius: 2px;
  float: left;
  position: relative;
  margin: 16px 32px 0;
  transition: all 0.3s;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.PrintContent .hasListData li .tag {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/bestNum.png);
  width: 20px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.PrintContent .hasListData li:hover {
  /*box-shadow: 0px 0px 8px 0 rgba(216, 213, 213, 1);*/
  /*box-shadow: 2px 2px 16px 0px rgba(216,213,213,0.5);*/
  /*border: none;*/
  transition: all 0.3s;
}
.PrintContent .hasListData li:nth-child(4n) {
  /*margin-right: initial;*/
}
.PrintContent .hasListData li a {
  width: 234px;
  height: 220px;
  display: inline-block;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
}
.PrintContent .hasListData li a img {
  width: 100%;
  height: 220px;
  transition: all 0.3s;
  border: 1px solid #f4f4f4;
}
.PrintContent .hasListData li a img:hover {
  transform: scale(1.1);
  transition: all 0.3s;
}
.PrintContent .hasListData li .isVideo {
  position: absolute;
  right: 0;
  top: 0;
  width: 98px;
  height: 25px;
  background: #ff7700;
  border-radius: 0px 2px 0px 2px;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
}
.PrintContent .hasListData li .info {
  padding: 0 3px;
}
.PrintContent .hasListData li .info h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 41px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: left;
}
.PrintContent .hasListData li .info h3:hover {
  color: #FF7700;
}
.PrintContent .hasListData li .info .info-txt {
  /*width: 160px;*/
  /*border-bottom: 1px solid #F0F0F0;*/
  margin: 3px auto 0 auto;
  line-height: 30px;
  text-align: right;
}
.PrintContent .hasListData li .info .price {
  font-size: 16px;
  color: #FF5000;
  line-height: 25px;
  margin-right: 12px;
  vertical-align: middle;
}
.PrintContent .hasListData li .info .Personalise {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/CJ-home/pod@2x.png);
  width: 22px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin-right: 4px;
}
.PrintContent .hasListData li .info .listed {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: left;
}
.PrintContent .hasListData li .info .Nwishlist {
  width: 17px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.PrintContent .hasListData li .info .Ywishlist {
  width: 17px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.PrintContent .hasListData li .info .listOrsource {
  font-size: 14px;
  font-weight: 500;
  color: #F78E29;
  line-height: 22px;
  width: 56px;
  height: 22px;
  border: 1px solid #f78e29;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  float: right;
  margin-top: 10px;
}
.PrintContent .hasListData li .info .listOrsource:hover {
  background-color: #F78E29;
  color: #fff;
}
.PrintContent .hasListData li .info .listedNum {
  float: left;
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  margin-right: 6px;
}
.comodity .model-top {
  height: 40px;
  text-align: center;
}
.comodity .model-content ul {
  padding: 5px 0;
  border: none;
}
.comodity .model-content {
  overflow: hidden;
}
.comodity .model-content li {
  display: block;
  min-height: 74px;
  padding: 15px 0;
  cursor: default;
}
.comodity .model-content .active-border {
  border-bottom: 1px solid #f3f3f3;
}
.comodity .model-content li .fl {
  float: left;
}
.comodity .model-content li .img {
  width: 44px;
}
.comodity .model-content .params .content-item {
  width: 880px;
  margin-left: 10px;
}
.comodity .model-content li img {
  display: inline-block;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  border-radius: 50%;
}
.comodity .model-content li ul {
  padding-left: 45px;
}
.comodity .model-content .child .content-item {
  width: 830px;
  margin-left: 10px;
}
.comodity .model-content .top {
  min-height: 17px;
  line-height: 17px;
  margin-top: 5px;
  font-size: 12px;
}
.comodity .model-content .bold {
  float: left;
  min-width: 60px;
  max-width: 200px;
  margin-right: 10px;
  font-weight: 800;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.comodity .model-content .top .div {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #333;
}
.comodity .model-content .bot {
  height: 17px;
  line-height: 17px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #999;
}
.comodity .model-content .del-active {
  color: #D9D9D9;
}
.comodity .model-content .reply {
  /* margin: 0 15px; */
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #F48B31;
  cursor: pointer;
}
.comodity .model-content .del {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  cursor: pointer;
  margin-left: 15px;
}
.comodity .model-content .form {
  height: 60px;
  margin-top: 30px;
}
.comodity .form-item {
  float: left;
  height: 60px;
}
.comodity .form-item button {
  width: 60px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #ff7700;
  border-radius: 4px;
}
.comodity .form-item button:first-child {
  margin-bottom: 4px;
}
.comodity .form-item button:first-child:hover {
  background-color: #f9aa57;
}
.comodity .form-item button:last-child {
  background-color: #F7F7F7;
  color: #999;
}
.comodity .form-item button:last-child:hover {
  background-color: #F2F2F2;
}
.comodity .form-item textarea {
  height: 60px;
  padding-left: 10px;
  margin-right: 19px;
  resize: none;
  background: #F7F7F7;
  border-radius: 4px;
  border: 1px solid #eee;
}
.comodity .form-item .revertWidth {
  width: 1161px;
}
.comodity .form-item .revert {
  width: 1080px;
  font-weight: 400;
  color: #333;
}
.asj-page-box {
  color: #757575;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  min-width: 1200px;
}
.asj-page-box .select-page-num {
  float: left;
  width: 115px;
  margin-right: 20px;
  margin-left: 5px;
}
.asj-page-box .select-page-num select {
  display: inline-block;
  width: 56px;
  height: 28px;
  /*line-height: 28px;*/
  border-color: #e9e9e9;
  color: #f99429;
  font-size: 12px;
  padding: 6px 5px;
}
.asj-page-box .total-num {
  float: left;
  width: 120px;
  margin-right: 20px;
  margin-left: 195px;
}
.asj-page-box .total-items {
  float: left;
  margin-right: 30px;
}
.asj-page-box .page-index {
  width: 565px;
  float: left;
}
.asj-page-box .page-index a {
  float: left;
  text-align: center;
  color: #8d9da5;
  width: 24px;
  height: 24px;
  /*background: rgba(255,119,0,1);*/
  margin: 6px 5px;
  line-height: 24px;
  border-radius: 2px;
}
.asj-page-box .page-index a.current {
  color: #fff;
  background: #ff7700;
}
.asj-page-box .page-index a:hover {
  /*color: #f99429;*/
  color: #fff;
  background: #ff7700;
}
.asj-page-box .to-go {
  float: left;
  width: 250px;
  text-align: right;
}
.asj-page-box .to-go input {
  display: inline-block;
  width: 48px;
  height: 28px;
  border-color: #e9e9e9;
}
.asj-page-box .to-go a {
  display: inline-block;
  width: 40px;
  height: 28px;
  line-height: 28px;
  padding: 0;
  background-color: #f8f8f8;
  border-color: #e5e1da;
  color: #f99429;
  margin-left: 20px;
  font-size: 12px;
}
.comodity .model-content .user-head-img {
  display: inline-block;
  border: solid 1px #ececec;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.comodity .model-content .user-head-firname {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 44px;
  border: 1px solid #ececec;
  border-radius: 50%;
  text-align: center;
}
/* 商品分享 --xiaoy */
.share-area {
  display: flex;
  justify-content: center ;
  margin: 20px 0 20px 0;
  line-height: 27px;
}
.share-area-item {
  display: flex;
}
.share-area-item:hover {
  cursor: pointer;
}
.share-area-item.blue {
  color: #4A90E2;
}
.share-area-item.blue .iconfont {
  /* color: #4A90E2; */
  margin-right: 5px;
}
.share-area-item.blue:hover,
.share-area-item.blue:hover .iconfont {
  color: #0E5FBD;
}
.share-area-item p {
  text-indent: 6px;
}
.share-area-item:nth-child(2) {
  position: relative;
}
.share-btn {
  position: relative;
  text-indent: 6px;
}
.contact-supplier {
  position: relative;
  text-indent: 6px;
}
.share-icon {
  font-size: 24px;
  color: #1b1b1b;
}
.share-icon:hover {
  color: #f70;
}
.share-area-item:hover > i,
.share-area-item:hover > div,
.share-area-item:hover > p {
  color: #FF7700;
}
.share-fenxiao {
  display: flex;
  cursor: pointer;
  position: relative;
}
.share-fenxiao:hover > i,
.share-fenxiao:hover > span {
  color: #FF7700;
}
.contact-supplier-icon {
  font-size: 20px;
}
.contact-supplier-section {
  color: #F78E29;
}
.contact-supplier-section:hover {
  color: #f70;
}
.share-wrap {
  position: absolute;
  left: -40px;
  top: 36px;
  width: 110px;
  height: 50px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px -3px 7px 0px rgba(55, 95, 153, 0.18), 0px 3px 7px 0px rgba(55, 95, 153, 0.18);
  z-index: 9;
}
.arrow-up {
  position: absolute;
  left: 30px;
  top: -30px;
  border-width: 20px 20px 20px 20px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.share-wrap img {
  cursor: pointer;
}
.layer-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10002;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layer-main {
  border-radius: 4px;
  position: relative;
  padding: 40px;
  color: #333333;
  background-color: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.layer-main .close {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 1;
}
.layer-main .proimg {
  max-width: 200px;
  max-height: 200px;
  float: left;
}
.layer-main .f-gray {
  color: #999;
}
.layer-main .fr {
  float: right;
  margin-left: 15px;
  width: 370px;
}
.layer-main .sub {
  width: 298px;
  height: 30px;
  background: #f29748;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-family: Helvetica;
  margin-top: 20px;
  margin-left: 0;
}
.layer-main .title {
  max-width: 385px;
  line-height: 35px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.layer-main .select-title {
  line-height: 35px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.layer-main .select {
  height: 30px;
  border: 1px solid #CFD0D0;
  min-width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.layer-main .commodity {
  margin-top: 10px;
}
.layer-main .commodity-item {
  float: left;
  width: 20px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #d4d4d4;
  text-align: center;
  margin-left: -1px;
  cursor: pointer;
  width: 30px;
}
.layer-main input.commodity-item {
  width: 40px;
}
.layer-main .cart-price {
  float: left;
  line-height: 28px;
  margin-left: 15px;
  font-size: 14px;
}
.product-detail-list .product-card {
  margin: 16px 8px 0;
}
.product-detail-list .product-card .view-detail-a {
  height: 245px;
}
.layui-layer-btn .layui-layer-btn2 {
  background-color: #ff9900;
  color: #fff;
  border-color: #ff9900;
}
.shop-header-box {
  background: #fff;
  box-shadow: 0px -1px 0px 0px #f2f2f2;
}
.shop-header-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  margin: 0px auto;
  padding: 15px 0;
}
.shop-header-wrap .shop-name {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.shop-header-wrap .shop-company {
  font-size: 24px;
  font-weight: bold;
}
.shop-header-wrap .shopname {
  font-size: 18px;
}
.shop-header-wrap .shop-icon,
.shop-header-wrap .shop-icon-text {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 10px;
  object-fit: cover;
  overflow: hidden;
  border: 1px solid #e9e9e9;
}
.shop-header-wrap .shop-icon-text {
  border-color: #FFF1E5;
  background: #FFF1E5;
  font-size: 36px;
  line-height: 50px;
  text-align: center;
  color: #FF7700;
}
.shop-header-wrap .visit,
.shop-header-wrap .contact {
  display: inline-block;
  padding: 8px 13px;
  line-height: 20px;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 14px;
}
.shop-header-wrap .disable,
.shop-header-wrap .disable .visit,
.shop-header-wrap .disable:hover,
.shop-header-wrap .disable .visit:hover {
  cursor: not-allowed;
  pointer-events: auto;
}
.shop-header-wrap .disable .visit:hover {
  cursor: not-allowed;
  background: rgba(255, 119, 0, 0.2);
  color: #FF7700;
  border: 1px solid #f70;
}
.shop-header-wrap .visit:hover,
.shop-header-wrap .contact:hover {
  cursor: pointer;
}
.shop-header-wrap .visit:hover {
  background: #F78E29;
  color: #fff;
  border-color: #F78E29;
}
.shop-header-wrap .visit {
  background: rgba(255, 119, 0, 0.2);
  color: #FF7700;
  border: 1px solid #f70;
}
.shop-header-wrap .contact {
  background: rgba(74, 144, 226, 0.2);
  border: 1px solid #4a90e2;
  color: #4A90E2;
}
.shop-header-wrap .contact:hover {
  background: rgba(74, 144, 226, 0.3);
}
/* 评分星星样式 start */
.shop-header-wrap .shop-name:hover .evalute-wrap {
  /* opacity: 1; */
  display: block;
}
.shop-header-wrap .evalute-wrap {
  position: absolute;
  /* opacity: 0; */
  display: none;
  top: 80px;
  left: 0;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px;
  z-index: 998;
  transition: 0.4s all;
}
.shop-header-wrap .evalute-wrap .number {
  color: #FF7700;
}
.shop-header-wrap .evalute-wrap span {
  display: inline-block;
  width: 140px;
  margin-right: 10px;
}
.shop-header-wrap .evalute-wrap .evalute-item {
  margin-bottom: 8px;
}
.shop-header-wrap .evalute-wrap .triangle {
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  transform: rotate(90deg);
  position: absolute;
  top: -20px;
}
.shop-header-wrap .evalute-wrap .evalute-title {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-font-1);
}
.shop-header-wrap .evalute-wrap .evalute-menu .evalute-item {
  display: flex;
  justify-items: center;
}
.shop-header-wrap .evalute-wrap .evalute-menu .evalute-item .item-desc {
  font-weight: 400;
  font-size: 12px;
  color: var(--color-font-2);
}
.staring-tip > input,
.staring-tip > input {
  position: absolute;
  margin-right: -100%;
  opacity: 0;
}
.staring-tip {
  height: 20px;
  width: 70px;
  margin-right: 8px;
}
.staring-tip > label,
.staring-tip > label {
  position: relative;
  float: right;
  width: 14px;
  height: 14px;
  color: transparent;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.staring-tip > input:focus + label {
  outline: none;
}
.staring-tip > input:checked ~ label,
.staring-tip > input:focus ~ label,
.staring-tip > input:hover ~ label {
  background-position: 0 0 !important;
}
.staring-tip > label.rated {
  background-position: 0 -14px;
}
.staring-tip > label:before,
.staring-tip > label:before {
  display: none;
  position: absolute;
  content: " ";
  width: 14px;
  height: 14px;
  background-image: url("/static/image/goods/starIcon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
}
/* 评分星星样式 end*/
.pd-num-btn {
  position: relative;
  display: inline-block;
}
.pd-num-btn:hover {
  cursor: pointer;
}
.pd-num-btn:hover .inventory-show-more {
  display: block;
}
.PrintContent .inventory-show-more .show-more-item {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 12px;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  float: none;
}
.module-select {
  position: absolute;
  right: 0;
  top: 14px;
}
.module-select span.tips {
  font-size: 14px;
  color: #999999 !important;
  margin-right: 6px;
}
.module-select select {
  height: 28px;
  border: 1px solid #eee;
  font-size: 14px;
}
.confirm-box {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirm-box .confirm-main {
  min-width: 360px;
  max-width: 600px;
  border-radius: 4px;
  background: #fff;
  position: relative;
  overflow: hidden;
  min-height: 150px;
  max-height: 600px;
}
.confirm-box .confirm-title {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  width: 100%;
  background: #F9F8F8;
  text-align: center;
}
.confirm-box .confirm-close {
  position: absolute;
  right: 20px;
  top: 12px;
  z-index: 100;
  cursor: pointer;
}
.confirm-box .confirm-close:after {
  content: "\e9b2";
  font-size: 14px;
}
.confirm-box .confirm-content {
  padding: 20px 10px 80px;
  text-align: center;
  overflow-y: auto;
  font-size: 14px;
  max-height: 550px;
}
.confirm-box .f-center .confirm-content {
  text-align: left;
}
.confirm-box .confirm-content .add-ship-show-tips {
  padding-top: 5px;
  color: red;
  font-size: 14px;
}
.confirm-box .confirm-content .link {
  display: block;
  color: #3870b5;
  font-size: 14px;
}
.confirm-box .confirm-btn-box {
  text-align: center;
  background: #fff;
  padding: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.confirm-box .confirm-btn-box .no-btn {
  width: 80px;
  height: 32px;
  line-height: 32px;
  background: var(--color-bg-14);
  border-radius: 4px;
  border: 1px solid var(--color-line-1);
  color: var(--color-font-1);
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
  font-size: 14px;
}
.confirm-box .confirm-btn-box .no-btn:hover {
  background: var(--color-bg-14-1);
}
.confirm-box .confirm-btn-box .yes-btn {
  width: 80px;
  height: 32px;
  line-height: 32px;
  background: var(--color-theme-1);
  border-radius: 4px;
  color: var(--color-font-4);
  display: inline-block;
  cursor: pointer;
}
.confirm-box .confirm-btn-box .yes-btn:hover {
  background: var(--color-theme-1-1);
}
.media-shooting-request .confirm-content {
  width: 500px;
  font-size: 14px;
  padding: 20px 20px 70px;
  text-align: left;
}
.media-shooting-request .confirm-content .item-box {
  display: flex;
  margin-bottom: 20px;
}
.media-shooting-request .item-box .label-t {
  width: 80px;
  color: #333;
  margin-right: 15px;
  text-align: right;
}
.media-shooting-request .item-box .item {
  color: #333;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.media-shooting-request .item-box:nth-child(1) .label-t:before {
  content: '*';
  color: red;
}
.media-shooting-request .item-box:last-child {
  margin-bottom: 0;
}
.media-shooting-request .item-box .item i {
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  margin-right: 8px;
  border-radius: 50%;
}
.media-shooting-request .item-box .item i.active {
  border-color: var(--color-theme-1);
  position: relative;
}
.media-shooting-request .item-box .item i.active:after {
  background-color: var(--color-theme-1);
  border-radius: 100%;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.media-shooting-request .item-box .item:nth-child(2) {
  margin-right: 100px;
}
.media-shooting-request .item-box textarea {
  border: 1px solid #D9D9D9;
  width: 378px;
  height: 120px;
  border-radius: 4px;
  padding: 13px 15px;
  color: #999;
  resize: none;
}
.pd-midr-tul .prodetail-price {
  color: #f70;
  font-size: 14px;
}
.asj-local-detail .fx-wrap .product-card {
  /* justify-content: space-between; */
  margin: 16px 32px 0;
}
.asj-local-detail .product-detail-list .product-card {
  margin: 16px 32px 0;
}
.pd-mid.source-product .video {
  position: relative;
  height: auto;
  top: 0;
  left: 0;
  padding: 10px 20px;
  border-radius: 0;
}
.pd-mid.source-product .video #my-video {
  border-radius: 10px;
}
/* 列表无数据的搜品引导样式 */
.sourcing-noData {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 500px;
  padding-top: 180px;
  padding-bottom: 50px;
}
.sourcing-noData .tips {
  color: #999;
  margin: 20px 0 20px 0;
  font-size: 14px;
}
.sourcing-noData .go-sourcing-btn {
  color: #fff;
  width: 140px;
  height: 40px;
  background: #FF7700;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}
.sourcing-noData .how-to-sourcing {
  color: #FF7700;
  font-size: 14px;
}
.comodity .form-item .new-btn-confirm {
  background: var(--color-theme-1);
  color: var(--color-font-4);
}
.comodity .form-item .new-btn-confirm:hover {
  background: var(--color-theme-1-1) !important;
  color: var(--color-font-4);
}
.comodity .form-item .new-btn-cancel {
  background: var(--color-bg-10) !important;
  color: var(--color-font-1) !important;
}
.comodity .form-item .new-btn-cancel:hover {
  background: var(--color-bg-14-1) !important;
  color: var(--color-font-1);
}
.suspend-box {
  position: relative;
}
.suspend-box .suspend {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  color: #FFFFFF;
  padding: 4px 20px;
  bottom: calc(100% + 12px);
  border-radius: 3px;
  visibility: hidden;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
}
.suspend-box .suspend::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  height: 13px;
}
.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.8;
}
.suspend-box:hover .suspend {
  visibility: visible;
}
.suspend-box:hover .suspend:not(.noTransition) {
  transition: visibility 0s 1s;
}
.suspend-box .listSuspend {
  width: 304px;
}
.suspend-box .requestSuspend {
  width: 318px;
}
.detail-download-img {
  position: absolute;
  top: 0;
  left: 0;
}
.download-box {
  line-height: 40px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  width: 40px;
  height: 40px;
}
.download-box .download-icon:hover {
  box-shadow: 0px 0px 10px #ccc;
}
.download-loading {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  z-index: 1;
}
.optimize-skeleton-wrapper {
  position: relative;
  width: 100%;
  background-color: #fff;
  margin-top: 10px;
}
.optimize-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;
  -webkit-animation: skeletonLoading 2s ease-in-out infinite;
  animation: skeletonLoading 2s ease-in-out infinite;
  z-index: 20;
  content: "";
}
@-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%);
  }
}
.optimize-skeleton-wrapper .element {
  background: none!important;
  background-color: #f4f4f4 !important;
  border-color: #f4f4f4 !important;
}
.optimize-skeleton-wrapper .h-title {
  display: flex;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #eeeeee;
}
.optimize-skeleton-wrapper .h-title .tabbar {
  width: 90px;
  height: 30px;
  margin-right: 50px;
}
.optimize-skeleton-wrapper .line {
  height: 20px;
  margin-top: 10px;
}
.optimize-skeleton-wrapper .line4 {
  width: 40%;
}
.optimize-skeleton-wrapper .line6 {
  width: 60%;
}
.optimize-skeleton-wrapper .despPic {
  width: 800px;
  height: 800px;
  margin-top: 10px;
}
.optimize-skeleton-wrapper .pd-title-wrap {
  padding-left: 20px;
  border-bottom: 1px solid #F2F2F2;
  height: 73px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.optimize-skeleton-wrapper .pd-title {
  width: 180px;
  height: 20px;
}
.optimize-skeleton-wrapper .pd-card-wrap {
  display: flex;
  flex-wrap: wrap;
}
.optimize-skeleton-wrapper .pd-card {
  width: 225px;
  height: 388px;
  margin: 16px 32px 0;
}
.toolbar {
  margin-left: 16px;
  width: 244px;
}
.select-tool {
  width: 244px;
  background: #fff;
  border-radius: 8px;
  padding: 16px 12px;
}
.select-tool .ship-from {
  display: block;
}
.select-tool .ship-from .ship-from-span {
  display: block;
  font-size: 12px;
  padding-left: 0;
  padding-bottom: 8px;
}
.detail-info-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-info-box .select-tool {
  margin-top: 0;
}
.select-tool-varient .tit {
  color: #999;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 8px;
}
.select-tool-vitem {
  position: relative;
  height: 30px;
  margin-bottom: 16px;
}
.select-tool-vitem .vitem-name {
  display: inline-block;
  width: 220px;
  height: 30px;
  line-height: 28px;
  border-radius: 4px;
  border: 1px solid #E9E9E9;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding-left: 4px;
}
.vitem-select-list {
  width: 220px;
  max-height: 182px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0%);
  background: #fff;
  position: absolute;
  z-index: 99;
  overflow: auto;
  top: 30px;
  left: 0;
  font-size: 14px;
}
.vitem-select-item {
  padding: 0 4px;
  cursor: pointer;
  font-size: 14px;
}
.vitem-select-item:hover,
.vitem-select-item.curr {
  color: #f70;
  background: rgba(255, 119, 0, 0.1);
}
.vitem-select-item.disable {
  cursor: not-allowed;
  background: #aaa;
}
.supply-info {
  margin-bottom: 16px;
}
.reportTool {
  position: relative;
}
.reportTool .reportToolTip {
  width: 232px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  font-weight: 400;
  color: var(--color-theme-1);
  line-height: 17px;
  bottom: 33px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: none;
  z-index: 10;
}
.reportTool .reportToolTip: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;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.reportTool .reportToolTip:hover {
  text-decoration: underline;
}
.reportTool:hover .reportToolTip {
  display: block;
}
.share-area-list {
  display: flex;
  flex-wrap: wrap;
}
.share-fenxiao,
.share-area-item {
  margin-bottom: 10px;
}
.swiper-slide.clearfix {
  clear: none;
}
.rrp-tag {
  display: inline-flex;
  align-items: flex-start;
  background: #FFC8C8;
  border-radius: 4px;
  overflow: hidden;
  margin: 12px 20px 0 97px;
}
.rrp-tag-img {
  width: 42px;
  height: 20px;
}
.rrp-tag span {
  font-size: 12px;
  color: #FF3434 !important;
  padding: 3px 4px;
}
.pd-bt-title {
  display: flex;
}
.pd-bt-title select.change-color {
  flex: 1;
}
#pd-description table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#pd-description table td,
#pd-description table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 5px;
}
#pd-description table th {
  background-color: #f1f1f1;
}
#pd-description table th {
  border-bottom: 2px solid #ccc;
  text-align: center;
}
#pd-description blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}
#pd-description code {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
#pd-description pre code {
  display: block;
}
#pd-description ul,
ol {
  margin: 10px 0 10px 20px;
}
.pd-des-p .productdetail-faq {
  margin: 10px 3px;
}
.pd-des-p .productdetail-faq p {
  font-size: 16px;
}
.sourcing-noData {
  padding: 0;
}
.sourcing-noData .sourcing-noData-img {
  width: 240px;
  height: 240px;
}
.sourcing-noData .contactUs {
  color: #FF7700;
  margin-top: 20px;
}
.sourcing-noData .contactUs:hover {
  color: #FF7700;
  text-decoration: underline;
  cursor: pointer;
}
.sourcing-noData .go-sourcing-btn:hover {
  background: linear-gradient(270deg, #fa6400 0%, #fa6400 100%);
  box-shadow: initial;
}
.processing-time {
  display: flex;
}
.processing-time-tip {
  display: flex;
  font-size: 14px;
}
.processing-time-tip-dom .cj-tooltip-padding p {
  font-size: 14px;
  padding-left: 6px;
  position: relative;
}
.processing-time-tip-dom .cj-tooltip-padding p::before {
  content: '∙';
  font-weight: bold;
  margin-right: 4px;
  font-size: 18px;
  vertical-align: middle;
  position: absolute;
  left: -1px;
}
.processing-time-tip-dom .cj-tooltip-padding {
  max-width: 290px;
}
.processing-time-tip .icontishi2 {
  margin-left: 4px;
  font-size: 16px;
}
.pro-tab-varient-wrap {
  position: relative;
}
.pro-tab-varient-wrap.shadow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}
.pro-tab-varient-wrap.shadow::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(180deg);
}
.pro-tab-varient-wrap .pro-tab-varient-wrap-box {
  padding: 10px 10px 0;
  max-height: 240px;
  overflow-y: auto;
}
.pro-tab-other-type .inlineBlock {
  display: inline-block;
  width: auto;
}
.pro-tab-other-type .inlineBlock .other-type-title {
  width: auto;
  margin-right: 20px;
}
.pro-tab-other-type .inlineBlock .other-type-value {
  width: auto;
}
.pro-tab-other-type .inlineBlock .other-type-value .PACKWEIGHT {
  margin-left: 8px;
}
.pro-tab-other-type .inlineBlock .other-type-value .PACKWEIGHT .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.pro-tab-other-type .inlineBlock .other-type-value .shipping-count-btn {
  margin-left: 6px;
}
.pro-tab-proce-discount {
  background: #FAFAFA;
  padding: 0 12px;
  margin-bottom: 6px;
}
.pro-tab-proce-discount .ladder-top {
  border-bottom: 1px solid #EEEEEE;
  text-align: left;
  padding: 12px;
  display: flex;
  font-size: 14px;
  color: #999;
}
.pro-tab-proce-discount .ladder-left {
  width: 338px;
  flex: none;
}
.pro-tab-proce-discount .ladder-right {
  padding-left: 24px;
  flex: 1;
}
.pro-tab-proce-discount .ladder-bottom {
  padding: 12px;
}
.pro-tab-proce-discount .ladder-bottom .ladder-right {
  color: #666;
}
.pro-tab-proce-discount .ladder-price {
  display: flex;
}
.pro-tab-proce-discount .ladder-price:not(:last-child) {
  margin-bottom: 4px;
}
.pro-tab-proce-discount .ladder-price .ladder-right {
  line-height: 36px;
}
.pro-tab-proce-discount .ladder-price-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pro-tab-proce-discount .ladder-price-item span,
.pro-tab-proce-discount .ladder-price-item em {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-tab-proce-discount .ladder-price-item span {
  font-size: 20px;
  color: #333333;
  margin-right: 4px;
  line-height: 36px;
}
.pro-tab-proce-discount .ladder-price-item span.high-light-price {
  color: #ff7700;
}
.pro-tab-proce-discount .ladder-price-item em {
  font-style: normal;
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
}
.detail-tab-box {
  background: #fff;
  padding-top: 16px;
  width: 1200px;
  border-radius: 8px;
  min-height: 300px;
}
.new-comment-box {
  width: 100%;
  height: auto;
  position: relative;
}
.new-comment-box .new-comment-no-data {
  text-align: center;
  padding: 100px 0;
}
.new-comment-box .new-comment-no-data img {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
}
.new-comment-box .new-comment-no-data p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: var(--color-font-3);
}
.new-comment-box .new-comment-main {
  padding-top: 20px;
}
.new-comment-box .new-comment-main .new-comment-edit-before {
  width: 100%;
}
.new-comment-box .new-comment-main .new-comment-edit-before .before-edit {
  width: 1060px;
  height: 36px;
  background: #FAFAFA;
  border-radius: 4px;
  margin-right: 8px;
  color: var(--color-font-3);
  font-size: 12px;
  padding: 0 10px;
}
.new-comment-box .new-comment-main .confirm-btn {
  width: 88px;
  height: 37px;
  line-height: 36px;
  color: #ffffff;
  background: var(--color-theme-1);
  border-radius: 4px;
  vertical-align: bottom;
  cursor: pointer;
  margin-top: 20px;
}
.new-comment-box .new-comment-main .confirm-btn:hover {
  color: #ffffff;
  background: var(--color-theme-1-1);
}
.new-comment-box .new-comment-main .confirm-btn.btn-not {
  opacity: 0.5;
  cursor: not-allowed;
}
.new-comment-box .new-comment-main .confirm-btn.btn-not:hover {
  background: var(--color-theme-1);
  opacity: 0.5;
  cursor: not-allowed;
}
.new-comment-box .new-comment-main .new-comment-edit {
  width: 100%;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box {
  width: 1060px;
  /* height: 75px; */
  background: #FAFAFA;
  color: var(--color-font-1);
  display: inline-block;
  border-radius: 4px;
  margin-right: 8px;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .new-comment-edit-text {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: var(--color-font-1);
  padding: 15px;
  border: none;
  background: #FAFAFA;
  resize: none;
  outline: none;
}
.new-comment-box .new-comment-main .reply-text {
  background: #ffffff !important;
}
.new-comment-box .new-comment-main .new-comment-edit-text::-webkit-scrollbar {
  width: 0;
  height: 0;
  opacity: 0;
}
.new-comment-box .new-comment-main .new-comment-edit-text::-webkit-scrollbar-thumb {
  box-shadow: none;
  background: none;
  opacity: 0;
}
.new-comment-box .new-comment-main .new-comment-edit-text::-webkit-scrollbar-track {
  box-shadow: none;
  background: none;
  opacity: 0;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .rate-info,
.text-bottom {
  height: 37px;
  padding: 10px;
  position: relative;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .rate-info .label {
  font-size: 12px;
  color: var(--color-font-2);
  padding: 0;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .rate-info::before {
  content: '';
  display: inline-block;
  width: 137px;
  height: 1px;
  background: rgba(153, 153, 153, 0.3);
  position: absolute;
  top: 0;
  left: 10px;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .rate-info .rate {
  display: inline-block;
}
.new-comment-box .new-comment-main .rateIcon {
  font-size: 14px !important;
  color: var(--color-font-3);
  cursor: pointer;
}
.new-comment-box .new-comment-main .rateIcon.isHover {
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .rateIcon.isClick {
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .rateIcon.readOnly {
  cursor: default;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .text-num {
  float: right;
  font-size: 12px;
  color: var(--color-font-3);
  margin-right: 20px;
}
.new-comment-box .new-comment-main .new-comment-edit .new-comment-edit-text-box .text-num.notAllow {
  color: #F34541;
}
.new-comment-box .new-comment-main .new-comment-review {
  width: 100%;
  margin-top: 30px;
}
.new-comment-box .new-comment-main .new-comment-review .review-list {
  width: 100%;
  margin-bottom: 20px;
}
/*
.new-comment-box .new-comment-main .new-comment-review .customer-review {
  width: 100%;
} */
.new-comment-box .new-comment-main .new-comment-review .customer-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.new-comment-box .new-comment-main .new-comment-review .customer-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 15px;
}
.new-comment-box .new-comment-main .new-comment-review .customer-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.new-comment-box .new-comment-main .new-comment-review .customer-avatar .user-head-firname {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #FFF1E5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .new-comment-review .customer-info {
  width: calc(100% - 59px);
}
.new-comment-box .new-comment-main .new-comment-review .info-item {
  height: 22px;
  line-height: 22px;
}
.new-comment-box .new-comment-main .new-comment-review .customer-font {
  font-size: 14px;
  color: var(--color-font-1);
  line-height: 20px;
}
.new-comment-box .new-comment-main .new-comment-review .customer-bottom {
  padding-left: 58px;
  margin-top: 15px;
}
.new-comment-box .new-comment-main .new-comment-review .customer-evaluation {
  word-wrap: break-word;
}
.new-comment-review .customer-evaluation-img {
  margin-top: 10px;
}
.new-comment-review .customer-evaluation-img .cj-reply-img {
  width: 76px;
  height: 76px;
  border-radius: 1px;
  border: 1px solid #D9D9D9;
  margin-right: 8px;
  object-fit: cover;
}
.new-comment-review .customer-evaluation-img .cj-reply-img:hover {
  border: 1px solid #ff7700;
}
.new-comment-box .new-comment-main .new-comment-review .evalution-date {
  font-size: 12px;
  color: var(--color-font-3);
  margin-top: 10px;
}
.new-comment-box .new-comment-main .new-comment-review .evalution-date span {
  font-family: unset !important;
  font-weight: unset !important;
}
.new-comment-box .new-comment-main .new-comment-review .del {
  margin-left: 20px;
  cursor: pointer;
}
.new-comment-box .new-comment-main .new-comment-review .delIcon {
  font-size: 15px;
  color: var(--color-font-3);
}
.new-comment-box .new-comment-main .new-comment-review .del:hover {
  color: #F34541;
}
.new-comment-box .new-comment-main .new-comment-review .del:hover .delIcon {
  color: #F34541;
}
.new-comment-box .new-comment-main .new-comment-review .reply:hover {
  color: var(--color-theme-1) !important;
}
.new-comment-box .new-comment-main .new-comment-review .replied {
  color: var(--color-theme-1) !important;
}
.new-comment-box .new-comment-main .new-comment-review .reply:hover .delIcon {
  color: var(--color-theme-1) !important;
}
.new-comment-box .new-comment-main .new-comment-review .cj-reply-box {
  padding-left: 58px;
  margin-top: 20px;
}
.new-comment-box .new-comment-main .new-comment-review .cj-reply {
  padding: 20px;
  background: #fafafa;
  position: relative;
}
.new-comment-box .new-comment-main .new-comment-review .reply-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
}
.new-comment-box .new-comment-main .new-comment-review .reply-top {
  padding-top: 20px;
}
.new-comment-box .new-comment-main .new-comment-review .desc {
  font-size: 12px;
  color: var(--color-font-2);
  font-family: unset;
  font-weight: unset;
}
.new-comment-box .new-comment-main .new-comment-review .view-more {
  text-align: center;
  /* color: var(--color-font-2); */
  /* cursor: pointer; */
}
.new-comment-box .new-comment-main .new-comment-review .view-more .view-more-txt {
  font-weight: 400;
  font-family: unset;
  color: var(--color-font-2);
  cursor: pointer;
}
.new-comment-box .new-comment-main .new-comment-review .view-more .view-more-txt:hover {
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .new-comment-review .view-more .view-more-txt:hover .downIcon {
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .new-comment-review .downIcon {
  font-size: 15px;
  color: var(--color-font-2);
  vertical-align: middle;
}
/* .new-comment-box .new-comment-main .new-comment-review .view-more:hover {
  color: var(--color-theme-1);
}
.new-comment-box .new-comment-main .new-comment-review .view-more:hover .downIcon {
  color: var(--color-theme-1);
} */
.new-comment-box .new-comment-main .new-comment-review .pack-up {
  width: 98px;
  height: 28px;
  line-height: 28px;
  /* background: #FFFFFF; */
  /* box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); */
  border-radius: 2px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}
.new-comment-box .pops {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.new-comment-box .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%);
  box-shadow: 0px 0px 10px rgb(0 0 0%);
}
.new-comment-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;
}
.new-comment-box .closeIcon {
  font-size: 14px;
  color: #666666;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.new-comment-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;
}
.new-comment-box .bottom-btn-box {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.new-comment-box .bottom-btn-box button {
  width: 80px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 4px;
  font-size: 14px;
}
.new-comment-box .bottom-btn-box .close-btn {
  color: var(--color-font-1);
  border: 1px solid var(--color-line-1);
  background: var(--color-bg-14);
  margin-right: 15px;
}
.new-comment-box .bottom-btn-box .close-btn:hover {
  color: var(--color-font-1);
  border: 1px solid var(--color-line-1);
  background: var(--color-bg-14-1);
}
.new-comment-box .bottom-btn-box .confirm-btn {
  color: #fff;
  background: var(--color-theme-1);
}
.new-comment-box .bottom-btn-box .confirm-btn:hover {
  color: #fff;
  background: var(--color-theme-1-1);
}
::-webkit-input-placeholder {
  color: var(--color-font-3) !important;
}
::-moz-placeholder {
  color: var(--color-font-3) !important;
}
:-ms-input-placeholder {
  color: var(--color-font-3) !important;
}
.pd-mid-info .replySlideshow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 100;
  margin-top: 50px;
  cursor: default;
}
.pd-mid-info .replySlideshow .replySwiperCloseBox {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 298px);
  right: calc(50% - 298px);
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.pd-mid-info .replySlideshow .replySwiperCloseBox .replySwiperClose {
  font-size: 16px;
  color: #ffffff;
}
.pd-mid-info .replySlideshow .replySwiperCloseBox:hover {
  background: rgba(255, 255, 255, 0.14);
}
.bodyScroll {
  overflow-y: hidden;
}
.methodModalWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10000 !important;
}
.methodModalWrapper .modalWrapper {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  margin: auto;
  width: 910px;
  background-color: #fff;
  height: 631px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.methodModalWrapper .modalWrapper .title {
  width: 100%;
  height: 50px;
  background: #F9F8F8;
  border-radius: 4px 4px 0px 0px;
  position: relative;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.methodModalWrapper .modalWrapper .title i {
  font-size: 14px;
  position: absolute;
  right: 13px;
  top: 19px;
  line-height: 14px;
  cursor: pointer;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.2s linear;
}
.methodModalWrapper .modalWrapper .title i:hover {
  transition: all 0.2s linear;
  color: rgba(0, 0, 0, 0.75);
}
.methodModalWrapper .modalWrapper .contentWrapper {
  width: 100%;
  height: 44px;
  flex: 1;
  padding: 20px 20px 0;
}
.methodModalWrapper .modalWrapper .contentWrapper .methodTop {
  width: 100%;
  padding-left: 20px;
  display: flex;
}
.methodModalWrapper .modalWrapper .contentWrapper .methodTop img {
  width: 42px;
  height: 42px;
  margin-right: 8px;
}
.methodModalWrapper .modalWrapper .contentWrapper .methodTop .methodTitleBox .titleFirst {
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  line-height: 16px;
  margin-bottom: 6px;
  justify-content: flex-start;
  text-align: left;
}
.methodModalWrapper .modalWrapper .contentWrapper .methodTop .methodTitleBox .titleSecond {
  height: 22px;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  text-align: left;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 6px;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox {
  width: 311px;
  height: 407px;
  background: #fffdfb;
  border-radius: 8px;
  border: 1px solid #ffe3cb;
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox:first-child {
  margin-right: 32px;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .titleBg {
  width: 100%;
  height: 52px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 52px;
  text-align: center;
  background: url(/static/image/methodModal/methodsTitle.png) no-repeat;
  background-size: 100% 100%;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody {
  padding: 16px 32px;
  flex: 1;
  text-align: left;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .contentTitle {
  height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #131414;
  line-height: 22px;
  margin-top: 16px;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .contentTitle:first-child {
  margin-top: 0;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .annotation {
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  padding-left: 8px;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .annotation span {
  line-height: 20px;
  color: #ff0000;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .content {
  display: flex;
  align-items: flex-start;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .content p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .content .importContent {
  color: #f70;
  display: inline-block;
  position: relative;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .content .importContent::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 3px;
  background: rgba(255, 119, 0, 0.3);
  bottom: 5px;
  left: 0px;
  position: absolute;
}
.methodModalWrapper .modalWrapper .contentWrapper .modalContent .contentBox .contentBody .content .dianStyle {
  line-height: 20px;
  font-size: 12px;
  transform: scale(0.5);
  display: inline-block;
  border-color: #ffffff;
  color: #f70;
  margin-left: 6px;
}
.methodModalWrapper .modalWrapper .bottomWrapper {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.methodModalWrapper .modalWrapper .bottomWrapper .confirmBtn {
  width: 84px;
  height: 32px;
  color: #fff;
  background: #f70;
  border-radius: 4px;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
}
.methodModalWrapper .modalWrapper .bottomWrapper .confirmBtn:hover {
  background: #e56a00;
}
.rate-box .rate {
  display: inline-block;
}
.rate-box .rate .rateIcon {
  font-size: 14px !important;
  color: rgba(153, 153, 153, 0.5);
  cursor: pointer;
}
.rate-box .rate .rateIcon.isReadOnly {
  cursor: default;
}
.rate-box .rate .rateIcon.isHover {
  color: var(--color-theme-1);
}
.rate-box .rate .rateIcon.isClick {
  color: var(--color-theme-1);
}
.reply-swiper-box {
  width: 500px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reply-swiper-box .reply-swiper-container {
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
.reply-swiper-box .reply-swiper-slide {
  background: #f1f1f1;
  color: #000;
  text-align: center;
  line-height: 500px;
  cursor: default;
}
.reply-swiper-box .reply-swiper-pagination {
  cursor: pointer !important;
  width: 100%;
  bottom: -33px;
}
/* .reply-swiper-box .reply-swiper-scrollbar {
  visibility: hidden;
} */
.reply-swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  margin-right: 15px;
}
.reply-swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  position: relative;
}
.reply-swiper-pagination .swiper-pagination-bullet-active:after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: none;
  border: 1px solid #ffffff;
  position: absolute;
  top: -50%;
  left: -50%;
}
.reply-swiper-box .reply-swiper-img {
  width: 100%;
  /* height: 100%;
  object-fit: cover; */
}
.reply-swiper-box .reply-swiper-button-prev {
  left: 0;
  background-image: url('/static/image/product-img/swiper-button-prev.png');
  opacity: 0.35;
}
.reply-swiper-box .reply-swiper-button-next {
  right: 0;
  background-image: url('/static/image/product-img/swiper-button-next.png');
  opacity: 0.35;
}
.reply-swiper-box .reply-swiper-button-prev,
.reply-swiper-box .reply-swiper-button-next {
  opacity: 0.35;
  height: 70px !important;
  width: 30px !important;
  background-size: 30px 68px;
}
.reply-swiper-box .reply-swiper-button-prev:hover,
.reply-swiper-box .reply-swiper-button-next:hover {
  opacity: 1;
}
.reply-swiper-box .swiper-button-disabled {
  display: none !important;
}
.asj-layer-wrap {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.pd-wuli-list-wrap {
  z-index: 100;
}
.asj-layer-box {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 24px 28px;
  background: #fff;
}
.asj-layer-box .title {
  line-height: 36px;
  font-size: 18px;
  color: #000000;
  text-align: center;
}
.asj-layer-box .btns {
  width: fit-content;
  margin: 18px auto 0;
}
.asj-layer-box .btns a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
  margin: 0 10px;
  display: inline-block;
}
.asj-layer-box .btn0 {
  background: #f4f4f4;
  border-color: #d2d2d2;
  color: #6b6b6b;
  line-height: 28px;
}
.asj-layer-box .btn1,
.asj-layer-box .btn2 {
  background: #f89029;
  color: #fff;
  border: none;
}
.pd-listing-layer {
  min-width: 900px !important;
  max-width: max-content !important;
  max-height: max-content !important;
}
.pd-listing-layer .btns a {
  width: 180px;
}
.pd-listing-layer .pd-alert-list {
  width: 100%;
}
.pd-listing-layer .pd-list-seclet .top-item {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.pd-listing-layer .pd-list-seclet .pdlist-l {
  width: 110px;
  text-align: right;
}
.pd-listing-layer .pd-list-seclet .pdlist-l p {
  font-size: 12px;
  color: #000000;
  line-height: 32px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r {
  /* flex: 1; */
  margin-left: 10px;
}
.pdlist-store .check-box {
  display: inline-block;
  width: 160px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r select,
.pd-list-seclet .pdlist-r input[type="text"] {
  font-size: 12px;
  color: #333;
  width: 230px;
  height: 32px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: #fff;
}
.pd-listing-layer .pd-list-seclet .select-item {
  max-width: 32%;
}
.pd-listing-layer .pd-list-seclet .select-item select {
  width: 100%;
}
.pd-listing-layer .pd-list-seclet .pdlist-r input {
  padding-left: 5px;
  border: 1px solid #e9e9e9;
  font-size: 12px;
  color: #333;
  width: 230px;
  height: 32px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r input:hover {
  border-color: var(--color-line-7);
}
.pd-listing-layer .pd-list-seclet .pdlist-r button {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 12px;
  color: #333;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 {
  margin-top: 9px;
  position: relative;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .shopfiy-category-inp {
  font-size: 12px;
  color: #333;
  width: 350px;
  height: 28px;
  border: 1px solid #e9e9e9;
  padding: 0 10px;
  border-radius: 4px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .carret-box {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 28px;
  line-height: 28px;
  color: #000;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .carret-box span {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -moz-transform: rotate(0deg);
  /* Firefox */
  -webkit-transform: rotate(0deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(0deg);
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .carret-box .to-up {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .drop-con {
  position: absolute;
  width: 100%;
  height: 300px;
  overflow: auto;
  top: 28px;
  left: 0;
  background: #fff;
  border: 1px solid #e9e9e9;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .drop-con li {
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  padding: 0 10px;
}
.pd-listing-layer .pd-list-seclet .pdlist-r .pdlist-rp2 .drop-con li:hover {
  background: #e9e9e9;
}
.pd-listing-layer .pdlist-con .pdlist-top {
  display: flex;
  flex-flow: row wrap;
  max-width: fit-content;
  padding: 5px 0;
}
.pd-listing-layer .pdlist-con .pdlist-top .pdlist-change-price {
  float: left;
  width: 150px;
  line-height: 30px;
  font-size: 12px;
  color: #000;
}
.pd-listing-layer .pdlist-con .pdlist-top .bulk-set {
  display: flex;
  margin: 3px 0;
}
.pd-listing-layer .pdlist-con .pdlist-top .bulk-set .left-span {
  /* width: 130px;
    text-align: right; */
  margin: 0 5px;
  color: #000000;
  line-height: 32px;
  font-size: 14px;
  padding-left: 5px;
}
.pd-listing-layer .pdlist-con .pdlist-top .bulk-set .bulk-inp {
  display: block;
  width: 68px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
  background: #ffffff;
}
.pd-listing-layer .pdlist-con .pdlist-top .bulk-set .ok-btn {
  display: block;
  width: 50px;
  line-height: 32px;
  border-radius: 4px;
  /* background: linear-gradient(90deg,rgba(255, 204, 117, 1) 0%,rgba(247, 142, 41, 1) 100%);
    color: #ffffff; */
  outline: none;
  text-align: center;
  font-size: 14px;
}
.pd-listing-layer .pdlist-con p {
  font-size: 12px;
  color: #000;
  margin: 15px 0;
}
/* .pd-listing-layer .pdlist-con .pdlist-table {
    width: 100%;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-title {
    height: 50px;
    background-color: #d8d8d8;
  }
  .pd-listing-layer .pdlist-con .pdlist-table-title ul {
    width: 100%;
    display:flex;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-title li {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #333333;
    height: 30px;
    line-height: 50px;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-title .check-box {
    margin-top: 17px;
    margin-left: 10px;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body {
    min-height: 230px;
    max-height: 275px;
    overflow: auto;
    border: 1px solid #f4f4f4;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body .check-box {
    margin-top: 20px;
    margin-left: 10px;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li>div {
    display: table-cell;
    height: 55px;
    border-bottom: 1px solid #f4f4f4;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li {
    display: table;
    height: 55px;
    border-bottom: 1px solid #f4f4f4;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li>span {
    text-align: center;
    font-size: 14px;
    color: #000000;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li .pdlist-imgtd a {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 42px;
    border: 1px solid #dcdcdc;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li .pdlist-imgtd img {
    max-width: 44px;
    max-height: 44px;
    display: inline-block;
  }

  .pd-listing-layer .pdlist-con .pdlist-table-body li .price-inp {
    width: 78px;
    height: 30px;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    text-align: center;
  } */
.pd-listing-layer .pdlist-con .show-sele-logistic {
  font-size: 16px;
  line-height: 28px;
  justify-content: space-around;
  background: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  padding: 10px 0;
  position: relative;
  /* position: absolute;
    left: 0;
    right: 0;
    bottom: 80px; */
}
.pd-listing-layer .pdlist-con .show-sele-logistic.ship-method-info {
  padding: 6px 20px;
  font-size: 14px;
  box-shadow: none !important;
  background: #FAF7F1;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
}
.pd-listing-layer .pdlist-con .show-sele-logistic.ship-method-info .ship-method-info-item {
  /* width: 50%; */
  flex: 1;
}
.pd-listing-layer .pdlist-con .show-sele-logistic.ship-method-info .ship-method-info-item .label {
  display: inline-block;
  min-width: 155px;
  text-align: right;
  color: var(--color-font-1);
  vertical-align: 1px;
}
.pd-listing-layer .pdlist-con .show-sele-logistic.ship-method-info .ship-method-info-item .value {
  color: var(--color-font-3);
}
.pd-listing-layer .pdlist-con .re-chose-ship {
  padding: 0 20px 0 5px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px;
  height: 32px;
  width: 270px;
  background: #ffffff;
}
.pd-listing-layer .pdlist-con .re-chose-ship .caret {
  position: absolute;
  right: 5px;
  top: 11px;
}
.pd-wuli-list {
  /* width: 785px; */
  width: auto;
  height: auto;
}
/*物流弹框*/
body .pd-alert-wl table thead {
  background: #edecec;
}
body .pd-alert-wl .pd-alert-ul li {
  padding-bottom: 10px;
}
body .pd-alert-wl .pd-alert-ul li label {
  font-size: 14px;
  color: #000;
  float: left;
  width: 164px;
  margin-right: 10px;
  text-align: right;
  line-height: 38px;
}
body .pd-alert-wl .pd-alert-ul li select {
  float: left;
  font-size: 14px;
  color: #333;
  height: 38px;
  border: 1px solid #e9e9e9;
  margin-right: 5px;
  width: 160px;
}
body .pd-alert-wl .pd-alert-ul li .select-ship-to-country {
  width: 420px;
}
body .pd-alert-wl .pd-alert-ul li .select-platform {
  width: 160px;
}
body .pd-alert-wl .chose-ship-tit {
  color: #000000;
  font-size: 14px;
  line-height: 50px;
}
body .pd-alert-wl .pd-table {
  height: 200px;
  overflow: auto;
  border: 1px solid #f4f4f4;
  margin-top: 10px;
}
body .pd-alert-wl .pd-table table {
  border-bottom: 1px solid #f4f4f4;
}
body .pd-alert-wl .pd-table .chose-ship-top {
  /* position: fixed; */
  top: 152px;
  left: 28px;
  background: #fff;
  z-index: 99;
}
body .pd-alert-wl .pd-table .chose-ship-top table {
  border: none;
}
body .pd-alert-wl .pd-table td {
  font-size: 14px;
  color: #333333;
  text-align: center;
}
body .pd-alert-wl .pd-table thead tr th {
  font-size: 12px;
  color: #333333;
  border-right: 1px solid #f4f4f4;
  height: 30px;
  text-align: center;
}
body .pd-alert-wl .pd-table tbody tr {
  border-top: 1px solid #f4f4f4;
}
body .pd-alert-wl .pd-table tbody tr td {
  color: #333333;
  font-size: 14px;
  height: 66px;
  border-right: 1px solid #f4f4f4;
  height: 56px;
  white-space: normal;
}
body .pd-alert-wl .pd-table tbody tr .td-method {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .pd-alert-wl .pd-table tbody tr .td-method img {
  width: 16px;
}
body .pd-alert-wl .pd-table tbody tr .td-method span {
  width: 168px;
}
body .pd-alert-wl .pd-table tbody tr .pd-alert-radio {
  margin-left: 12px;
  margin-right: 10px;
  cursor: pointer;
}
body .pd-alert-wl .pd-table .no-ship-method {
  font-style: 14px;
  padding: 10px;
}
body .pd-alert-wl .layui-layer-btn {
  text-align: center;
}
.pd-wuli-list .btn0 {
  width: 180px;
}
.pd-listing-layer .pdlist-store {
  display: flex;
}
.pd-listing-layer .pdlist-store .check-box {
  margin-top: 5px;
  margin-left: 5px;
}
.pd-listing-layer .serch-cate {
  display: flex;
}
.pd-listing-layer .serch-cate div {
  position: relative;
  font-size: 12px;
  line-height: 28px;
}
.pd-listing-layer .serch-cate ul {
  position: absolute;
  top: 28px;
  left: 0;
  height: 240px;
  overflow: auto;
  background: #f6f6f6;
  padding: 10px;
  width: 400px;
  box-shadow: 0px 5px 10px rgba(1, 1, 1, 0.15);
  z-index: 1;
}
.pd-listing-layer .serch-cate ul li {
  font-size: 12px;
  padding: 5px 0;
  cursor: pointer;
}
.pd-listing-layer .serch-cate ul li:hover {
  background: #ccc;
}
.pd-listing-layer .radio-box {
  margin: 6px 10px;
}
.pd-listing-layer .pd-alert-list .tabpanel .nav {
  background: #fff;
}
.ebay-limit-box {
  background: rgba(255, 119, 0, 0.1);
  padding: 0 10px 0 10px;
  line-height: 32px;
  color: #333;
  font-size: 12px;
  margin-left: 20px;
}
.ebay-limit-box .f-org {
  color: #f70;
  margin-right: 16px;
}
.ebay-limit-box .refresh {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px ;
  height: 18px;
  background: #f70;
  text-align: center;
  line-height: 18px;
  border-radius: 2px;
}
.ebay-limit-box .refresh:hover {
  background: #f90;
}
.ebay-limit-box .refresh:before {
  content: '\e650';
  color: #fff;
  font-family: 'iconfont';
  font-size: 12px;
}
.top-item button {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 12px;
  color: #333;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.top-item .refresh {
  position: relative;
  display: inline-block;
  vertical-align: 0px;
  width: 18px ;
  height: 18px;
  background: var(--color-theme-1);
  text-align: center;
  line-height: 18px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 2px;
}
.top-item .disable {
  background: #6b6b6b;
}
.top-item .refresh:hover {
  background: var(--color-theme-1-1);
}
.top-item .refresh:before {
  content: '\e650';
  color: var(--color-font-4);
  font-family: 'iconfont';
  font-size: 12px;
}
.ebay-limit-tips {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.ebay-limit-tips .inventory-show-more {
  left: -222px;
  width: auto;
  top: 32px;
}
.ebay-limit-tips .inventory-show-more .show-more-list {
  width: 300px;
}
.ebay-limit-tips .inventory-show-more .triangle {
  bottom: 0;
  left: 229px;
}
.ebay-limit-tips:hover .inventory-show-more {
  display: block;
}
.ebay-limit-tips .inventory-show-more .new-proDetailPromptInfo {
  color: var(--color-font-4) !important;
}
.ebay-limit-tips .inventory-show-more .new-proDetailPromptInfo:hover {
  color: var(--color-theme-1) !important;
}
.pdlist-con .check-box {
  margin: 0 auto;
}
.pdlist-con .list-table-thead {
  background-color: #d8d8d8;
}
.pdlist-con .list-table-thead th {
  text-align: center;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
}
.pdlist-con .list-table-thead .varient-th {
  position: relative;
}
.pdlist-con .list-table-thead .varient-th .remove-varient {
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  height: 16px;
  width: 16px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}
.pdlist-con .list-table-tbody {
  min-height: 186px;
  max-height: 228px;
  overflow-x: hidden;
  /* margin-bottom: 48px; */
}
.pdlist-con .list-table-tbody tr {
  display: flex;
  border-left: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  min-width: 860px;
  height: 70px;
  justify-content: space-between;
  align-items: center;
}
.list-table-title-tr {
  min-width: 860px;
  background: #F0EDE7;
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-table-title-tr.list-table-title-full {
  padding-right: 0px;
}
.pdlist-con .list-table-tbody td {
  text-align: center;
  font-size: 14px;
  color: #000000;
}
.pdlist-con .list-table-tbody td .price-inp {
  width: 78px;
  height: 32px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  text-align: center;
  padding: 0 4px;
}
.pdlist-con .list-table-tbody .pdlist-imgtd img {
  height: 46px;
  width: 100%;
}
.pdlist-con .list-table-tbody::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.pdlist-con .list-table-tbody::-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);
}
.pdlist-con .list-table-tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
.pdlist-r .specifics-wrap {
  position: relative;
}
.pdlist-r .specifics-wrap input {
  border: 1px solid #ddd;
  width: 100%;
  font-size: 12px;
  color: #333;
}
.pdlist-r .specifics-list {
  display: none;
  position: absolute;
  height: 300px;
  top: 30px;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  overflow-y: scroll;
}
.pdlist-r .specifics-list li {
  border-bottom: 1px solid #ddd;
  padding: 5px;
  font-size: 12px;
  color: #333;
}
.pdlist-r .specifics-list li:hover {
  cursor: pointer;
  background-color: #999;
}
.list-table-tbody .list-table-title th {
  text-align: center;
  font-size: 14px;
}
.list-table-tbody .specifics-wrap {
  position: relative;
  padding: 10px 0;
}
.list-table-tbody .specifics-wrap input {
  border: 1px solid #ddd;
  width: 100%;
  font-size: 12px;
  color: #333;
}
.list-table-tbody .specifics-list {
  display: none;
  position: absolute;
  height: 300px;
  top: 30px;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  overflow-y: scroll;
}
.list-table-tbody .specifics-list li {
  border-bottom: 1px solid #ddd;
  padding: 5px;
  font-size: 12px;
  color: #333;
}
.list-table-tbody .specifics-list li:hover {
  cursor: pointer;
  background-color: #999;
}
.list-table-title {
  text-align: center;
  font-size: 14px;
  color: #333333;
  /* height: 30px; */
  background-color: #d8d8d8;
}
del {
  color: #999;
}
.pd-wuli-list-wrap .confirm-btn-box {
  background: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
}
.pd-listing-layer .confirm-btn-box .yes-btn {
  width: initial;
  margin-right: 15px;
  padding: 0 10px;
  font-size: 14px;
}
.confirm-box .pd-listing-layer .check-box .new-checkbox-color {
  /* z-index: 101; */
  border-color: var(--color-line-7);
}
.confirm-box .pd-listing-layer .check-box .new-checkbox-color:hover {
  z-index: 101;
  border-color: var(--color-line-7);
}
:not(.vip) .confirm-box .pd-listing-layer .new-theme-color {
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-color: var(--color-theme-1);
}
:not(.vip) .confirm-box .pd-listing-layer .new-theme-color:hover {
  background: var(--color-theme-1-1);
}
.vip .confirm-box .pd-listing-layer .new-theme-color {
  background: var(--color-theme-1-vip);
  color: var(--color-font-4);
  border-color: var(--color-theme-1-vip);
}
.vip .confirm-box .pd-listing-layer .new-theme-color:hover {
  background-color: var(--color-theme-1-1-vip);
}
.confirm-box .pd-listing-layer .add-new {
  background: var(--color-bg-10);
  border: 1px solid var(--color-line-1) !important;
  color: var(--color-font-1) !important;
  outline: none;
}
:not(.vip) .confirm-box .pd-listing-layer .add-new:hover {
  border: 1px solid var(--color-theme-1) !important;
  color: var(--color-theme-1) !important;
}
.vip .confirm-box .pd-listing-layer .add-new:hover {
  border: 1px solid var(--color-theme-1-vip) !important;
  color: var(--color-theme-1-vip) !important;
}
.confirm-box .pd-listing-layer .new-btn-confirm {
  background: var(--color-theme-1);
  border: none !important;
  color: var(--color-font-4) !important;
  outline: none;
}
.confirm-box .pd-listing-layer .new-btn-confirm:hover {
  background: var(--color-theme-1-1);
  border: none !important;
  color: var(--color-font-4) !important;
}
.vip .confirm-box .pd-listing-layer .new-btn-confirm {
  background: var(--color-theme-1-vip);
}
.vip .confirm-box .pd-listing-layer .new-btn-confirm:hover {
  background-color: var(--color-theme-1-1-vip);
}
.confirm-box .pd-listing-layer .new-btn-cancel {
  background: var(--color-bg-10);
  color: var(--color-font-1) !important;
  outline: none;
}
.confirm-box .pd-listing-layer .new-btn-cancel:hover {
  background: var(--color-bg-14-1);
  color: var(--color-font-1);
}
.pd-listing-layer .checkoutIcon {
  cursor: pointer;
  font-size: 16px;
  color: var(--color-line-1);
}
.pd-listing-layer .checkoutIcon:hover {
  color: var(--color-line-7);
}
.pd-listing-layer .isCheckoutIcon {
  cursor: pointer;
  font-size: 16px;
  color: var(--color-line-7);
}
.selectShop {
  border-radius: 4px;
}
.selectShop .select-search {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.selectShop .select-wrap {
  width: 100%;
  position: relative;
}
.selectShop .select-wrap .select-input {
  width: 100%;
  min-height: 32px;
  max-height: 62px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
}
.selectShop .select-wrap .select-input .singleInput {
  width: 100%;
}
.selectShop .select-wrap .select-input .iconjiantou_xia {
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.selectShop .select-wrap .select-input .select-placeholder {
  padding: 0 16px;
  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 14px;
  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: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 16px;
  position: relative;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
}
.selectShop .select-wrap .select-input .singleSelected .selectedImg {
  width: 26px;
  height: 26px;
  margin-right: 4px;
  border: 1px solid #eeeeee;
}
.selectShop .select-wrap .select-input .singleSelected .selectedName {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-2);
  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: #e4e4e4;
  cursor: not-allowed;
}
.selectShop .select-wrap.cj-tooltip .select-input .singleSelected:hover .selectedDeleteBox {
  display: none;
}
.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: 1000;
  min-width: 400px;
}
.selectShop .options-modal .select-options {
  position: absolute;
  width: 100%;
  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;
  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-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;
}
.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 .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: #FF7700;
  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: 6px;
  border-radius: initial;
}
.selectShop .beauty-scrollbar::-webkit-scrollbar-track {
  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;
}
.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;
}
:global(.vip) .select :global .selectShop .options-modal .select-options .select-option-item .checked-icon .iconfont {
  color: var(--color-theme-1-vip);
}
:global(.vip) .select :global .selectShop .options-modal .select-options .select-option-item .name .cj-tooltip .option-label .filterWord {
  color: var(--color-theme-1-vip);
}
:global(.vip) .select :global .blackTheme {
  border: 1px solid transparent;
}
:global(.vip) .select :global .blackTheme:hover {
  border: 1px solid #F5DDA9;
}
:global(.vip) .select :global .blackTheme .select-search {
  background: #0E0E0E;
  color: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input {
  background: #0E0E0E;
  color: var(--color-theme-2-vip);
  border: none;
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input .select-placeholder {
  color: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input .singleInput::placeholder {
  color: rgba(241, 214, 158, 0.65);
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input .singleSelected .selectedName {
  color: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input .singleSelected .selectedDeleteBox {
  background: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .select-wrap .select-input .singleSelected .selectedDeleteBox .selectedDeleteIcon {
  color: #494A53;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options {
  background: #262626;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item .option-label {
  color: #fff;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item .allIcon {
  color: #ffffff;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item .checked-icon .iconfont {
  display: none;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item:hover {
  background: inherit;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item:hover .option-label {
  color: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item.selectedBg {
  background: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item.selectedBg .option-label {
  color: #3D1B00;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .select-option-item.selectedBg:hover {
  background: var(--color-theme-2-vip);
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .unauthorizedShop {
  border-top-color: #555555;
}
:global(.vip) .select :global .blackTheme .options-modal .select-options .unauthorizedShop .unauthorizedShopTitle {
  color: #CBCBCB;
}
.selectComponent {
  display: inline-block;
  vertical-align: middle;
}
.selectComponent .selectBox {
  width: 230px;
  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 {
  cursor: not-allowed;
  background-color: #fafafa !important;
}
.selectComponent.cj-tooltip .cj-tooltip-padding {
  left: 60px;
}
.pop-ups-modal.addToSkulistLayer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.pop-ups-modal.addToSkulistLayer .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%);
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .popups-title {
  font-size: 16px !important;
  color: #333333;
  height: 22px;
  line-height: 22px;
  position: relative;
  background-color: unset;
  text-align: left;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .popups-title .closeIcon {
  font-size: 14px;
  color: #666666;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .popups-content {
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: #666666;
  padding: 0;
  margin-top: 10px;
  text-align: left;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .bottom-btn-box {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .bottom-btn-box button {
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  font-size: 14px;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .bottom-btn-box .close-btn {
  color: #666666;
  border: 1px solid #E4E4E4;
  background: #F9F9F9;
  margin-right: 15px;
}
.pop-ups-modal.addToSkulistLayer .pop-ups-box .bottom-btn-box .confirm-btn {
  color: #fff;
  background: linear-gradient(90deg, #FFCC75 0%, #F78E29 100%);
}
.list-table-tbody .InsufficientTips {
  display: inline-block;
  color: #FF0000;
  font-size: 12px;
  background: #FFCFCF;
  border-radius: 2px;
  padding: 0 5px;
}
.confirm-btn-box .tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
}
.confirm-btn-box .tooltip .tooltiptext {
  visibility: hidden;
  min-width: 300px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px 8px;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: -50px;
  margin-left: -60px;
  font-size: 12px;
}
.confirm-btn-box .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.confirm-btn-box .tooltip:hover .tooltiptext {
  visibility: visible;
}
#isCJPub .new-CJ-content .icon-box {
  padding-right: 0px;
}
#isCJPub .new-CJ-content .title {
  margin-right: 0;
  color: var(--color-font-1);
  font-size: 16px;
}
.nav-tabs-title {
  color: #000;
}
.nav-tabs-title-span {
  color: #f00;
  font-size: 16px;
  margin-right: 4px;
  margin-bottom: -2px;
}
.nav-tabs-title.warning,
.nav-tabs > li.active > a.warning {
  color: #f00;
}
.other-inp.warning,
.other-var select.warning {
  border-color: #f00;
}
.nav > li > a:hover {
  color: #000;
}
.ebay-limit-tips .inventory-show-more .triangle {
  left: 278px;
}
.ebay-limit-tips .inventory-show-more {
  left: -274px;
}
.confirm-box .tab-pane .codeToolTip .codeIcon {
  font-size: 15px;
  color: #F78E29;
  cursor: pointer;
}
.confirm-box .tab-pane .codeToolTip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.confirm-box .tab-pane .codeToolTip:hover .codeToolText {
  visibility: visible;
}
.confirm-box .tab-pane .codeToolTip .codeToolText {
  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: 130%;
  left: -41px;
  word-break: break-word;
  line-height: 1.5;
  min-width: 100px;
}
.confirm-box .tab-pane .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;
}
.right-overflow-tip {
  box-shadow: -1px 0px 4px 0px rgba(63, 63, 63, 0.1);
  background-color: #fff;
  width: 20px;
  position: sticky;
  right: 0;
  height: 50px;
}
@media screen and (max-height: 806px) {
  .confirm-main-quick {
    height: 600px !important;
  }
  .confirm-content-quick {
    padding: 20px 20px 0px 20px !important;
    height: 498px;
    overflow-y: scroll;
    overflow-x: hidden !important;
  }
  .confirm-title {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 99;
    background-color: #F9F8F8 !important;
  }
  .confirm-btn-box {
    position: sticky !important;
    bottom: 0;
  }
  .list-table-tbody {
    max-height: 100% !important;
  }
  #tabs-wrapper {
    position: sticky;
    padding-top: 8px;
    top: -20px;
    background-color: #fff;
    z-index: 99;
  }
  .pdlist-top {
    position: sticky;
    top: 22px;
    background-color: #fff;
    z-index: 99;
    max-width: inherit !important;
  }
  .ship-btn-media {
    position: sticky !important;
    bottom: 40px;
  }
  .ship-show-media {
    position: sticky !important;
    bottom: 0;
  }
  .scroll-to-top {
    position: sticky;
    bottom: 170px;
    float: right;
    margin-right: 26px;
    width: 32px;
    height: 32px;
    color: #666666;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    background: #FFFFFF;
    z-index: 999;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
  }
  .scroll-to-top:hover {
    border: 1px solid #FF7700;
    color: #FF7700;
  }
  .scroll-to-top:hover .tips-custom {
    display: block;
  }
  .tips-custom {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    border-radius: 3px;
    padding: 0px 14px;
    font-size: 14px;
    font-weight: 400;
    top: -40px;
    left: -36px;
    width: 100px;
    display: none;
  }
  .tips-custom::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;
    right: 44px;
    opacity: 0.7;
  }
}
.tags-box i,
.tags-list i {
  font-size: 12px;
  cursor: pointer;
}
.tags-box {
  display: flex;
  width: 230px;
  font-size: 12px;
  position: relative;
}
.tags-box input {
  padding-right: 20px;
  height: 32px!important;
  border-radius: 2px;
}
.tags-box input,
.tags-list .tag-text {
  font-size: 12px;
}
.tags-list .tag-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  max-width: 190px;
}
.tags-box i.iconfont {
  position: absolute;
  right: 7px;
  top: 7px;
}
.tags-list {
  width: 230px;
  max-height: 74px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
.tag-item {
  display: flex;
  padding: 2px 8px;
  background-color: #FFF9EF;
  color: #FFA301;
  margin-right: 4px;
  margin-bottom: 4px;
  align-items: center;
  border-radius: 2px;
}
.tag-item i {
  margin-left: 8px;
  font-size: 12px;
  transform: scale(0.8);
}
.pdlist-con .list-table-thead th {
  word-wrap: break-word;
}
.confirm-box .confirm-btn-box .no-btn {
  width: auto;
  padding: 0 10px;
}
.disabled-btn {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.pdlist-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Refresh {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px ;
  height: 18px;
  background: var(--color-theme-1);
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 5px;
  margin-bottom: 0;
}
.your-pirce {
  position: relative;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.your-price-tips {
  margin: 0 0 1px 4px;
  color: var(--color-theme-1);
  cursor: default;
}
.vip .your-price-tips {
  color: var(--color-theme-1-vip);
}
.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: 45px;
  left: 111px;
  transform: translateX(-50%);
  word-break: break-word;
  margin: 0;
  font-size: 12px;
}
.tooltiptext-edit::after,
.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;
}
.your-price-title {
  display: flex;
  align-items: center;
}
.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;
  position: absolute;
  margin: 54px 0 0 120px;
  font-size: 12px;
}
.pd-listing-layer .pd-list-seclet .top-item-store-bottom {
  margin-bottom: 28px;
}
.pd-listing-layer .pdlist-store {
  position: relative;
}
.pd-listing-layer .pdlist-store .shopeeTips {
  width: 607px;
  background: #F9F8F8;
  border-radius: 4px;
  position: absolute;
  left: 316px;
  top: 0;
  padding: 10px;
}
.pd-listing-layer .pdlist-store .shopeeTips:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #F5F5F5 transparent transparent;
  position: absolute;
  top: 7px;
  left: -16px;
}
.pd-listing-layer .pdlist-store .shopeeTips .shopeeTipsText {
  color: var(--color-font-2);
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.pd-listing-layer .pdlist-store .shopeeTips .tutorialLink {
  color: var(--color-theme-1);
  line-height: 20px;
}
.pd-listing-layer .pdlist-store .shopeeTips .tutorialLink:hover .tutorialText {
  text-decoration: underline;
}
.pd-listing-layer .pdlist-store .shopeeTips .tutorialLink .tutorialIcon {
  font-size: 16px;
  margin-right: 0px;
  vertical-align: bottom;
}
.pd-listing-layer .pdlist-store .shopeeTips .tutorialLink .tutorialText {
  font-size: 12px;
  font-weight: 400;
}
.your-price-title .iconshuaxin,
.your-price-title .iconqchu {
  margin-left: 4px;
  font-size: 12px;
  color: var(--color-theme-1);
  cursor: pointer;
}
.your-price-title .iconqchu {
  font-size: 19px;
}
.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: 10px;
  transform: translateX(-50%);
  word-break: break-word;
  font-size: 12px;
  z-index: 99;
}
.refresh-tips-box::after {
  margin-left: 139px;
}
.your-price-defaultCurrency {
  width: 43px;
  height: 17px;
  line-height: 17px;
  background: var(--color-theme-1);
  border-radius: 2px;
  margin: 0 auto;
  color: #fff;
}
.tab-content .tiktokVariants {
  margin-top: 10px;
  margin-bottom: 16px;
  display: flex;
}
.tiktokVariants .tiktokVariantsLabel {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
  margin-right: 8px;
}
.tiktokVariants .tiktokVariantsLabel .questionIconToolBox {
  position: relative;
  z-index: 100;
}
.tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIcon {
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 4px;
}
.tiktokVariants .tiktokVariantsLabel .questionIconToolBox .questionIcon {
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 4px;
}
.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;
  z-index: 100;
  border-radius: 2px;
}
.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;
}
.tiktokVariants .tiktokVariantsLabel .questionIconToolBox:hover .questionIconToolText {
  display: block;
}
.bulk-set .newLeftSpan {
  display: inline-block;
  width: 90px;
  text-align: right;
}
.tiktokVariants .tiktokVariantsItemBox {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-font-1);
  line-height: 20px;
  display: flex;
}
.tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem {
  margin-right: 24px;
}
.tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsNotSelectIcon {
  font-size: 14px;
  color: #e6e6e6;
  margin-right: 8px;
  cursor: pointer;
}
.tiktokVariants .tiktokVariantsItemBox .tiktokVariantsItem .tiktokVariantsSelectIcon {
  font-size: 16px;
  color: var(--color-theme-1);
  margin-right: 8px;
}
.list-table-tbody .pr {
  padding-right: 20px;
}
tr.opacityOff {
  opacity: 0.5;
  cursor: not-allowed;
}
tr.opacityOff input,
tr.opacityOff select {
  pointer-events: none;
}
.create-list-price-btn {
  border-radius: 4px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
}
.create-list-price-btn.disabled {
  pointer-events: none;
  opacity: 0.44;
  transition: 150ms;
}
.tabs-header {
  background: #F7F5F4;
  display: flex;
  align-items: center;
}
.tabs-header ul {
  display: flex;
  align-items: center;
}
.tabs-header ul li {
  font-size: 14px;
  color: #666;
  height: 50px;
  line-height: 50px;
  position: relative;
  margin-right: 45px;
  padding: 0 40px;
  cursor: pointer;
}
.tabs-header ul li:first-child::before {
  content: none !important;
}
.tabs-header ul li:hover::before,
.tabs-header ul li.cur::before,
.tabs-header ul li:hover::after,
.tabs-header ul li.cur::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 45px;
  bottom: 0;
  background-size: 100% 59px;
  background-position: bottom;
}
.tabs-header ul li:hover::before,
.tabs-header ul li.cur::before {
  left: -44px;
  transform: rotateY(180deg);
}
.tabs-header ul li:hover::after,
.tabs-header ul li.cur::after {
  right: -44px;
}
.tabs-header ul li:hover {
  color: var(--color-theme-1);
  z-index: 99;
}
.tabs-header ul li:hover::before,
.tabs-header ul li:hover::after {
  background-image: url(/static/image/product-detail/tab-gray-2.svg);
}
.tabs-header ul li.cur {
  background-color: #fff;
  color: var(--color-theme-1);
}
.tabs-header ul li.cur::before,
.tabs-header ul li.cur::after {
  background-image: url(/static/image/product-detail/tab-white-2.svg);
}
.tabs-header .iconfont {
  margin-left: auto;
  margin-right: 30px;
  color: #666;
  cursor: pointer;
  font-size: 14px;
}
.speed-list-box .scroll {
  max-width: 1000px;
  margin: auto;
  height: 498px;
  overflow-y: auto;
  padding: 20px;
}
.speed-list-box .main {
  max-width: 800px;
  margin: auto;
}
.speed-list-box .tab-modal-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;
}
.speed-list-box .tab-modal-tip .iconfont {
  color: #F7BA2A;
  flex: none;
  margin-right: 8px;
  padding-top: 4px;
}
.speed-list-box .tab-modal-tip p {
  flex: 1;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 23px;
}
.speed-list-box .confirm-btn-box {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
}
.speed-list-box .list-template-box {
  width: 1000px !important;
}
.Reselect {
  margin-left: 10px;
}
.select-item .disableSelect {
  background: #fafafa !important;
  cursor: not-allowed;
}
.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: 30px;
  background: #FBFBFB;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #E1E1E1;
}
.varSpec .tiktokIdentifierCodeBox .tiktokIdentifierCodeInput {
  padding-left: 8px;
  border: none;
  width: 90px;
}
.others-tab .paymentmethod-main input[type=radio] {
  margin-top: -4px;
  vertical-align: middle;
  cursor: pointer;
}
.others-tab .paymentmethod-main input[type=radio]:checked {
  opacity: 0;
}
.others-tab .paymentmethod-main .radio-lable {
  position: relative;
  line-height: 32px;
}
.others-tab .paymentmethod-main input[type=radio]:checked + .radio-lable::before {
  content: '';
  position: absolute;
  left: -17px;
  top: 10px;
  width: 12px;
  border: 2px solid #ffffff;
  height: 12px;
  background: #ff7700;
  outline: 1px solid #f70;
  border-radius: 50%;
}
.others-tab .other-paypal {
  width: 200px;
}
.others-tab .paypalmethod-tip {
  margin-bottom: 6px;
  margin-top: 3px;
  color: #666;
}
.others-tab .paypalmethod-tip a {
  color: #f70;
}
#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);
}
.newQuickListWrap .selectShop .select-wrap .select-input .singleSelected {
  padding: 0 32px 0 4px;
}
.newQuickListWrap .selectShop .select-wrap .select-input .singleSelected .selectedName {
  color: var(--color-font-1);
}
.newQuickListWrap .selectShop .select-wrap .select-input .singleSelected .selectedDeleteBox {
  right: 15px;
}
.newQuickListWrap .selectShop .select-wrap .select-input .iconjiantou_xia {
  right: 2px;
}
.newQuickListWrap .selectShop .select-wrap .select-input .select-search {
  padding-left: 4px;
}
.newQuickListWrap .inputBorder {
  border-radius: 4px;
}
.newQuickListWrap .selectDisabled {
  cursor: not-allowed;
  background-color: #fafafa !important;
}
.newQuickListWrap .disableStyle:disabled {
  cursor: not-allowed;
  background-color: #fafafa !important;
}
.newQuickListWrap .selectBox.cj-tooltip .cj-tooltip-padding {
  left: 60px;
}
.newQuickListWrap .newSelectCountry .selectComponent .select {
  padding: 0 20px 0 5px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px;
  height: 32px;
  width: 270px;
  background: #ffffff;
}
.newQuickListWrap .noMoreOption .cj-tooltip-padding {
  display: none;
}
.newQuickListWrap .noMoreOption.cj-tooltip:hover .cj-tooltip-padding {
  display: block;
}
.newQuickListWrap .fontColor {
  color: var(--color-font-1) !important;
}
.newQuickListWrap .newPleaseSelect {
  color: var(--color-font-3) !important;
}
.newQuickListWrap .newPleaseSelect option {
  color: var(--color-font-1) !important;
}
.ship-from {
  position: relative;
  margin-bottom: 16px;
}
.ship-from.ship-from-margin {
  margin-bottom: 0;
}
.ship-from .ship-from-sele-select {
  display: inline-block;
  width: 220px;
  height: 30px;
  line-height: 28px;
  border-radius: 4px;
  border: 1px solid #E9E9E9;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding-left: 4px;
  position: relative;
}
.ship-from .ship-from-sele-select + .ship-from-sele-select {
  margin-top: 16px;
}
.shopee-store-located {
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
  display: inline-block;
  margin-right: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.ship-from .select2-container--default .select2-selection--single {
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
.ship-from .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 30px;
  line-height: 28px;
  padding-top: 0;
  padding-left: 4px;
}
.ship-from .select2-container .select2-selection--single {
  height: 30px;
  z-index: 1;
  position: relative;
  background: none;
}
.ship-from .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 5px;
  font-size: 14px;
}
.select2-results__option {
  font-size: 14px;
}
.iconxiala {
  position: absolute;
  right: 2px;
  bottom: 0;
  font-weight: 600;
  font-size: 15px;
  height: 30px;
  line-height: 28px;
  color: #666;
  z-index: 0;
}
.ship-tips {
  position: absolute;
  color: #666;
  font-size: 14px;
  right: 0;
  line-height: 20px;
  top: 25px;
  width: 220px;
  background: #eee;
  cursor: not-allowed;
  padding-left: 4px;
  border-radius: 5px;
  z-index: 9;
}
.estimated-delivery-time {
  position: absolute;
  color: #666;
  font-size: 14px;
}
.shipping-method-item {
  font-size: 12px;
  margin-top: 8px;
}
.shipping-method-content {
  font-weight: 400;
}
.asj-wuliu-tip-wrap .new-color {
  color: var(--color-theme-1);
}
.asj-wuliu-tip-wrap .new-color:hover {
  color: var(--color-theme-1-1);
}
.tracking-information-remark .asj-wuliu-tip-show {
  position: absolute;
  top: unset;
  bottom: 21px;
  left: -90px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  line-height: 18px;
  width: 180px;
  padding: 5px;
  border: none;
  color: #ffffff;
  display: none;
  opacity: 0;
  transition: all 0.5s;
  text-align: center;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
}
.tracking-information-remark .asj-wuliu-tip-show:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid rgba(0, 0, 0, 0.75);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  bottom: -4px;
  left: 50%;
}
.asj-wuliu-tip-icon:hover .asj-wuliu-tip-show {
  display: block;
  opacity: 1;
}
.shipping-method-disabled {
  background: #eee;
}
.pd-midr-tul li .shipping-method-title {
  color: #999;
}
.asj-wuliu-tip-wrap.tracking-information-remark {
  display: inline-block;
  position: relative;
  width: 20px;
  margin-left: 5px;
}
.select-ship-method {
  width: 750px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0%);
  background: #fff;
  position: absolute;
  z-index: 99;
  top: 58px;
  font-size: 14px;
  right: 0;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #eee;
}
.logisticListItem {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  line-height: 27px;
  font-size: 14px;
  color: #666666;
}
.select-ship-method ul {
  max-height: 250px;
  overflow-y: scroll;
}
.select-ship-method ul li:hover {
  background: rgba(255, 119, 0, 0.1);
}
.select-ship-method ul .logisticListItem:hover span {
  color: var(--color-primary);
}
.add-ship-show-tips {
  color: red;
  font-size: 14px;
}
.shipping-method-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.shipping-method-title {
  color: #999;
}
.ship-from .item-between {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 8px;
  line-height: 17px;
}
.ship-from .item-label-long {
  color: #999;
}
.ship-from .inventory-show-more {
  left: auto;
  right: 0;
}
.ship-from .inventory-show-more .triangle {
  left: auto;
  right: 3px;
}
.country-select.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e4e4e4;
}
.country-select.select2-container--open .select2-dropdown--above,
.country-select.select2-container--open .select2-dropdown--below {
  border: 1px solid #e4e4e4;
  border-top: 0 none;
}
.country-select.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #666;
}
.ship-from .pd-num-btn {
  position: relative;
  top: 2px;
}
.shipping-method-text {
  white-space: nowrap;
  word-break: keep-all;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.ship-from-method .iconxiala {
  bottom: auto;
  top: 26px;
}
.select-ship-head,
.logisticListItem {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.select-ship-head {
  background: #F9F8F8;
  border-radius: 4px;
  overflow-y: scroll;
  color: #333;
  font-size: 14px;
}
.select-ship-head span,
.logisticListItem span {
  text-align: center;
}
.select-ship-head > span,
.logisticListItem > span {
  border: 1px solid #eee;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1px 0 0 -1px;
  flex-grow: 1;
}
.select-ship-head > span:nth-child(1),
.logisticListItem > span:nth-child(1) {
  width: 30%;
}
.select-ship-head > span:nth-child(2),
.logisticListItem > span:nth-child(2) {
  width: 35%;
}
.select-ship-head > span:nth-child(3),
.logisticListItem > span:nth-child(3) {
  width: 20%;
}
.select-ship-head > span:nth-child(4),
.logisticListItem > span:nth-child(4) {
  width: 15%;
}
.shipping-cost {
  flex-wrap: wrap;
}
.shipping-cost p {
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.shipping-cost-span {
  display: flex;
  width: 100%;
}
.shipping-cost-span span {
  width: 50%;
}
.select-ship-head .shipping-cost-span span {
  padding: 8px 0 0;
}
ship-method {
  display: block;
}
.ship-from {
  display: flex;
  justify-content: space-between;
}
.ship-from .ship-from-sele {
  display: inline-block;
  width: 500px;
  height: 26px;
  line-height: 24px;
  border: 1px solid #eee;
  color: #333;
  font-size: 14px;
}
.ship-from .ship-from-span {
  display: inline-block;
  color: #999999;
  margin-right: 6px;
  padding-left: 10px;
}
.pd-wuli-list-wrap .pd-wuli-list .confirm-title {
  background: var(--color-bg-9);
}
.pd-wuli-list-wrap .pd-wuli-list .table-title {
  background: var(--color-bg-7);
}
.pd-wuli-list-wrap .pd-wuli-list .yes-btn {
  background: var(--color-theme-1);
  color: var(--color-font-4);
}
.pd-wuli-list-wrap .pd-wuli-list .yes-btn:hover {
  background: var(--color-theme-1-1);
}
.pd-wuli-list-wrap .pd-wuli-list .new-color {
  color: var(--color-theme-1);
}
.pd-wuli-list-wrap .pd-wuli-list .new-color:hover {
  color: var(--color-theme-1-1);
}
.pd-wuli-list-wrap .pd-wuli-list .pd-table .pd-alert-radio {
  width: 16px;
  height: 16px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(255, 119, 0, 0.2) !important;
  color: var(--color-primary);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fff;
  color: var(--color-primary);
}
.shopee-tips-icon {
  color: var(--color-theme-1);
}
.vip .shopee-tips-icon {
  color: var(--color-theme-1-vip);
}
.supply-info {
  width: 244px;
  background: #fff;
  padding: 42px 12px 19px 12px;
  border-radius: 8px;
  position: relative;
}
.supply-info-logo {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  background: #FFF1E5;
  box-shadow: 0px 2px 4px 0px rgb(0 0 0%);
  border: 5px solid #fff;
  position: absolute;
  left: 50%;
  z-index: 9;
  color: #f70;
  transform: translate(-50%, 0);
  top: -30.5px;
  font-size: 28px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.supply-info::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 53px;
  background: url(/static/image/product-img/supply_title_icon1.png) no-repeat;
  background-size: 138px auto;
  width: 138px;
  height: 40px;
  background-position: center;
  z-index: 99;
}
.supply-info-company {
  font-size: 16px;
  text-align: center;
}
.supply-info-position {
  color: #999;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.supply-info-position .iconzhifadandizhi {
  margin-right: 5px;
}
.supply-info-rate {
  margin-top: 16px;
}
.supply-info-rate .tit {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.rate-list {
  padding: 10px 0 8px;
}
.rate-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 17px;
  margin-bottom: 12px;
}
.rate-title {
  font-size: 12px;
}
.rate-data .iconstar {
  color: var(--color-theme-1);
  font-size: 12px;
  margin-left: 6px;
}
.rate-data .iconstar:last-child {
  color: #E4E4E4;
}
.supply-btn {
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.supply-btn + .supply-btn {
  margin-top: 14px;
}
.supply-name-btn::after {
  position: absolute;
  content: "\e79d";
  font-family: "iconfont";
  color: #999;
  right: 0;
  top: 2px;
}
.supply-name-btn:hover {
  color: var(--color-theme-1);
}
.supply-name-btn:hover::after {
  color: #666;
}
.supply-btn.disable:hover {
  color: #333;
}
.supply-btn.disable {
  cursor: not-allowed;
  pointer-events: auto;
}
.supply-btn .iconfont {
  color: var(--color-theme-1);
  margin-right: 5px;
}
.supply-chat-btn {
  border: 1px solid var(--color-theme-1);
  border-radius: 4px;
  background: var(--color-theme-1);
  color: #fff;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  margin: 0 auto;
}
.supply-chat-btn:hover {
  background: var(--color-theme-1-1);
}
.supply-chat-btn .iconfont {
  margin-top: 2px;
  font-size: 20px;
  color: #fff;
}
.supply-info-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
  background: #fff;
}
.supply-info-rate .icon-start {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/static/image/public-img/prodetail_start.png) no-repeat;
  background-size: 12px auto;
  margin-left: 6px;
}
.supply-info-rate .icon-start:last-child {
  background-position: 0 -18px;
}
.rate-item:last-child .rate-data .Cujie:last-child,
.rate-item:last-child .rate-data .TangYi:last-child {
  background-position: 0 -36px;
}
.rate-item:nth-child(1) .rate-data .Haihuan:last-child {
  background-position: 0 -36px;
}
.rate-item:nth-child(2) .rate-data .Industrial:last-child {
  background-position: 0 -36px;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-position: 100% 50%;
  }
  14% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    background-position: 0 50%;
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  background-image: linear-gradient(135deg, #f70 25%, #f90 37%, #f70 63%);
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.select-tool-product {
  margin-bottom: 10px;
}
.select-tool-item {
  margin-top: 10px;
}
.select-tool-item.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.noClick {
  cursor: not-allowed;
}
.select-tool-product .minus,
.select-tool-product .plus {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #d4d4d4;
  text-align: center;
  margin-left: -1px;
  cursor: pointer;
  font-size: 18px;
}
.select-tool-product .iteminner {
  display: inline-block;
  color: #333333;
  font-weight: 500;
  vertical-align: middle;
}
.select-tool-product .pro-num-inp {
  float: left;
  width: 45px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #d4d4d4;
  border-radius: 0;
  margin-left: -1px;
}
.select-tool-product .item-label-long-value {
  color: #f70;
  font-size: 14px;
}
.select-tool-product .select-tool-varient .tit {
  margin-bottom: 0;
}
.listMessagePopups {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1100;
  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 {
  width: 122px;
  height: 32px;
  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 {
  width: 161px;
}
.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);
}
.cj-shopify-collections {
  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 {
  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;
}
.input-click {
  font-size: 12px;
  color: #333;
  width: 230px;
  height: 32px;
  border: 1px solid #e9e9e9;
  background: #fff;
  line-height: 32px;
  padding-left: 4px;
  border-radius: 4px;
  text-align: left;
}
.input-click.disabledBg {
  background-color: #fafafa;
}
.input-click.greyColor {
  color: #999999;
}
.input-select-wrapper .input-search {
  font-size: 12px;
  color: #333;
  width: 230px;
  height: 32px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 4px;
}
.input-select-wrapper {
  position: absolute !important;
  top: 0;
  border-radius: 4px;
  z-index: 9999999;
}
.input-select {
  max-height: 230px;
  background: #fff;
  overflow: auto;
  width: 230px;
  z-index: 99999999;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.input-select-li {
  padding-left: 4px;
  cursor: pointer;
  line-height: 28px !important;
  text-align: left;
}
.input-select-li.fontColor {
  color: var(--color-font-1);
}
.input-select-li:hover {
  background-color: rgba(255, 119, 0, 0.2);
  color: #FF7700;
}
.no-data-img {
  width: 100px;
  margin: 0 auto;
  display: block;
}
.cj-shopify-collections .select-collections {
  display: flex;
  align-items: center;
}
.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: #f70;
}
.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;
}
.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;
}
.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;
}
.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: 20px;
}
.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 {
  border-color: #fff transparent transparent transparent !important;
}
.listFormComponent em,
.listFormComponent i {
  font-style: normal;
}
.listFormComponent .list-form {
  width: 765px;
  margin: auto;
}
.listFormComponent .list-form > h3 {
  font-size: 16px;
  color: #999990;
  padding: 10px 0 0;
  font-weight: normal;
}
.listFormComponent .list-form .form-item {
  display: flex;
  margin-bottom: 20px;
}
.listFormComponent .list-form .form-item .w140 {
  width: 140px;
}
.listFormComponent .list-form .form-item label {
  font-size: 14px;
  color: #333333;
  text-align: right;
  margin: 4px 10px 0 0;
}
.listFormComponent .list-form .form-item label::after {
  content: ':';
}
.listFormComponent .list-form .form-item label .mustHave {
  color: #DD4B1A;
}
.listFormComponent .list-form .form-item .form-box {
  position: relative;
  flex: 1;
}
.listFormComponent .list-form .form-item .form-box.textarea {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  padding: 0 78px 0 0;
  overflow: hidden;
  font-size: 0;
}
.listFormComponent .list-form .form-item .form-box textarea {
  width: 100%;
  resize: none;
  font-size: 14px;
  color: #333333;
  padding: 12px;
  height: 85px;
}
.listFormComponent .list-form .form-item .form-box .input-number {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 14px;
  color: #999999;
}
.listFormComponent .cj-tooltip {
  margin: 0 0 0 10px;
  color: var(--color-primary);
}
.listFormComponent .selectShop .options-modal .select-options .select-option-item .label-box {
  margin: 0;
}
.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;
}
.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: rgba(255, 119, 0, 0.2);
  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: none;
  width: 100%;
  align-items: center;
  /* justify-content: space-between; */
}
.listFormComponent .select-block li .input-box span {
  flex: none;
  font-size: 14px;
  color: #666666;
}
.listFormComponent .select-block li .input-box input {
  flex: none;
  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;
  margin-top: 6px;
  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 10px;
}
.listFormComponent .radio-list .radio-main {
  flex: 1;
}
.listFormComponent .radio-list .radio-item {
  display: flex;
  margin-bottom: 10px;
  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;
  margin: -5px 8px 10px 183px;
  line-height: 14px;
}
.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;
}
.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;
}
.listTemplateComponent .list-template {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.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: rgba(255, 119, 0, 0.1);
}
.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 {
  width: 80px !important;
  height: 30px !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;
}
.popUpsComponent .pop-ups-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.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 {
  width: 80px !important;
  height: 30px !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;
}
.ioss-select .select-wrap {
  width: 100%;
  min-width: 300px;
  position: relative;
}
.ioss-select .select-input {
  width: 100%;
  min-height: 32px;
  max-height: 62px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
}
.ioss-select .select-input .iconjiantou_xia {
  position: absolute;
  right: 10px;
  top: 9px;
  line-height: 1;
}
.ioss-select .select-input .select-placeholder {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  height: 32px;
  display: flex;
  align-items: center;
}
.ioss-select .select-input .selected-list {
  padding: 2px 16px 2px 14px;
  display: flex;
  flex-wrap: wrap;
}
.ioss-select .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;
}
.ioss-select .select-input .selected-list .selected-tag:hover {
  background: #F4F4F4;
}
.ioss-select .select-input .selected-list .selected-tag .tag-name {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.ioss-select .select-input .selected-list .selected-tag .delete-icon {
  transform: scale(0.7);
  margin-left: 4px;
}
.ioss-select .select-input .selected-list .selected-tag .delete-icon .iconfont {
  font-size: 12px;
  color: #999;
  cursor: pointer;
  vertical-align: middle;
}
.ioss-select .options-modal {
  position: relative;
}
.ioss-select .select-options {
  position: absolute;
  width: 100%;
  min-width: 300px;
  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;
  top: 8px;
  left: 0;
  z-index: 50;
}
.ioss-select .select-options .select-search-box {
  height: 55px;
  width: 100%;
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.ioss-select .select-options .select-search-box .select-search {
  width: 100%;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.ioss-select .select-options .select-option-item {
  height: 32px;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}
.ioss-select .select-options .select-option-item:hover {
  background: #FAFAFA;
}
.ioss-select .select-options .select-option-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.ioss-select .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;
}
.ioss-select .select-options .select-option-item img {
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
.ioss-select .select-options .select-option-item .name {
  display: flex;
  align-items: center;
  width: calc(100% - 22px);
}
.ioss-select .select-options .select-option-item .label-box {
  max-width: calc(100% - 54px);
}
.ioss-select .select-options .select-option-item .option-label {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ioss-select .select-options .select-option-item.disabled .option-label {
  max-width: 445px;
}
.ioss-select .select-options .select-option-item.disabled .label-box {
  max-width: calc(100% - 118px);
}
.ioss-select .select-options .select-option-item .checked-icon {
  transform: scale(0.8);
}
.ioss-select .select-options .select-option-item .checked-icon .iconfont {
  font-size: 12px;
  color: #FF7700;
  vertical-align: middle;
}
.ioss-select .select-options .select-empty {
  height: 120px;
  width: 100%;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.ioss-select .select-options .select-empty img {
  width: 64px;
  height: 64px;
}
.ioss-select .select-options .select-empty span {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.ioss-select .beauty-scrollbar::-webkit-scrollbar {
  width: 6px;
  border-radius: initial;
}
.ioss-select .beauty-scrollbar::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 3px;
}
.ioss-select .beauty-scrollbar::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}
.signin-with-line {
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signin-with-or {
  background: #fff;
  color: #999;
  padding: 5px 21px;
  position: relative;
  top: 16px;
}
.signin-with-list {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  margin-top: 18px;
  /* align-items: center; */
}
.signin-with-item {
  width: 47px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  cursor: pointer;
}
.signin-with-item:hover {
  background: #F8F8F8;
}
.signin-with-item .thirdIcon {
  height: 20px;
}
.last-signin-width-item {
  margin-right: 0;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.signin-with-item.facebook::before {
  font-family: 'iconfont';
  content: '\e713';
  font-size: 19px;
  color: #4267B2;
}
.signin-with-item.apple::before {
  content: '';
  background: url(../image/login/apple.svg) #fff;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: 20px auto;
  border-radius: 50%;
}
.signin-with-item.google::before {
  content: '';
  background: url(../image/login/google.svg) #fff;
  width: 20px;
  height: 20px;
  background-position: center -7px;
  background-size: 36px auto;
  border-radius: 50%;
}
.signin-with-item.facebook:hover {
  background: #4267B2;
  color: #fff;
  border-color: #4267B2;
}
.signin-with-item.facebook:hover::before {
  color: #fff;
}
.signin-with-item.google:hover {
  background: #4285F4;
  color: #fff;
  border-color: #4285F4;
}
.signin-with-item.apple:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
.sellAndEarn-btn {
  background: rgba(68, 0, 250, 0.2);
  border: 1px solid #4400FA;
  font-size: 16px;
  color: #4400FA;
  float: left;
  min-width: 154px;
  height: 34px;
  text-align: center;
  border-radius: 4px;
  transition: all 0.3s;
  cursor: pointer;
}
.sellAndEarn-btn span {
  background: none;
  color: #4400FA !important;
  font-size: 16px!important;
  line-height: 34px;
}
.sellAndEarn-btn:hover {
  background: #4400FA;
}
.sellAndEarn-btn:hover span {
  color: #fff !important;
}