.mf-iconfont {
  font-family: "cckjMfIconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug {
  width: 100%;
  height: 60px;
  background-color: #fff;
  position: relative;
  z-index: 1003 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug::before {
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.05);
  content: '';
  position: absolute;
  height: 30px;
  pointer-events: none;
  display: block;
  top: 100%;
  left: 0;
  width: 100%;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__hideShadow--piufn::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__autoMode--quQwb .src-components-CjHeader-block-search-nav__box--w_J6G {
  width: 100%;
  padding: 0 10px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G {
  width: 1200px;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf > :first-child {
  margin-left: 23px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK {
  height: 100%;
  width: 764px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__cjLogo--su4F6 {
  overflow: hidden;
  width: 200px;
  height: 100%;
  position: relative;
  margin-right: 16px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__cjLogo--su4F6 a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__warehousesSwiper--InPPA {
  width: 170px;
  height: 40px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V {
  width: 152px;
  height: 40px;
  background: #FAF2F2;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  border: 1px solid #FAD3D3;
  color: #EE3838;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V .mf-iconfont {
  margin-right: 5px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V .src-components-CjHeader-block-search-nav__lottieGlobalWarehouseBtn--PtDNd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  /* 放大 1.5 倍 */
  transform-origin: center;
  /* 设置放大中心 */
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V .src-components-CjHeader-block-search-nav__globalWarehouseBox--FRq8L {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V .src-components-CjHeader-block-search-nav__hot--pxcHG {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -3px;
  right: 0;
  transform: translateX(60%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V .src-components-CjHeader-block-search-nav__hot--pxcHG img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouseBtn--uIH6V:hover {
  background-color: #FFE8E8;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__temuY2Btn--KQexl {
  border: 1px solid #FFE1CB;
  color: #FA7D1E;
  background: rgba(250, 125, 30, 0.1);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__temuY2Btn--KQexl .src-components-CjHeader-block-search-nav__globalWarehouseBox--FRq8L {
  justify-content: flex-start;
  padding-left: 12px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__temuY2Btn--KQexl .src-components-CjHeader-block-search-nav__temuY2Img--ogI1Q {
  width: 38px;
  height: 28px;
  margin-left: 8px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__temuY2Btn--KQexl .src-components-CjHeader-block-search-nav__temuY2Img--ogI1Q img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__temuY2Btn--KQexl:hover {
  background: #FEE5D0;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf {
  position: relative;
  display: flex;
  margin-left: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 19px;
  width: 279px;
  border-left: #D8D8D8 1px solid;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeLogo--K4YJE {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  cursor: pointer;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeLogo--K4YJE img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 40px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX .src-components-CjHeader-block-search-nav__name--gEOSc {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX .src-components-CjHeader-block-search-nav__contactUs--CVxfn {
  color: #666;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX .src-components-CjHeader-block-search-nav__contactUs--CVxfn i.mf-iconfont {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX .src-components-CjHeader-block-search-nav__contactUs--CVxfn:hover {
  color: var(--color-secondary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__storeInfo--vQBCf .src-components-CjHeader-block-search-nav__storeCon--S2SZX .src-components-CjHeader-block-search-nav__contactUs--CVxfn:hover i.mf-iconfont {
  color: var(--color-secondary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInputBox--uupzn {
  display: flex;
  align-items: center;
  flex: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 1;
  visibility: visible;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInputBox--uupzn.src-components-CjHeader-block-search-nav__hidden--AK2iR {
  opacity: 0;
  visibility: hidden;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 {
  border: 1px solid var(--color-primary);
  margin-left: 15px;
  max-width: 600px;
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: -1px;
  position: relative;
  z-index: 4;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7.src-components-CjHeader-block-search-nav__showSuggestions--K02O1 {
  border-bottom-left-radius: 0;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 .src-components-CjHeader-block-search-nav__suggestionBox--wJ66r {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid var(--color-primary);
  background-color: #fff;
  border-radius: 2px 0 0 2px;
  padding: 7px 0;
  max-height: 285px;
  overflow: auto;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 .src-components-CjHeader-block-search-nav__suggestionBox--wJ66r .src-components-CjHeader-block-search-nav__suggestionItem--PdoAZ {
  height: 27px;
  width: 100%;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 .src-components-CjHeader-block-search-nav__suggestionBox--wJ66r .src-components-CjHeader-block-search-nav__suggestionItem--PdoAZ:hover {
  background-color: rgba(255, 119, 0, 0.1);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 .src-components-CjHeader-block-search-nav__inputTextTip--mFwRj {
  top: calc(100% + 16px);
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  padding: 10px;
  white-space: pre-wrap;
  word-break: break-all;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 .src-components-CjHeader-block-search-nav__inputTextTip--mFwRj:after {
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 input {
  line-height: 36px;
  padding: 0;
  outline: none;
  border: none;
  margin-left: 10px;
  flex: 1;
  font-size: 12px;
  caret-color: var(--color-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 input::-moz-placeholder {
  color: #999;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 input::placeholder {
  color: #999;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchImg--pUom3 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  margin: 3px 0 3px 8px;
  border: 1px solid #f2f2f2;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchImg--pUom3 img {
  width: 26px;
  height: 26px;
  padding: 1px 0 1px 1px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchImg--pUom3 .src-components-CjHeader-block-search-nav__clear--IwPUu {
  align-self: center;
  padding: 0 7px;
  cursor: pointer;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchImg--pUom3:hover {
  border-color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ {
  display: flex;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM {
  width: 42px;
  padding: 0 2px;
  transition: all 0.3s;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM.src-components-CjHeader-block-search-nav__noIcon--EJ4te {
  padding: 0 10px;
  width: auto;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM:nth-child(1) {
  background: var(--color-secondary);
  border-radius: 0 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM:nth-child(1):hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM.src-components-CjHeader-block-search-nav__single--G4fPM {
  background-color: var(--color-primary);
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtns--FrLAQ .src-components-CjHeader-block-search-nav__searchBtn--DjAWM.src-components-CjHeader-block-search-nav__single--G4fPM:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtn--DjAWM {
  width: 42px;
  height: 38px;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: var(--color-primary);
  cursor: pointer;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtn--DjAWM:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchBtn--DjAWM div.src-components-CjHeader-block-search-nav__iconSearchBtn--rV1vq {
  display: inline-block;
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonTopCartBtn--gEY1D {
  height: 38px;
  background-color: var(--color-primary);
  border-radius: 2px;
  margin-left: 12px;
  line-height: 38px;
  padding: 0 13px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonTopCartBtn--gEY1D:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__cartBtnNum--bYfKV {
  background-color: #fff;
  color: var(--color-primary);
  margin-left: 5px;
  font-size: 12px;
  height: 14px;
  min-width: 14px;
  border-radius: 7px;
  font-size: 8px;
  padding: 0 3px;
  line-height: 14px;
  text-align: center;
  position: absolute;
  right: 6px;
  top: 5px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  color: #333;
  height: 40px;
  padding: 0 8px;
  border-radius: 8px;
  margin-left: 12px;
  position: relative;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf .src-components-CjHeader-block-search-nav__tips--o5Dvf {
  min-width: 98px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: calc(100% + 4px);
  transform: translateX(-50%);
  z-index: 999;
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf .src-components-CjHeader-block-search-nav__tips--o5Dvf:after {
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 50%;
  bottom: 29px;
  transform: translateX(-50%);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf.src-components-CjHeader-block-search-nav__hasArrow--Ney5s .src-components-CjHeader-block-search-nav__count--LYhIb {
  left: calc(100% - 33px);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf i {
  font-size: 24px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover {
  background: #F9F9F9;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover .src-components-CjHeader-block-search-nav__arrow--sGmkt {
  transform: rotate(180deg);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover .src-components-CjHeader-block-search-nav__tips--o5Dvf {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf .src-components-CjHeader-block-search-nav__count--LYhIb {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F24724;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 19px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf .src-components-CjHeader-block-search-nav__arrow--sGmkt {
  display: inline-block;
  color: #999;
  transition: all 0.3s;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__commonBtn--d9jkf .src-components-CjHeader-block-search-nav__arrow--sGmkt .mf-iconfont {
  font-size: 12px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__languageChange--oF0LI {
  margin-left: 8px;
  color: #999;
  cursor: pointer;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__languageChange--oF0LI:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G.src-components-CjHeader-block-search-nav__globalWarehousePage--HLSb6 .src-components-CjHeader-block-search-nav__searchInput--rjtq7 {
  margin-left: 0;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA {
  position: fixed;
  top: 0;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover a {
  color: #fff;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover a {
  color: #fff;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  border: 1px solid #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  background: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover a {
  color: #fff;
  background: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  background-color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  background-color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  background-color: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  background-color: #006c52;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF {
  background-color: transparent !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__headerLine--EXtUM {
  height: 15px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon--AQyzM {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon_hover--Tl6yj {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 {
  background-color: #fff !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh a {
  color: #f70;
  --color-font-4: #f70;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #333;
  --color-font-4: #f70;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-temu--y7yVB .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --header-arrow-color-1: #999 !important;
  --header-arrow-color-hover-1: #333 !important;
  --header-avatar-arrow-color-1: #999 !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover a {
  color: #fff;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover a {
  color: #fff;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  border: 1px solid #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  background: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover a {
  color: #fff;
  background: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  background-color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  background-color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  background-color: #007f60;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  background-color: #006c52;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavLeave--PXfTc::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #333;
  --color-font-4: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF:hover::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF:hover .src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh a {
  color: #f70;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF:hover .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-bg-14: none;
  --header-arrow-color-1: #999;
  --header-arrow-color-hover-1: #999;
  --header-avatar-arrow-color-1: #999 !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF:hover .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover {
  background: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-temu--y7yVB .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --header-arrow-color-1: #fff !important;
  --header-arrow-color-hover-1: #fff !important;
  --header-avatar-arrow-color-1: #fff !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw:hover {
  --header-arrow-color-1: #fff !important;
  --header-arrow-color-hover-1: #fff !important;
  --header-avatar-arrow-color-1: #fff !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf,
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --header-arrow-color-1: #999 !important;
  --header-arrow-color-hover-1: #333 !important;
  --header-avatar-arrow-color-1: #999 !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA {
  background-color: #fff !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA::before {
  content: '';
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8::before {
  content: unset;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh a {
  color: #f70;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #333;
  --color-font-4: #f70;
  --color-bg-14: #f5f5f5 !important;
  --header-arrow-color-1: #999 !important;
  --header-arrow-color-hover-1: #333 !important;
  --header-avatar-arrow-color-1: #999 !important;
  --header-avatar-arrow-color-hover-1: #333 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover {
  background: #F9F9F9 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P::before {
  box-shadow: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P.src-components-CjHeader-block-search-nav__mini--YlBPA::before {
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.05);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__box--w_J6G {
  width: 1200px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
  display: block;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
  display: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInputBox--uupzn {
  opacity: 0;
  visibility: hidden;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-font-1: #333;
  --color-font-4: #f70;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf {
  color: #333;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__commonBtn--d9jkf:hover {
  background: #F9F9F9 !important;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__box--w_J6G:hover .src-components-CjHeader-block-search-nav__right--xLLlf {
  --color-bg-14: #F9F9F9;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 1px;
  background-color: #fb4e4e;
  overflow: hidden;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh .src-components-CjHeader-block-search-nav__scroll--WFCXP {
  width: 3000px;
  display: flex;
  position: relative;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh .src-components-CjHeader-block-search-nav__scroll--WFCXP:hover .src-components-CjHeader-block-search-nav__noticeText--LHNyd {
  animation-play-state: paused;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh .src-components-CjHeader-block-search-nav__noticeText--LHNyd {
  flex: 1;
  color: #ffffff;
  text-align: left;
  animation: src-components-CjHeader-block-search-nav__notice_scroll--XSNcO 30s infinite linear;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh .src-components-CjHeader-block-search-nav__noticeText--LHNyd:hover span {
  text-decoration: underline;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noticeBox--o8wSh .src-components-CjHeader-block-search-nav__noticeText--LHNyd .src-components-CjHeader-block-search-nav__noticeIcon--vcGrh {
  font-size: 16px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__loginBtn--DtPtb,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__registerBtn--kYWkb {
  width: 88px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid var(--color-primary);
  transition: all 0.3s;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__loginBtn--DtPtb a,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__registerBtn--kYWkb a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__loginBtn--DtPtb {
  margin-left: 8px;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__loginBtn--DtPtb a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__loginBtn--DtPtb:hover {
  background: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__registerBtn--kYWkb {
  margin-left: 8px;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__registerBtn--kYWkb:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__noLoginWrapper--vGNMb .src-components-CjHeader-block-search-nav__registerBtn--kYWkb:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 88px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb a:hover {
  color: #fff;
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  border: 1px solid #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background: rgba(255, 255, 255, 0.1);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  border: 1px solid #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  border: 1px solid rgba(229, 106, 0, 0.65);
  background: rgba(229, 106, 0, 0.65);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  border: 1px solid #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  border: 1px solid rgba(0, 108, 82, 0.65);
  background: rgba(0, 108, 82, 0.65);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL:hover a,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL a,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL a:hover,
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-tiktok-shop--FLAnk a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw {
  border: 1px solid var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb.src-components-CjHeader-block-search-nav__Page-high-quality-factory--VKjkw a:hover {
  background: transparent;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb {
  margin-left: 12px;
  min-width: 88px;
  height: 40px;
  color: #fff;
  background-color: var(--color-primary);
  border-radius: 8px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V {
  background: #fff;
  transition: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V:hover {
  background: rgba(255, 255, 255, 0.85);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-paymentAgency--dj96V a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB {
  background: #fff;
  transition: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover {
  background: #e56a00;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-temu--y7yVB a {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY {
  background: #fff;
  transition: none;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover {
  background: #006c52;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY:hover a {
  color: #fff;
}
.src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb.src-components-CjHeader-block-search-nav__Page-shopify--C5IWY a {
  color: #007f60;
}
.src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN {
  display: none;
}
.src-components-CjHeader-block-search-nav__headerLine--EXtUM {
  width: 1px;
  height: 32px;
  background: #eee;
  margin: 0 20px 0 10px;
}
.src-components-CjHeader-block-search-nav__mycjBtn--sklFW {
  height: 40px;
  border-radius: 8px;
  margin: 0 10px;
  transition: background-color 0.3s;
  position: relative;
  display: flex;
  background-color: var(--color-primary-opacity1);
}
.src-components-CjHeader-block-search-nav__mycjBtn--sklFW a {
  padding: 0 16px;
  min-width: 100px;
  display: block;
  flex: 1;
  color: var(--color-primary);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-block-search-nav__mycjBtn--sklFW:hover {
  background-color: #ffe4cc;
}
.src-components-CjHeader-block-search-nav__mycjBtn--sklFW .src-components-CjHeader-block-search-nav__btnLottie--pie_q {
  position: absolute;
  width: 150px;
  height: 56px;
  left: 52%;
  top: 51%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh {
  position: relative;
}
.src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh a {
  display: block;
  text-align: center;
  padding: 0 16px;
  min-width: 100px;
  position: relative;
  color: #fff;
  font-size: 14px;
}
.src-components-CjHeader-block-search-nav__mycjBtnNew--iFChh .src-components-CjHeader-block-search-nav__btnLottie--pie_q {
  position: absolute;
  width: 150px;
  height: 56px;
  left: 52%;
  top: 51%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
@keyframes src-components-CjHeader-block-search-nav__text-bg-animate--Ryajk {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 15px;
  position: relative;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF.src-components-CjHeader-block-search-nav__noAvatar--mue5v {
  background-color: var(--color-primary-opacity1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF.src-components-CjHeader-block-search-nav__noAvatar--mue5v .src-components-CjHeader-block-search-nav__noAvatarText--e7RkR {
  color: var(--color-primary);
  cursor: default;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__space--aq29A {
  position: absolute;
  width: 200px;
  top: 100%;
  right: 0;
  height: 8px;
  display: none;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__profileUl--Q1TPr {
  display: none;
  width: 160px;
  background-color: #fff;
  position: absolute;
  padding-top: 8px;
  padding-bottom: 8px;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__profileUl--Q1TPr .src-components-CjHeader-block-search-nav__profileLi--oVgkU {
  width: 100%;
  height: 40px;
  color: #333;
  padding-left: 20px;
  line-height: 40px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__profileUl--Q1TPr .src-components-CjHeader-block-search-nav__profileLi--oVgkU:hover {
  background-color: var(--color-primary-opacity1);
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__profileUl--Q1TPr .src-components-CjHeader-block-search-nav__footer--uVFet {
  border-top: 1px solid #eee;
  margin: 0 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF .src-components-CjHeader-block-search-nav__profileUl--Q1TPr .src-components-CjHeader-block-search-nav__footer--uVFet:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-block-search-nav__avatar--KFBAF:hover .src-components-CjHeader-block-search-nav__space--aq29A,
.src-components-CjHeader-block-search-nav__avatar--KFBAF:hover .src-components-CjHeader-block-search-nav__profileUl--Q1TPr {
  display: block;
}
@keyframes src-components-CjHeader-block-search-nav__bigCount--Zs69N {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes src-components-CjHeader-block-search-nav__notice_scroll--XSNcO {
  0% {
    transform-origin: left;
    transform: translateX(30%);
  }
  100% {
    transform-origin: left;
    transform: translateX(-70%);
  }
}
.src-components-CjHeader-block-search-nav__cameraIcon--In2zu {
  margin-right: 12px;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoreBtn--tZQMe .src-components-CjHeader-block-search-nav__cateArrow--i09Op {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoreBtn--tZQMe .src-components-CjHeader-block-search-nav__categoriesBtn--wQNbX {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoryContent--Nqkdp .src-components-CjHeader-block-search-nav__firstCategoryList--Xrtvy .src-components-CjHeader-block-search-nav__firstCategoryItem--TAJ_A:hover a {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoryContent--Nqkdp .src-components-CjHeader-block-search-nav__secondCategoryList--ZQl2W .src-components-CjHeader-block-search-nav__secondCategoryContent--Nwh7s .src-components-CjHeader-block-search-nav__secondCategoryItem--nnofp .src-components-CjHeader-block-search-nav__secondCategoryTitle--kFjSc {
  border-color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoryContent--Nqkdp .src-components-CjHeader-block-search-nav__secondCategoryList--ZQl2W .src-components-CjHeader-block-search-nav__secondCategoryContent--Nwh7s .src-components-CjHeader-block-search-nav__secondCategoryItem--nnofp .src-components-CjHeader-block-search-nav__secondCategoryTitle--kFjSc a {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoryContent--Nqkdp .src-components-CjHeader-block-search-nav__secondCategoryList--ZQl2W .src-components-CjHeader-block-search-nav__secondCategoryContent--Nwh7s .src-components-CjHeader-block-search-nav__secondCategoryItem--nnofp .src-components-CjHeader-block-search-nav__secondCategoryTitle--kFjSc a:hover {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__categoriesBox--SrVRo .src-components-CjHeader-block-search-nav__categoryContent--Nqkdp .src-components-CjHeader-block-search-nav__secondCategoryList--ZQl2W .src-components-CjHeader-block-search-nav__secondCategoryContent--Nwh7s .src-components-CjHeader-block-search-nav__secondCategoryItem--nnofp ul > li:hover a {
  color: #DDA863;
}
.vip .src-components-CjHeader-block-search-nav__searchBox--LFHug .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__globalWarehouses--KwBtD .src-components-CjHeader-block-search-nav__warehouseUl--hEFKE .src-components-CjHeader-block-search-nav__warehouseLi--cWDqH a:hover {
  color: #DDA863;
}
.src-components-CjHeader-block-search-nav__selectBox--tYc3u {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 12px 10px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  font-size: 14px;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 100px;
  transition: all 0.3s ease;
  z-index: 20;
  position: relative;
  border-radius: 6px;
  border: 1px solid transparent;
}
.src-components-CjHeader-block-search-nav__selectBox--tYc3u:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #CCCCCC;
}
.src-components-CjHeader-block-search-nav__selectBox--tYc3u .src-components-CjHeader-block-search-nav__arrow--sGmkt {
  margin-left: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #999;
  transition: transform 0.3s ease;
  display: inline-block;
}
.src-components-CjHeader-block-search-nav__selectBox--tYc3u.src-components-CjHeader-block-search-nav__active--h8fQA .src-components-CjHeader-block-search-nav__arrow--sGmkt {
  transform: rotate(180deg);
}
.src-components-CjHeader-block-search-nav__dropdownMenu--r4tEB {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 120px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 99;
  margin-top: 4px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.95);
  transform-origin: top center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.src-components-CjHeader-block-search-nav__dropdownMenu--r4tEB.src-components-CjHeader-block-search-nav__show--Tg9rM {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.src-components-CjHeader-block-search-nav__dropdownItem--fPzCf {
  padding: 10px;
  line-height: 16px;
  cursor: pointer;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  position: relative;
  text-align: center;
}
.src-components-CjHeader-block-search-nav__dropdownItem--fPzCf:hover {
  background: #f5f5f5;
}
.src-components-CjHeader-block-search-nav__dropdownItem--fPzCf.src-components-CjHeader-block-search-nav__active--h8fQA {
  color: var(--color-primary, #ff7700);
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF {
    width: 100vw !important;
    min-width: 100vw !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM,
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G {
    padding: 0 6%;
    width: 100%;
    height: 100%;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK {
    max-width: 100%;
    width: 100%;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__searchInputBox--uupzn {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    display: block;
    color: #fff;
    margin-right: 16px;
    margin-left: -8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM .mf-iconfont {
    font-size: 24px;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 {
    margin-left: 2vw;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__videoSelection--XzzY1 {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon--AQyzM {
    display: block;
    width: 32px;
    height: 32px;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon_hover--Tl6yj {
    width: 32px;
    height: 32px;
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333 !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon--AQyzM {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon_hover--Tl6yj {
    display: block;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333 !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: block;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF {
    width: 100vw !important;
    min-width: 100vw !important;
    height: calc(56 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM,
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-woocommerce--AH0VL .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN .mf-iconfont,
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__Page-paidService--LrTMc .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN .mf-iconfont {
    color: #333;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G {
    width: calc(343 / 16 * var(--root-fs) * 1px);
    height: calc(56 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK {
    max-width: 100%;
    width: 100%;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__searchInputBox--uupzn {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #fff;
    margin-right: 2vw;
    margin-left: -1.5vw;
    width: calc(40 / 16 * var(--root-fs) * 1px);
    height: calc(40 / 16 * var(--root-fs) * 1px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__left--YXtVK .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM .mf-iconfont {
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__searchInput--rjtq7 {
    margin-left: 2vw;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__box--w_J6G .src-components-CjHeader-block-search-nav__right--xLLlf .src-components-CjHeader-block-search-nav__videoSelection--XzzY1 {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN {
    display: block;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN .mf-iconfont {
    color: #fff;
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__headerLine--EXtUM {
    display: none;
    margin-left: calc(5 / 16 * var(--root-fs) * 1px);
    margin-right: calc(10 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__registerBtn--kYWkb {
    display: none;
    width: calc(88 / 16 * var(--root-fs) * 1px);
    height: calc(32 / 16 * var(--root-fs) * 1px);
    border-radius: calc(4 / 16 * var(--root-fs) * 1px);
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__notSafeLoginBox--mH6pa .src-components-CjHeader-block-search-nav__loginBtn--DtPtb {
    display: none;
    margin-left: calc(8 / 16 * var(--root-fs) * 1px);
    min-width: calc(88 / 16 * var(--root-fs) * 1px);
    height: calc(32 / 16 * var(--root-fs) * 1px);
    border-radius: calc(4 / 16 * var(--root-fs) * 1px);
    padding-left: calc(8 / 16 * var(--root-fs) * 1px);
    padding-right: calc(8 / 16 * var(--root-fs) * 1px);
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon--AQyzM {
    display: block;
    width: calc(32 / 16 * var(--root-fs) * 1px);
    height: calc(32 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon_hover--Tl6yj {
    width: calc(32 / 16 * var(--root-fs) * 1px);
    height: calc(32 / 16 * var(--root-fs) * 1px);
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333 !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__isMenuNavEnter--GE0i8 .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon--AQyzM {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_favicon_hover--Tl6yj {
    display: block;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__fulfill_menu_icon--mOmkM {
    color: #333 !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__unSafeUserHome--K2vDF.src-components-CjHeader-block-search-nav__mini--YlBPA .src-components-CjHeader-block-search-nav__userMoibleIcon--cpmsN .mf-iconfont {
    color: #333;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: block;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__blogSite--qXi0P .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image_hover--Mez6v {
    display: none !important;
  }
  .src-components-CjHeader-block-search-nav__searchBox--LFHug.src-components-CjHeader-block-search-nav__isServiceCenterPage--G0fbR .src-components-CjHeader-block-search-nav__fulfill_image_wrap--slKXW .src-components-CjHeader-block-search-nav__fulfill_image--Rgr0q {
    display: none !important;
  }
}

.src-universalComps-Tooltip-index__wrapperTooltip--Sv_9_ {
  display: inline-block;
}
.src-universalComps-Tooltip-index__tooltip--llVdk {
  position: fixed;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  width: auto;
  max-width: 400px;
  height: auto;
  z-index: 99999;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__box--d5ApC {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__box--d5ApC .src-universalComps-Tooltip-index__content--jE76g {
  padding: 5px 10px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
  border-radius: 4px;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__box--d5ApC .src-universalComps-Tooltip-index__content--jE76g a {
  color: var(--color-primary);
  transition: all 0.3s;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__box--d5ApC .src-universalComps-Tooltip-index__content--jE76g a:hover {
  text-decoration: underline;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__arrow--DjN_p {
  position: absolute;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.src-universalComps-Tooltip-index__tooltip--llVdk .src-universalComps-Tooltip-index__rightArrow--UlF5m {
  box-shadow: none;
  border-left: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.75);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.src-universalComps-Tooltip-index__tooltip--llVdk.src-universalComps-Tooltip-index__white--T6tqr {
  background-color: #fff;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  color: #333;
}
.src-universalComps-Tooltip-index__tooltip--llVdk.src-universalComps-Tooltip-index__white--T6tqr .src-universalComps-Tooltip-index__content--jE76g {
  background-color: #fff;
}
.src-universalComps-Tooltip-index__tooltip--llVdk.src-universalComps-Tooltip-index__white--T6tqr .src-universalComps-Tooltip-index__arrow--DjN_p {
  border-top: 5px solid #fff;
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
  border: 1px solid #b1b1b1;
}
.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  transform: translate(-50%, 5px);
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #b1b1b1;
}
.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #ffffff;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #b1b1b1;
  transform: translateX(calc(-100% + 1px));
}
.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #ffffff;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #b1b1b1;
  transform: translateX(calc(100% - 1px));
}
.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #ffffff;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  transform: translate(-50%, -5px);
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #b1b1b1;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.src-universalComps-RcToolTip-index__tooltipOverlayBox--VYaHT {
  background-color: unset;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.src-universalComps-RcToolTip-index__tooltipOverlayBox--VYaHT .rc-tooltip-arrow {
  border-bottom-color: #333;
  border-top-color: #333;
}
.src-universalComps-RcToolTip-index__tooltipOverlayBox--VYaHT .rc-tooltip-inner {
  border: none;
  background-color: #333;
  color: #fff;
}
.src-universalComps-RcToolTip-index__tooltipOverlayBox--VYaHT.src-universalComps-RcToolTip-index__light--gjfAs .rc-tooltip-arrow {
  border-bottom-color: #fff;
}
.src-universalComps-RcToolTip-index__tooltipOverlayBox--VYaHT.src-universalComps-RcToolTip-index__light--gjfAs .rc-tooltip-inner {
  border: none;
  background-color: #fff;
  color: #333;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS video::-webkit-media-controls-fullscreen-button {
  display: none;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBox--cXnhf {
  min-width: 1200px;
  width: 76%;
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 8px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBox--cXnhf .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxClose--CgshY {
  position: absolute;
  right: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__boxColumn--niD6E {
  display: flex;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn {
  width: 205px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn .src-components-CjHeader-components-ModalVideoSelection-index__arrowBox--p0FDI {
  width: 44px;
  height: 32px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9E9EA8;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn.src-components-CjHeader-components-ModalVideoSelection-index__disabled--xwQDT {
  cursor: not-allowed;
  opacity: 0.5;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn.src-components-CjHeader-components-ModalVideoSelection-index__disabled--xwQDT:hover span {
  color: #666666;
  text-decoration: none;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn span {
  margin-left: 10px;
  color: #666666;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn:nth-of-type(1) .mf-iconfont {
  transform: rotate(180deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn:nth-of-type(3) .mf-iconfont {
  transform: rotate(90deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn:nth-of-type(4) .mf-iconfont {
  transform: rotate(-90deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__videoBoxFooter--Ay79H .src-components-CjHeader-components-ModalVideoSelection-index__fItem--f2EBn:hover span {
  color: var(--color-primary);
  text-decoration: underline;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp {
  display: flex;
  flex-direction: column;
  min-width: 868px;
  flex: 1;
  margin-right: 20px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__videoContianer--FYmkQ {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  min-height: 519px;
  height: calc(100vh - 300px);
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__videoContianer--FYmkQ.src-components-CjHeader-components-ModalVideoSelection-index__loadMore--E8Pq7 > :nth-child(n) {
  transform: translateY(-50px);
  transition: all 0.6s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__bgImage--SMD5L {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #999;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__bgImage--SMD5L img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(60px);
  opacity: 0.8;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__videoScroll--CdLag {
  overflow: auto;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp video.src-components-CjHeader-components-ModalVideoSelection-index__bigVideo--gKOJg {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: transparent;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh {
  position: absolute;
  right: 17px;
  top: 20px;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
  z-index: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh.src-components-CjHeader-components-ModalVideoSelection-index__hasComments--aQiR_ {
  right: calc(374px + 17px);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
  height: 35px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__menusIcon--wtN6b {
  position: relative;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__menusIcon--wtN6b:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverArrow--DgpSd {
  position: absolute;
  top: 72%;
  right: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transform: rotate(-180deg);
  visibility: hidden;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverWrapper--KNVxI {
  position: absolute;
  width: 238px;
  top: 0;
  right: -7px;
  visibility: hidden;
  z-index: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverBox--s09xG {
  width: 100%;
  margin-top: 35px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  filter: drop-shadow(1px 2px 8px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverBox--s09xG .src-components-CjHeader-components-ModalVideoSelection-index__item--vWV0m {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverBox--s09xG .src-components-CjHeader-components-ModalVideoSelection-index__item--vWV0m span {
  margin-top: 6px;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H .src-components-CjHeader-components-ModalVideoSelection-index__hoverBox--s09xG .src-components-CjHeader-components-ModalVideoSelection-index__item--vWV0m:hover img {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H:hover .src-components-CjHeader-components-ModalVideoSelection-index__hoverArrow--DgpSd,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__menus--FLK9H:hover .src-components-CjHeader-components-ModalVideoSelection-index__hoverWrapper--KNVxI {
  visibility: visible;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 {
  display: flex;
  flex-direction: column;
  margin-top: 11px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__prev--Vh_JG,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__next--A6JpR {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__prev--Vh_JG.src-components-CjHeader-components-ModalVideoSelection-index__disable--z_7HQ,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__next--A6JpR.src-components-CjHeader-components-ModalVideoSelection-index__disable--z_7HQ {
  cursor: not-allowed;
  opacity: 0.5;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__prev--Vh_JG {
  transform: rotate(180deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__prev--Vh_JG:hover {
  transform: rotate(180deg) scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__next--A6JpR {
  margin-top: 16px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__control--T5um5 .src-components-CjHeader-components-ModalVideoSelection-index__next--A6JpR:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB {
  margin-top: 36px;
  transition: all 0.45s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB.src-components-CjHeader-components-ModalVideoSelection-index__hide--Mi14b {
  transform: translateX(80px);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB .src-components-CjHeader-components-ModalVideoSelection-index__acIcon--JHUBO {
  margin-top: 10px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB .src-components-CjHeader-components-ModalVideoSelection-index__acIcon--JHUBO span.src-components-CjHeader-components-ModalVideoSelection-index__text--yLvIo {
  line-height: 22px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB .src-components-CjHeader-components-ModalVideoSelection-index__acIcon--JHUBO.src-components-CjHeader-components-ModalVideoSelection-index__active--KrA23 {
  color: var(--color-primary);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__actions--TkUJB .src-components-CjHeader-components-ModalVideoSelection-index__acIcon--JHUBO:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r {
  background-color: #fff;
  border-radius: 8px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r::after {
  border-left-color: #fff;
  border-top-width: 10px;
  border-bottom-width: 10px;
  right: -10px;
  margin-top: -10px;
  border-left-width: 10px;
  background-color: transparent;
  transform: rotate(0);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 130px;
  min-height: 210px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG span.src-components-CjHeader-components-ModalVideoSelection-index__text--yLvIo {
  color: #333;
  font-size: 12px;
  margin-left: 12px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG .src-components-CjHeader-components-ModalVideoSelection-index__twitter--DJ_fJ {
  color: #181818;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG .src-components-CjHeader-components-ModalVideoSelection-index__facebook--m6DOY {
  color: #435996;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG .src-components-CjHeader-components-ModalVideoSelection-index__copyLink--hnsuG {
  color: var(--color-primary);
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG .src-components-CjHeader-components-ModalVideoSelection-index__whatsApp--m0gfQ {
  color: #25D366;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG .src-components-CjHeader-components-ModalVideoSelection-index__linkedIn--kZuSS {
  color: #0C66C0;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG:hover .src-components-CjHeader-components-ModalVideoSelection-index__twitter--DJ_fJ {
  color: #000;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG:hover .src-components-CjHeader-components-ModalVideoSelection-index__facebook--m6DOY {
  color: #3C4F86;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG:hover .src-components-CjHeader-components-ModalVideoSelection-index__copyLink--hnsuG {
  color: var(--color-primary-hover);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG:hover .src-components-CjHeader-components-ModalVideoSelection-index__whatsApp--m0gfQ {
  color: #0CBD4E;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__rightSide--DwAfh .src-components-CjHeader-components-ModalVideoSelection-index__shareBoxTooltip--b1w7r .src-components-CjHeader-components-ModalVideoSelection-index__shareBox--fbcD_ .src-components-CjHeader-components-ModalVideoSelection-index__shareItem--Ax_lG:hover .src-components-CjHeader-components-ModalVideoSelection-index__linkedIn--kZuSS {
  color: #0458AC;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D {
  width: 374px;
  height: 100%;
  background: #F7F8F9;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__title--zC6Ig {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__title--zC6Ig .src-components-CjHeader-components-ModalVideoSelection-index__closeBtn--HL76v {
  width: 14px;
  height: 14px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentBox--GdkVf {
  overflow-y: auto;
  flex: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentBox--GdkVf::-webkit-scrollbar {
  display: none;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__noComments--GOt3_ {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__noComments--GOt3_ img {
  margin-bottom: 10px;
  width: 120px;
  height: 120px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__noComments--GOt3_ span {
  color: #999;
  text-align: center;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__hasMore--YkbdJ {
  height: 60px;
  padding: 15px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 374px;
  height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  background: #F7F8F9;
  font-size: 12px;
  color: #666;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM span {
  flex: 1;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ {
  position: relative;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:after,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #666;
  top: 5px;
  left: 0;
  transition: all 0.3s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:hover::after,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:hover::before {
  background-color: var(--color-primary);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:after {
  transform: rotate(45deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__replyTo--rGPJM .src-components-CjHeader-components-ModalVideoSelection-index__close--jtLSJ:before {
  transform: rotate(-45deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentFooter--o4ebI {
  height: 74px;
  width: 374px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  padding: 8px 10px;
  box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.05);
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentFooter--o4ebI .src-components-CjHeader-components-ModalVideoSelection-index__cfFooter--TW4ZP {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentFooter--o4ebI .src-components-CjHeader-components-ModalVideoSelection-index__cfFooter--TW4ZP .src-components-CjHeader-components-ModalVideoSelection-index__cfLeft--E9hMY {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentFooter--o4ebI .src-components-CjHeader-components-ModalVideoSelection-index__cfFooter--TW4ZP .src-components-CjHeader-components-ModalVideoSelection-index__cfLeft--E9hMY .src-components-CjHeader-components-ModalVideoSelection-index__username--lExsu {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  margin-right: 4px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__left--V5YNp .src-components-CjHeader-components-ModalVideoSelection-index__comments--LsR1D .src-components-CjHeader-components-ModalVideoSelection-index__commentFooter--o4ebI .src-components-CjHeader-components-ModalVideoSelection-index__cfFooter--TW4ZP .src-components-CjHeader-components-ModalVideoSelection-index__submitBtn--h1i3E {
  max-width: 72px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 {
  width: 272px;
  flex-shrink: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__buyVideoInfo--yE9yf {
  display: flex;
  flex-direction: column;
  padding: 16px 10px;
  width: 272px;
  background: #F7F8F9;
  border-radius: 8px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__buyVideoInfo--yE9yf .src-components-CjHeader-components-ModalVideoSelection-index__videoId--_y3kV {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__buyVideoInfo--yE9yf .src-components-CjHeader-components-ModalVideoSelection-index__buyBtns--TPj9j {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  width: 100%;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__buyVideoInfo--yE9yf .src-components-CjHeader-components-ModalVideoSelection-index__buyBtns--TPj9j.src-components-CjHeader-components-ModalVideoSelection-index__noVideoId--sAICB {
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 {
  width: 272px;
  background: #F7F8F9;
  border-radius: 8px;
  padding: 16px 10px;
  margin-top: 16px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8.src-components-CjHeader-components-ModalVideoSelection-index__noPayAndDownload--XLrY5 {
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__title--zC6Ig {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__head--KDODP {
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__price--ql3UJ {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 19px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__originPrice--RX8qS {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__originPrice--RX8qS.src-components-CjHeader-components-ModalVideoSelection-index__stripperLine--t4oWM {
  text-decoration: line-through;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__btns--NDcQN {
  display: flex;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__btns--NDcQN .src-components-CjHeader-components-ModalVideoSelection-index__button--YqWnK {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  width: 76px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__proInfo--Cf4x8 .src-components-CjHeader-components-ModalVideoSelection-index__card--Cm27J .src-components-CjHeader-components-ModalVideoSelection-index__info--IE9EJ .src-components-CjHeader-components-ModalVideoSelection-index__btns--NDcQN .src-components-CjHeader-components-ModalVideoSelection-index__button--YqWnK:nth-of-type(2) {
  margin-left: 10px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__right--gTZ88 .src-components-CjHeader-components-ModalVideoSelection-index__wed2cSellAndEarn--_6gYV {
  width: 100%;
  margin-top: 16px;
  height: auto;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playBtn--AsNFE {
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__fadeIn--F4STP 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 6px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playBtn--AsNFE img {
  width: 24px;
  height: 24px;
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playBtn--AsNFE span {
  font-size: 12px;
  color: #333;
  margin-left: 2px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.1) 0%, rgba(5, 5, 5, 0.5) 100%);
  border-radius: 4px;
  -webkit-backdrop-filter: blur(4.63448276px);
          backdrop-filter: blur(4.63448276px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
  width: 26px;
  overflow: hidden;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y {
  width: 2px;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  display: block;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y:nth-of-type(1) {
  height: 9px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA infinite 1s ease-in-out -0.4s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y:nth-of-type(2) {
  height: 15px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA infinite 1s ease-in-out -0.2s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y:nth-of-type(3) {
  height: 20px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA infinite 1s ease-in-out;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y:nth-of-type(4) {
  height: 15px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA infinite 1s ease-in-out 0.2s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y:nth-of-type(5) {
  height: 9px;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA infinite 1s ease-in-out 0.4s;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playingIcon--tuXYG.src-components-CjHeader-components-ModalVideoSelection-index__pause--FGywa .src-components-CjHeader-components-ModalVideoSelection-index__jumpLine--I6w2Y {
  animation: none;
}
@keyframes src-components-CjHeader-components-ModalVideoSelection-index__rectangle--CcqEA {
  0%,
  80%,
  100% {
    height: 10px;
  }
  40% {
    height: 20px;
  }
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__playing--HiNzJ .src-components-CjHeader-components-ModalVideoSelection-index__playText--IDQng {
  margin-top: 6px;
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__leftIcon--h6ToA {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__leftIcon--h6ToA img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__footer--acHNV {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: flex;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  justify-content: space-around;
  align-items: center;
  color: #fff;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__footer--acHNV.src-components-CjHeader-components-ModalVideoSelection-index__noThree--KfQ2d {
  justify-content: flex-end;
  padding-right: 20px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__footer--acHNV.src-components-CjHeader-components-ModalVideoSelection-index__noThree--KfQ2d .src-components-CjHeader-components-ModalVideoSelection-index__actionIcon--xZij1 {
  margin-left: 30px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__footer--acHNV .src-components-CjHeader-components-ModalVideoSelection-index__actionIcon--xZij1 {
  font-size: 14px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .src-components-CjHeader-components-ModalVideoSelection-index__miniVideoCard--_a0Pd .src-components-CjHeader-components-ModalVideoSelection-index__footer--acHNV .src-components-CjHeader-components-ModalVideoSelection-index__actionIcon--xZij1 span.src-components-CjHeader-components-ModalVideoSelection-index__text--yLvIo {
  margin-left: 4px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .big-video-selection-swiper {
  width: 100%;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .big-video-selection-swiper .swiper-container {
  width: 100%;
  height: calc(100vh - 300px);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .big-video-selection-swiper .swiper-slide {
  width: 100%;
  height: 519px;
  position: relative;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .big-video-selection-swiper .swiper-slide .groundGlass {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper {
  width: 100%;
  margin-top: 20px;
  height: 120px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-prev,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-next {
  opacity: 1;
  width: 25px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #fff;
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-prev.swiper-button-disabled,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-prev::after,
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-next::after {
  content: unset;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-prev {
  left: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-prev .video-arrow-left {
  transform: rotate(90deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-next {
  right: 0;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-selection-swiper .swiper-button-next .video-arrow-right {
  transform: rotate(-90deg);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 205px;
  height: 120px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.1) 0%, rgba(5, 5, 5, 0.5) 100%);
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperVideoSelection--SaFNS .video-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch,
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch > div {
  position: relative;
  box-sizing: border-box;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperLoadingMore--DoY3O {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperLoadingMore--DoY3O::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: -1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__wrapperLoadingMore--DoY3O::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to top, #000000, #000000);
  z-index: -1;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch {
  display: block;
  font-size: 0;
  color: #fff;
  margin-top: 40px;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch.src-components-CjHeader-components-ModalVideoSelection-index__la-dark--rbxFH {
  color: #333;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch {
  width: 120px;
  height: 10px;
  font-size: 0;
  text-align: center;
}
.src-components-CjHeader-components-ModalVideoSelection-index__loadingMore--whSch > div {
  display: inline-block;
  width: 10px;
  height: 10px;
  white-space: nowrap;
  border-radius: 100%;
  animation: src-components-CjHeader-components-ModalVideoSelection-index__ball-elastic-dots-anim--phb5P 1s infinite;
}
@keyframes src-components-CjHeader-components-ModalVideoSelection-index__ball-elastic-dots-anim--phb5P {
  0%,
  100% {
    margin: 0;
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    transform: scale(0.65);
  }
}
@keyframes src-components-CjHeader-components-ModalVideoSelection-index__fadeIn--F4STP {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ant-message {
  z-index: 9999 !important;
}
.rc-rate .anticon {
  font-size: 12px;
}

.src-universalComps-button-index__btn--hHfLn {
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-primary);
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  padding: 0 5px;
  flex: 1;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__ghost--pR796 {
  border: 1px solid var(--color-primary);
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__full--rT5su {
  width: 100%;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__primary--jBthu {
  background-color: var(--color-primary);
  color: #fff;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__primary--jBthu.src-universalComps-button-index__vip--zOK0_ {
  background-color: var(--color-theme-2-vip);
  color: #333;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__default--O2uEL {
  background-color: #F9F9F9;
  border: 1px solid #E4E4E4;
  color: #666;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__default--O2uEL:hover {
  background-color: #F5F5F5;
  border: 1px solid #E4E4E4;
  color: #666;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__disabled--ZWNPd {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__small--U9Yu8 {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.src-universalComps-button-index__btn--hHfLn.src-universalComps-button-index__large--qAE7P {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
.src-universalComps-button-index__btn--hHfLn:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.src-universalComps-button-index__btn--hHfLn:hover.src-universalComps-button-index__ghost--pR796 {
  background-color: var(--color-primary-opacity1);
  color: var(--color-primary);
}
.src-universalComps-button-index__btn--hHfLn:hover.src-universalComps-button-index__primary--jBthu {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.src-universalComps-button-index__btn--hHfLn:hover.src-universalComps-button-index__primary--jBthu.src-universalComps-button-index__vip--zOK0_ {
  background-color: var(--color-theme-2-1-vip);
  border-color: var(--color-theme-2-1-vip);
}

.rc-rate {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  outline: none;
}
.rc-rate-rtl {
  direction: rtl;
}
.rc-rate-disabled .rc-rate-star {
  cursor: default;
}
.rc-rate-disabled .rc-rate-star:before,
.rc-rate-disabled .rc-rate-star-content:before {
  cursor: default;
}
.rc-rate-disabled .rc-rate-star:hover {
  transform: scale(1);
}
.rc-rate-star {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  transition: all 0.3s;
  color: #e9e9e9;
  cursor: pointer;
  line-height: 1.5;
}
.rc-rate-rtl .rc-rate-star {
  margin-right: 0;
  margin-left: 8px;
  float: right;
}
.rc-rate-star-first,
.rc-rate-star-second {
  transition: all 0.3s;
}
.rc-rate-star-focused,
.rc-rate-star:hover {
  transform: scale(1.1);
}
.rc-rate-star-first {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.rc-rate-rtl .rc-rate-star-first {
  right: 0;
  left: auto;
}
.rc-rate-star-half .rc-rate-star-first,
.rc-rate-star-half .rc-rate-star-second {
  opacity: 1;
}
.rc-rate-star-half .rc-rate-star-first,
.rc-rate-star-full .rc-rate-star-second {
  color: #f5a623;
}
.rc-rate-star-half:hover .rc-rate-star-first,
.rc-rate-star-full:hover .rc-rate-star-second {
  color: #f8c165;
}
@font-face {
  font-family: 'anticon';
  src: url('//at.alicdn.com/t/font_r5u29ls31bgldi.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_r5u29ls31bgldi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_r5u29ls31bgldi.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_r5u29ls31bgldi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_r5u29ls31bgldi.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.anticon {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}
.anticon-star:before {
  content: "\e660";
}

.src-components-CjHeader-components-Comment-index__comment--rSX44 {
  display: flex;
  align-items: flex-start;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 img.src-components-CjHeader-components-Comment-index__avatar--ur5O1 {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  margin-right: 4px;
  flex-shrink: 0;
  border: 1px solid #eee;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 img.src-components-CjHeader-components-Comment-index__avatar--ur5O1.src-components-CjHeader-components-Comment-index__default--_DMF4 {
  border: 0;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT {
  min-width: 314px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P {
  display: flex;
  align-items: center;
  position: relative;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__delIcon--kg9rj {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #666;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__delIcon--kg9rj:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__username--i_Zko {
  font-size: 14px;
  font-weight: 500;
  color: #332F3E;
  line-height: 16px;
  margin-right: 4px;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__rate--TEe5H {
  line-height: 1;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__rate--TEe5H .rc-rate-star {
  pointer-events: none;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__header--uZ6_P .rc-rate-star {
  line-height: 1;
  margin-right: 5px;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT:hover .src-components-CjHeader-components-Comment-index__header--uZ6_P .src-components-CjHeader-components-Comment-index__delIcon--kg9rj {
  opacity: 1;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__content--hygPp {
  font-size: 12px;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  word-break: break-all;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__date--mY3wh {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__toggleCollapse--pMzGS {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  cursor: pointer;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__toggleCollapse--pMzGS .src-components-CjHeader-components-Comment-index__arrow--nQ3Vl {
  color: #999;
  font-size: 12px;
  margin-left: 4px;
}
.src-components-CjHeader-components-Comment-index__comment--rSX44 .src-components-CjHeader-components-Comment-index__card--kQqvT .src-components-CjHeader-components-Comment-index__toggleCollapse--pMzGS .src-components-CjHeader-components-Comment-index__arrow--nQ3Vl.src-components-CjHeader-components-Comment-index__up--LSmv7 {
  transform: rotate(180deg);
}

.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__avatar--eXjna {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__con--wmVMD {
  flex: 1;
  margin-left: 4px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__con--wmVMD .src-components-CjHeader-components-Comment-subCard__head--xniSj {
  font-weight: 500;
  color: #332F3E;
  font-size: 14px;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__con--wmVMD .src-components-CjHeader-components-Comment-subCard__content--SUnjc {
  font-size: 12px;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  color: #666569;
  line-height: 18px;
  margin-top: 4px;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__con--wmVMD .src-components-CjHeader-components-Comment-subCard__images--q0mnA img {
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__reply--SuP59 {
  font-size: 12px;
  cursor: pointer;
  color: #333333;
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__reply--SuP59:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-Comment-subCard__subCard--Vsdx4 .src-components-CjHeader-components-Comment-subCard__reply--SuP59:hover span {
  text-decoration: underline;
}

.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidBox--_Qf_A {
  width: 100%;
  height: 100%;
  position: relative;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y {
  position: absolute;
  right: 52px;
  top: 10px;
  width: 158px;
  height: 28px;
  display: flex;
  align-items: center;
  background: transparent;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y .src-components-CjHeader-components-VideoGuid-index__tipText--MtmTd {
  width: 119px;
  height: 28px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y i {
  color: #fff;
  transform: rotate(180deg);
  font-size: 12px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__prev--RsFlp {
  top: 66px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__next--jkCuo {
  top: 112px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__collect--jxAu7 {
  top: 187px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__liked--YVV4y {
  top: 251px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__guidComment--eU_pS {
  top: 313px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__guidTip--Era_Y.src-components-CjHeader-components-VideoGuid-index__share--arqwq {
  top: 374px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__dottedBox--_hsLn {
  width: 46px;
  height: 363px;
  border: 1px dashed #fff;
  position: absolute;
  right: 10px;
  top: 60px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk {
  position: absolute;
  left: 416px;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk img.src-components-CjHeader-components-VideoGuid-index__hand--muDS1 {
  width: 47px;
  height: 48px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk img.src-components-CjHeader-components-VideoGuid-index__handUp--ZtIP6,
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk img.src-components-CjHeader-components-VideoGuid-index__handDown--RxZhj {
  width: 26px;
  height: 66px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk img.src-components-CjHeader-components-VideoGuid-index__handDown--RxZhj {
  position: relative;
  top: -12px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk .src-components-CjHeader-components-VideoGuid-index__handBox--PFTsL {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__handSlide--dBcbk .src-components-CjHeader-components-VideoGuid-index__handBox--PFTsL .src-components-CjHeader-components-VideoGuid-index__text--T0i0i {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  margin-left: 12px;
}
.src-components-CjHeader-components-VideoGuid-index__guid--uVzg5 .src-components-CjHeader-components-VideoGuid-index__iKnow--LWukh {
  min-width: 114px;
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%, 0);
}

.src-universalComps-closeIcon-index__CloseIcon--RU5Mz {
  width: 100%;
  height: 100%;
  right: 0;
  cursor: pointer;
}
.src-universalComps-closeIcon-index__CloseIcon--RU5Mz .src-universalComps-closeIcon-index__box--nz_Jr {
  position: relative;
  width: 100%;
  height: 100%;
}
.src-universalComps-closeIcon-index__CloseIcon--RU5Mz .src-universalComps-closeIcon-index__box--nz_Jr .src-universalComps-closeIcon-index__line--QyU8e {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.src-universalComps-closeIcon-index__CloseIcon--RU5Mz .src-universalComps-closeIcon-index__box--nz_Jr .src-universalComps-closeIcon-index__line--QyU8e.src-universalComps-closeIcon-index__line1--CqhZU {
  transform: rotate(45deg);
}
.src-universalComps-closeIcon-index__CloseIcon--RU5Mz .src-universalComps-closeIcon-index__box--nz_Jr .src-universalComps-closeIcon-index__line--QyU8e.src-universalComps-closeIcon-index__line2--Cmn73 {
  transform: rotate(-45deg);
}

.src-universalComps-modal-index__confrimModal--aJiRe {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW {
  min-width: 360px;
  max-width: 600px;
  padding: 20px 20px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__content--lITb_ {
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: #666666 !important;
  padding: 0 !important;
  margin-top: 10px;
  text-align: left;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__header--bI0T2 {
  position: relative;
  width: 100%;
  height: 22px;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__closeBtn--EEFjH {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__footer--yItLi {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: flex-end;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__footer--yItLi .src-universalComps-modal-index__btn--nrjdM {
  margin-left: 15px;
  flex: auto;
}
.src-universalComps-modal-index__confrimModal--aJiRe .src-universalComps-modal-index__box--PmryW .src-universalComps-modal-index__footer--yItLi .src-universalComps-modal-index__btn--nrjdM:nth-of-type(1) {
  margin-left: 0;
}

.src-universalComps-skeleton-index__skeleton--iDHff {
  background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  width: 100%;
  height: 0.8rem;
  list-style: none;
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation: src-universalComps-skeleton-index__skeleton-loading--mk9KD 1.4s ease infinite;
}
@keyframes src-universalComps-skeleton-index__skeleton-loading--mk9KD {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

input.src-components-CjHeader-components-CommentInput-index__messageInput--YfOfI {
  padding: 5px;
  border: none;
  outline: none;
  background: #FEFEFE;
  border-radius: 4px;
  width: 100%;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}
input.src-components-CjHeader-components-CommentInput-index__messageInput--YfOfI::-webkit-input-placeholder {
  color: #909399;
}

.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN video::-webkit-media-controls-fullscreen-button {
  display: none;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBox--hceBT {
  width: 1200px;
  background-color: #262626;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 8px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBox--hceBT .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxClose--ul7yt {
  position: absolute;
  right: -30px;
  top: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__boxColumn--_kIju {
  display: flex;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna {
  width: 205px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna .src-components-CjHeader-components-ModalVideoSelectionQs-index__arrowBox--Cv_Va {
  width: 44px;
  height: 32px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9E9EA8;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna.src-components-CjHeader-components-ModalVideoSelectionQs-index__disabled--ml0NX {
  cursor: not-allowed;
  opacity: 0.5;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna.src-components-CjHeader-components-ModalVideoSelectionQs-index__disabled--ml0NX:hover span {
  color: #666666;
  text-decoration: none;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna span {
  margin-left: 10px;
  color: #666666;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna:nth-of-type(1) .mf-iconfont {
  transform: rotate(180deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna:nth-of-type(3) .mf-iconfont {
  transform: rotate(90deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna:nth-of-type(4) .mf-iconfont {
  transform: rotate(-90deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoBoxFooter--dIq7L .src-components-CjHeader-components-ModalVideoSelectionQs-index__fItem--HOZna:hover span {
  color: var(--color-primary);
  text-decoration: underline;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r {
  display: flex;
  flex-direction: column;
  width: 808px;
  flex: 1;
  margin-right: 20px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoContianer--rYjh0 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
  height: calc(100vh - 300px);
  min-height: 519px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoContianer--rYjh0.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadMore--aoJbu > :nth-child(n) {
  transform: translateY(-50px);
  transition: all 0.6s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__bgImage--TlPpC {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #999;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__bgImage--TlPpC img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(60px);
  opacity: 0.8;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoScroll--Aaz2K {
  overflow: auto;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r video.src-components-CjHeader-components-ModalVideoSelectionQs-index__bigVideo--GWE27 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: transparent;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI {
  position: absolute;
  right: 22px;
  top: 97px;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
  z-index: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI.src-components-CjHeader-components-ModalVideoSelectionQs-index__hasComments--_X8Bg {
  right: calc(374px + 17px);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
  height: 35px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__menusIcon--jaxNZ {
  position: relative;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__menusIcon--jaxNZ:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverArrow--npdJ2 {
  position: absolute;
  top: 41%;
  right: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #212121;
  transform: rotate(-90deg);
  visibility: hidden;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverWrapper--dIJla {
  position: absolute;
  width: 160px;
  right: calc(100% + 15px);
  visibility: hidden;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__space--CS6SY {
  position: absolute;
  height: 100%;
  width: 15px;
  right: -15px;
  top: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverBox--FkI5G {
  width: 100%;
  padding: 10px 12px;
  background: #212121;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  filter: drop-shadow(1px 2px 8px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverBox--FkI5G .src-components-CjHeader-components-ModalVideoSelectionQs-index__item--sg3QP {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
  padding: 6px 8px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverBox--FkI5G .src-components-CjHeader-components-ModalVideoSelectionQs-index__item--sg3QP span {
  margin-left: 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 20px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverBox--FkI5G .src-components-CjHeader-components-ModalVideoSelectionQs-index__item--sg3QP:hover {
  background-color: rgba(53, 53, 53, 0.95);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_ .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverBox--FkI5G .src-components-CjHeader-components-ModalVideoSelectionQs-index__item--sg3QP:hover span {
  color: var(--color-primary);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverArrow--npdJ2,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__menus--ODzD_:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__hoverWrapper--dIJla {
  visibility: visible;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px 0;
  width: 36px;
  height: 75px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__prev--I55mM,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__next--ZYiCC {
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__prev--I55mM.src-components-CjHeader-components-ModalVideoSelectionQs-index__disable--y_3mo,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__next--ZYiCC.src-components-CjHeader-components-ModalVideoSelectionQs-index__disable--y_3mo {
  cursor: not-allowed;
  opacity: 0.5;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__prev--I55mM {
  transform: rotate(180deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__prev--I55mM:hover {
  transform: rotate(180deg) scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__control--QC5KZ .src-components-CjHeader-components-ModalVideoSelectionQs-index__next--ZYiCC:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4 {
  margin-top: 36px;
  transition: all 0.45s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4.src-components-CjHeader-components-ModalVideoSelectionQs-index__hide--SrI6D {
  transform: translateX(80px);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4 .src-components-CjHeader-components-ModalVideoSelectionQs-index__acIcon--vVww5 {
  margin-top: 10px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4 .src-components-CjHeader-components-ModalVideoSelectionQs-index__acIcon--vVww5 span.src-components-CjHeader-components-ModalVideoSelectionQs-index__text--I3rsU {
  line-height: 22px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4 .src-components-CjHeader-components-ModalVideoSelectionQs-index__acIcon--vVww5.src-components-CjHeader-components-ModalVideoSelectionQs-index__active--dq_N1 {
  color: var(--color-primary);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__actions--suje4 .src-components-CjHeader-components-ModalVideoSelectionQs-index__acIcon--vVww5:hover {
  transform: scale(1.1);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 {
  background-color: #fff;
  border-radius: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8::after {
  border-left-color: #fff;
  border-top-width: 10px;
  border-bottom-width: 10px;
  right: -10px;
  margin-top: -10px;
  border-left-width: 10px;
  background-color: transparent;
  transform: rotate(0);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 130px;
  min-height: 210px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg span.src-components-CjHeader-components-ModalVideoSelectionQs-index__text--I3rsU {
  color: #333;
  font-size: 12px;
  margin-left: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg .src-components-CjHeader-components-ModalVideoSelectionQs-index__twitter--HYfwf {
  color: #181818;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg .src-components-CjHeader-components-ModalVideoSelectionQs-index__facebook--SODv8 {
  color: #435996;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg .src-components-CjHeader-components-ModalVideoSelectionQs-index__copyLink--CJpdc {
  color: var(--color-primary);
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg .src-components-CjHeader-components-ModalVideoSelectionQs-index__whatsApp--YFO7l {
  color: #25D366;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg .src-components-CjHeader-components-ModalVideoSelectionQs-index__linkedIn--PHRjF {
  color: #0C66C0;
  font-size: 26px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__twitter--HYfwf {
  color: #000;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__facebook--SODv8 {
  color: #3C4F86;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__copyLink--CJpdc {
  color: var(--color-primary-hover);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__whatsApp--YFO7l {
  color: #0CBD4E;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__rightSide--reSWI .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBoxTooltip--rrki8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareBox--NhqVc .src-components-CjHeader-components-ModalVideoSelectionQs-index__shareItem--q_DGg:hover .src-components-CjHeader-components-ModalVideoSelectionQs-index__linkedIn--PHRjF {
  color: #0458AC;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa {
  width: 374px;
  height: 100%;
  background: #F7F8F9;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__title--wYbSy {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__title--wYbSy .src-components-CjHeader-components-ModalVideoSelectionQs-index__closeBtn--FP9s3 {
  width: 14px;
  height: 14px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentBox--rbTjc {
  overflow-y: auto;
  flex: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentBox--rbTjc::-webkit-scrollbar {
  display: none;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__noComments--LgdZO {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__noComments--LgdZO img {
  margin-bottom: 10px;
  width: 120px;
  height: 120px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__noComments--LgdZO span {
  color: #999;
  text-align: center;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__hasMore--WQkXK {
  height: 60px;
  padding: 15px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 374px;
  height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  background: #F7F8F9;
  font-size: 12px;
  color: #666;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL span {
  flex: 1;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft {
  position: relative;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:after,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #666;
  top: 5px;
  left: 0;
  transition: all 0.3s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:hover::after,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:hover::before {
  background-color: var(--color-primary);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:after {
  transform: rotate(45deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__replyTo--KOQmL .src-components-CjHeader-components-ModalVideoSelectionQs-index__close--Lu8ft:before {
  transform: rotate(-45deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentFooter--ZyaIL {
  height: 74px;
  width: 374px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  padding: 8px 10px;
  box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.05);
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentFooter--ZyaIL .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfFooter--gpOJW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentFooter--ZyaIL .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfFooter--gpOJW .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfLeft--VduYo {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentFooter--ZyaIL .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfFooter--gpOJW .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfLeft--VduYo .src-components-CjHeader-components-ModalVideoSelectionQs-index__username--K5nVG {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  margin-right: 4px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__left--ov91r .src-components-CjHeader-components-ModalVideoSelectionQs-index__comments--T3nQa .src-components-CjHeader-components-ModalVideoSelectionQs-index__commentFooter--ZyaIL .src-components-CjHeader-components-ModalVideoSelectionQs-index__cfFooter--gpOJW .src-components-CjHeader-components-ModalVideoSelectionQs-index__submitBtn--H_AUE {
  max-width: 72px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs {
  width: 336px;
  flex-shrink: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyVideoInfo--RjoTb {
  display: flex;
  flex-direction: column;
  padding: 16px 10px;
  width: 336px;
  background: #F7F8F9;
  border-radius: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyVideoInfo--RjoTb .src-components-CjHeader-components-ModalVideoSelectionQs-index__videoId--EepUN {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyVideoInfo--RjoTb .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyBtns--Au87M {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  width: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyVideoInfo--RjoTb .src-components-CjHeader-components-ModalVideoSelectionQs-index__buyBtns--Au87M.src-components-CjHeader-components-ModalVideoSelectionQs-index__noVideoId--HreLv {
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ {
  width: 336px;
  background: #333;
  border-radius: 12px;
  padding: 16px 10px;
  margin-top: 16px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ.src-components-CjHeader-components-ModalVideoSelectionQs-index__noPayAndDownload--JThMO {
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__title--wYbSy {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #F1F1F1;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  margin-right: 10px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__head--n4H7K {
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__price--WWGbB {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #F1F1F1;
  line-height: 19px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__originPrice--awbnt {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.38);
  line-height: 17px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__originPrice--awbnt.src-components-CjHeader-components-ModalVideoSelectionQs-index__stripperLine--t44lO {
  text-decoration: line-through;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__btns--oeq8T {
  display: flex;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__btns--oeq8T .src-components-CjHeader-components-ModalVideoSelectionQs-index__button--uogpz {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  width: 76px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__proInfo--sbCdJ .src-components-CjHeader-components-ModalVideoSelectionQs-index__card--dVvai .src-components-CjHeader-components-ModalVideoSelectionQs-index__info--S3A8Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__btns--oeq8T .src-components-CjHeader-components-ModalVideoSelectionQs-index__button--uogpz:nth-of-type(2) {
  margin-left: 10px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__right--_nbVs .src-components-CjHeader-components-ModalVideoSelectionQs-index__wed2cSellAndEarn--h6D1V {
  width: 100%;
  min-height: 97px;
  margin-top: 16px;
  height: auto;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  background-position: 0 0;
  background-size: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playBtn--kX0VS {
  height: 24px;
  line-height: 24px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__fadeIn--pfeTG 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 6px;
  cursor: pointer;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playBtn--kX0VS img {
  width: 24px;
  height: 24px;
  filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.3));
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playBtn--kX0VS span {
  font-size: 12px;
  color: #333;
  margin-left: 2px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(4.63448276px);
          backdrop-filter: blur(4.63448276px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
  width: 26px;
  overflow: hidden;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX {
  width: 2px;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  display: block;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX:nth-of-type(1) {
  height: 9px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 infinite 1s ease-in-out -0.4s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX:nth-of-type(2) {
  height: 15px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 infinite 1s ease-in-out -0.2s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX:nth-of-type(3) {
  height: 20px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 infinite 1s ease-in-out;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX:nth-of-type(4) {
  height: 15px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 infinite 1s ease-in-out 0.2s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX:nth-of-type(5) {
  height: 9px;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 infinite 1s ease-in-out 0.4s;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playingIcon--oP2c8.src-components-CjHeader-components-ModalVideoSelectionQs-index__pause--D_faE .src-components-CjHeader-components-ModalVideoSelectionQs-index__jumpLine--v8yUX {
  animation: none;
}
@keyframes src-components-CjHeader-components-ModalVideoSelectionQs-index__rectangle--Vb2L2 {
  0%,
  80%,
  100% {
    height: 10px;
  }
  40% {
    height: 20px;
  }
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__playing--VoF0Y .src-components-CjHeader-components-ModalVideoSelectionQs-index__playText--CcLBt {
  margin-top: 6px;
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__leftIcon--tSa9D {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__leftIcon--tSa9D img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__footer--Z4Dix {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: flex;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  justify-content: space-around;
  align-items: center;
  color: #fff;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__footer--Z4Dix.src-components-CjHeader-components-ModalVideoSelectionQs-index__noThree--SkXN8 {
  justify-content: flex-start;
  padding-right: 20px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__footer--Z4Dix.src-components-CjHeader-components-ModalVideoSelectionQs-index__noThree--SkXN8 .src-components-CjHeader-components-ModalVideoSelectionQs-index__actionIcon--rm_Ni {
  margin-left: 10px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__footer--Z4Dix .src-components-CjHeader-components-ModalVideoSelectionQs-index__actionIcon--rm_Ni {
  font-size: 14px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .src-components-CjHeader-components-ModalVideoSelectionQs-index__miniVideoCard--XT_46 .src-components-CjHeader-components-ModalVideoSelectionQs-index__footer--Z4Dix .src-components-CjHeader-components-ModalVideoSelectionQs-index__actionIcon--rm_Ni span.src-components-CjHeader-components-ModalVideoSelectionQs-index__text--I3rsU {
  margin-left: 4px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .big-video-selection-swiper {
  width: 100%;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .big-video-selection-swiper .swiper-container {
  width: 100%;
  height: calc(100vh - 300px);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .big-video-selection-swiper .swiper-slide {
  width: 100%;
  height: 519px;
  position: relative;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .big-video-selection-swiper .swiper-slide .groundGlass {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper {
  width: 100%;
  margin-top: 20px;
  height: 120px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-prev,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-next {
  opacity: 1;
  width: 25px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #fff;
  margin-top: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-prev.swiper-button-disabled,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-prev::after,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-next::after {
  content: unset;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-prev {
  left: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-prev .video-arrow-left {
  transform: rotate(90deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-next {
  right: 0;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-selection-swiper .swiper-button-next .video-arrow-right {
  transform: rotate(-90deg);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 205px;
  height: 120px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.1) 0%, rgba(5, 5, 5, 0.5) 100%);
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperVideoSelection--KwYgN .video-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI,
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI > div {
  position: relative;
  box-sizing: border-box;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperLoadingMore--m6G7k {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 2;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperLoadingMore--m6G7k::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: -1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__wrapperLoadingMore--m6G7k::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to top, #000000, #000000);
  z-index: -1;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI {
  display: block;
  font-size: 0;
  color: #fff;
  margin-top: 40px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI.src-components-CjHeader-components-ModalVideoSelectionQs-index__la-dark--oFw5C {
  color: #333;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI {
  width: 120px;
  height: 10px;
  font-size: 0;
  text-align: center;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__loadingMore--jgiNI > div {
  display: inline-block;
  width: 10px;
  height: 10px;
  white-space: nowrap;
  border-radius: 100%;
  animation: src-components-CjHeader-components-ModalVideoSelectionQs-index__ball-elastic-dots-anim--nrlep 1s infinite;
}
@keyframes src-components-CjHeader-components-ModalVideoSelectionQs-index__ball-elastic-dots-anim--nrlep {
  0%,
  100% {
    margin: 0;
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    transform: scale(0.65);
  }
}
@keyframes src-components-CjHeader-components-ModalVideoSelectionQs-index__fadeIn--pfeTG {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ant-message {
  z-index: 9999 !important;
}
.rc-rate .anticon {
  font-size: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__miniSlides--j_5O6 {
  width: 336px;
  max-height: 286px;
  overflow: auto;
  padding: 12px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: #333;
  border-radius: 12px;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__miniSlide--nydfU {
  width: 96px;
  height: 125px;
  border-radius: 12px;
  background-color: #f5f5f5;
  margin-right: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}
.src-components-CjHeader-components-ModalVideoSelectionQs-index__miniSlide--nydfU:nth-of-type(3n) {
  margin-right: 0;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 {
  cursor: pointer;
  position: relative;
  font-size: 14px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  display: flex;
  align-items: center;
  padding: 0 8px;
  transition: all 0.3s;
  border-radius: 8px;
  height: 40px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e.src-components-CjHeader-components-LanguageAndCurrency-index__circle--Plq31 img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__globalIcon--ttcib {
  margin-right: 8px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__globalIcon--ttcib .mf-iconfont {
  font-size: 24px;
  color: var(--color-font-1);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__languageImageMobile--LGEhb {
  display: none;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__languageLabel--o7sf9 {
  white-space: nowrap;
  color: var(--color-font-1);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__currencyLabel--LaTtQ {
  color: var(--color-font-1);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__arrow--DMSC3 {
  margin-left: 5px;
  color: #999;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__arrow--DMSC3 span {
  display: inline-block;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__arrow--DMSC3 i {
  font-size: 12px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__arrow--DMSC3 .src-components-CjHeader-components-LanguageAndCurrency-index__active--KGILW {
  transform: rotate(180deg);
  transition: transform 0.3s;
  color: #333;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9:hover .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  background-color: var(--color-bg-14);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX {
  width: 240px;
  position: absolute;
  top: calc(100% + 16px);
  border-radius: 8px;
  box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.33);
  z-index: 4;
  background-color: #fff;
  color: #333;
  padding: 14px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX.src-components-CjHeader-components-LanguageAndCurrency-index__mini--QksgX {
  padding: 0;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX .src-components-CjHeader-components-LanguageAndCurrency-index__languageConfirm--EqCS1 {
  line-height: 34px;
  text-align: center;
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX .src-components-CjHeader-components-LanguageAndCurrency-index__languageConfirm--EqCS1:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 {
  transition: background-color 0.3s;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  color: #fff !important;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__globalIcon--ttcib .mf-iconfont {
  color: #fff !important;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__languageLabel--o7sf9 {
  color: #fff !important;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__currencyLabel--LaTtQ {
  color: #fff !important;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3 .src-components-CjHeader-components-LanguageAndCurrency-index__arrow--DMSC3 {
  display: none;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9.src-components-CjHeader-components-LanguageAndCurrency-index__qs--EfhD3:hover .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  background-color: #484953;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeaderMask--x9C38 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  transform: translate(-50%, -50%);
  border-radius: 4px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeader--OnVR4 {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: var(--color-bg-1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px 4px 0 0;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeader--OnVR4 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeaderTitle--Wj1SF {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeader--OnVR4 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeaderClose--kzLln {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeader--OnVR4 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileHeaderClose--kzLln .mf-iconfont {
  color: #666;
  font-size: 16px;
}
.src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContent--H5OYo {
  width: 100%;
  height: calc(100% - 50px);
  background-color: #fff;
  padding: 10px 20px 8px;
  border-radius: 0 0 4px 4px;
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX {
    display: none;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
    font-size: calc(16 / 16 * var(--root-fs) * 1px) !important;
    padding-right: calc(16 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__globalIcon--ttcib {
    display: none;
    margin-right: calc(4 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__globalIcon--ttcib .mf-iconfont {
    font-size: calc(24 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__languageImageMobile--LGEhb {
    display: block;
    width: calc(24 / 16 * var(--root-fs) * 1px) !important;
    height: calc(18 / 16 * var(--root-fs) * 1px) !important;
    margin-right: calc(5 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e .src-components-CjHeader-components-LanguageAndCurrency-index__languageLabel--o7sf9 {
    display: none;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 {
    display: block;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContent--H5OYo {
    padding-top: calc(10 / 16 * var(--root-fs) * 1px) !important;
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px) !important;
    padding-left: calc(20 / 16 * var(--root-fs) * 1px) !important;
    padding-right: calc(20 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContent--H5OYo .src-components-CjHeader-components-LanguageAndCurrency-index__selectedItem--mAV6p {
    font-size: calc(16 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobile--ys3R0 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContainer--Ms2ZV .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopupMobileContent--H5OYo .src-components-CjHeader-components-LanguageAndCurrency-index__selectedItem--mAV6p .src-components-CjHeader-components-LanguageAndCurrency-index__select--s8OS0 {
    height: calc(40 / 16 * var(--root-fs) * 1px) !important;
  }
}
.mabang .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  padding: 0 10px;
  background-color: #fff;
  height: 32px;
  border-radius: 4px;
}
.mabang .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9:hover .src-components-CjHeader-components-LanguageAndCurrency-index__lngbox--QVl0e {
  background-color: #fff;
}
.vip .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX .src-components-CjHeader-components-LanguageAndCurrency-index__languageConfirm--EqCS1 {
  background-color: #F1D69E;
  color: #333;
}
.vip .src-components-CjHeader-components-LanguageAndCurrency-index__languageSwitch--tFAZ9 .src-components-CjHeader-components-LanguageAndCurrency-index__languagePopup--qkdfX .src-components-CjHeader-components-LanguageAndCurrency-index__languageConfirm--EqCS1:hover {
  background-color: #D8C08D;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF {
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__title--u2qU3 {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__title--u2qU3 .src-components-CjHeader-components-CustomizeSelect-index__titleEn--Fl1r0 {
  color: #999999;
  margin-left: 4px;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L {
  margin: 10px 0;
  border-radius: var(--size-radius-small);
  border: 1px solid #ccc;
  line-height: 34px;
  padding: 0 9px;
  position: relative;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L.src-components-CjHeader-components-CustomizeSelect-index__mini--LhSIa {
  border: none;
  padding: 0;
  margin: 0;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectWrap--C7Sxs {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__text--Smkpk {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  padding-right: 15px;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__iconArrow--a5BEZ {
  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%);
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__iconArrow--a5BEZ.src-components-CjHeader-components-CustomizeSelect-index__active--RjFkj {
  transform: translateY(-50%) rotate(-180deg);
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__wrapperSelectUl--SC8dG {
  position: absolute;
  top: calc(100% + 8px);
  left: -1px;
  right: -1px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__wrapperSelectUl--SC8dG.src-components-CjHeader-components-CustomizeSelect-index__mini--LhSIa {
  border: none;
  box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.33);
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__searchInput--T8lbw {
  padding: 0 10px;
  line-height: 34px;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__searchInput--T8lbw input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 10px;
  box-sizing: border-box;
  height: 32px;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__searchInput--T8lbw:hover {
  background: none;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl {
  max-height: 340px;
  padding: 4px 0;
  overflow: auto;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl li {
  padding-left: 10px;
  background-color: #fff;
  transition: background 0.3s;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 7.5px 0;
  line-height: 1;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl li span.src-components-CjHeader-components-CustomizeSelect-index__name--RRIMr {
  line-height: 20px;
  display: inline-block;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl li .src-components-CjHeader-components-CustomizeSelect-index__selectedIcon--Ga3Lf {
  color: var(--color-primary);
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl li img {
  display: inline-block;
}
.src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl li:hover {
  background: rgba(239, 239, 239, 0.7);
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-CustomizeSelect-index__selectedItem--SpplF .src-components-CjHeader-components-CustomizeSelect-index__select--PvV7L .src-components-CjHeader-components-CustomizeSelect-index__selectul--HkEfl {
    max-height: 25vh;
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  color: var(--color-font-1);
  height: 40px;
  padding: 0 8px;
  border-radius: 8px;
  margin-left: 4px;
  position: relative;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__tips--amZGb {
  min-width: 98px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: calc(100% + 4px);
  transform: translateX(-50%);
  z-index: 999;
  display: none;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__tips--amZGb:after {
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  left: 50%;
  bottom: 29px;
  transform: translateX(-50%);
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB {
  width: 267px;
  height: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
  width: 375px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  z-index: 1000;
  display: none;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta.src-components-CjHeader-components-LoginUserRight-index__videoSelection--rvx59 {
  margin-left: 23px;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta.src-components-CjHeader-components-LoginUserRight-index__hasArrow--Ao6UN .src-components-CjHeader-components-LoginUserRight-index__count--VyAY1 {
  left: calc(100% - 33px);
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta i {
  font-size: 24px;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover {
  background: var(--color-bg-14);
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
  transform: rotate(180deg);
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
  color: var(--header-arrow-color-hover-1);
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__content--grEMr,
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB {
  display: block;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__tips--amZGb {
  display: block;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__count--VyAY1 {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F24724;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 19px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
  display: inline-block;
  color: var(--header-arrow-color-1);
  transition: transform 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
  font-size: 12px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg {
  width: 69px;
  height: 40px;
  position: relative;
  margin-left: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 8px;
  transition: all 0.3s;
  border-radius: 8px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__pic--Hwk8v {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__pic--Hwk8v.src-components-CjHeader-components-LoginUserRight-index__noAvatar--k7_Z_ {
  background: var(--color-primary-opacity1);
  font-size: 20px;
  font-weight: 500;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__pic--Hwk8v img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--header-avatar-arrow-color-1);
  transition: transform 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
  font-size: 12px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_ {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 262px auto;
  position: absolute;
  left: 40%;
  top: 30%;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Free--kLpkd {
  background-position: -6px -7px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Plus--XHYhp {
  background-position: -33px -7px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Prime--_URuI {
  background-position: -60px -7px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Advanced--xfzsu {
  background-position: -92px -7px;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB {
  height: 16px;
  width: 416px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
  display: none;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
  display: none;
  width: 416px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px;
  position: absolute;
  right: 0;
  top: calc(100% + 16px);
  z-index: 1000;
  cursor: default;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover {
  background-color: #f5f5f5;
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
  transform: translateY(-50%) rotate(180deg);
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
  color: var(--header-avatar-arrow-color-hover-1);
}
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB,
.src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
  display: block;
}
.src-components-CjHeader-components-LoginUserRight-index__mycjBtn--TrAQ3 {
  height: 40px;
  border-radius: 8px;
  margin: 0 10px;
  transition: background-color 0.3s;
  position: relative;
  display: flex;
  background-color: var(--color-primary-opacity1);
}
.src-components-CjHeader-components-LoginUserRight-index__mycjBtn--TrAQ3 a {
  padding: 0 16px;
  min-width: 100px;
  display: block;
  flex: 1;
  color: var(--color-primary);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-index__mycjBtn--TrAQ3:hover {
  background-color: #ffe4cc;
}
.src-components-CjHeader-components-LoginUserRight-index__mycjBtn--TrAQ3 .src-components-CjHeader-components-LoginUserRight-index__btnLottie--QHycS {
  position: absolute;
  width: 150px;
  height: 56px;
  left: 52%;
  top: 51%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.src-components-CjHeader-components-LoginUserRight-index__loginBtnNew--koDmZ {
  position: relative;
}
.src-components-CjHeader-components-LoginUserRight-index__loginBtnNew--koDmZ a {
  display: block;
  text-align: center;
  padding: 0 16px;
  min-width: 100px;
  position: relative;
  color: var(--color-font-4);
  font-size: 14px;
}
.src-components-CjHeader-components-LoginUserRight-index__loginBtnNew--koDmZ .src-components-CjHeader-components-LoginUserRight-index__btnLottie--QHycS {
  position: absolute;
  width: 150px;
  height: 56px;
  left: 52%;
  top: 51%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.vip .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__pic--Hwk8v.src-components-CjHeader-components-LoginUserRight-index__noAvatar--k7_Z_ {
  color: #DDA863;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
    transform: rotate(0deg);
  }
  .src-components-CjHeader-components-LoginUserRight-index__loginBtnNew--koDmZ a {
    min-width: 80px;
  }
  .src-components-CjHeader-components-LoginUserRight-index__questionWrap--LY2NO:hover .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: none;
  }
  .src-components-CjHeader-components-LoginUserRight-index__questionWrap--LY2NO .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    transform: translateX(165px);
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE {
    background-color: #f5f5f5 !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
    transform: translateY(-50%) rotate(180deg) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
    color: #333 !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB,
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: block !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg.src-components-CjHeader-components-LoginUserRight-index__active--kRLDE.src-components-CjHeader-components-LoginUserRight-index__hover--YvqfD .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: none !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover {
    background: none;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
    transform: translateY(-50%) rotate(0deg);
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re .mf-iconfont {
    color: #999;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__space--RkSyB,
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: none;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-LoginUserRight-index__commonBtn--paVta {
    display: none;
  }
  .src-components-CjHeader-components-LoginUserRight-index__loginBtnNew--koDmZ {
    display: none;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg {
    margin-left: 0;
    padding-left: 0;
    width: calc(40 / 16 * var(--root-fs) * 1px);
    margin-left: calc(4 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover {
    background: transparent;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg:hover .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: none !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__pic--Hwk8v {
    width: calc(28 / 16 * var(--root-fs) * 1px);
    height: calc(28 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_ {
    width: calc(24 / 16 * var(--root-fs) * 1px);
    height: calc(24 / 16 * var(--root-fs) * 1px);
    background-size: calc(262 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Free--kLpkd {
    background-position-x: calc(-6 / 16 * var(--root-fs) * 1px) !important;
    background-position-y: calc(-7 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Plus--XHYhp {
    background-position-x: calc(-33 / 16 * var(--root-fs) * 1px) !important;
    background-position-y: calc(-7 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Prime--_URuI {
    background-position-x: calc(-60 / 16 * var(--root-fs) * 1px) !important;
    background-position-y: calc(-7 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__member-level-tag--Z669_.src-components-CjHeader-components-LoginUserRight-index__Advanced--xfzsu {
    background-position-x: calc(-90 / 16 * var(--root-fs) * 1px) !important;
    background-position-y: calc(-7 / 16 * var(--root-fs) * 1px) !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__arrow--yL9re {
    display: none !important;
  }
  .src-components-CjHeader-components-LoginUserRight-index__avatar--Ap4tg .src-components-CjHeader-components-LoginUserRight-index__content--grEMr {
    display: none !important;
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__dialog--lScXY {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__dialog--lScXY::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__notification--ke73_ {
  position: fixed;
  right: 0;
  top: 130px;
  z-index: 100;
}
@media (max-width: 700px) {
  .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__notification--ke73_ {
    display: none;
  }
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__notification--ke73_ {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    right: auto;
  }
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  font-size: 26px;
  color: var(--color-primary);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__header--h8Imv {
  height: 50px;
  background: #F9F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333333;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__content--KwaAT {
  padding: 20px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 287px;
  box-sizing: content-box;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 12;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu > * {
  margin-left: 15px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu span {
  color: #999999;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__button--QQVxa {
  width: 70px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  font-size: 14px;
  color: #666666;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__button--QQVxa:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__closeButton--m1GfS {
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #E4E4E4;
  background: #F9F9F9;
  cursor: pointer;
  text-align: center;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__closeButton--m1GfS:hover {
  color: #333333;
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf {
  width: 480px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-start;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__noTaskFound--zWaxl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 267px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__noTaskFound--zWaxl img {
  width: 120px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__noTaskFound--zWaxl span {
  color: #999;
  font-size: 14px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__iconfont--FRAcZ {
  width: 40px;
  height: 40px;
  background: rgba(250, 100, 0, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__iconfont--FRAcZ i {
  font-size: 22px;
  color: var(--color-primary);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__iconfont--FRAcZ .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__wholesaleLogisticsEnquiryIcon--KB6MR {
  font-size: 20px;
  line-height: 20px;
  position: relative;
  top: 1px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__main--joOp5 {
  flex: 1;
  font-size: 14px;
  padding: 0 12px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__main--joOp5 span {
  display: block;
  color: #333333;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__main--joOp5 span[data-text]::after {
  content: attr(data-text);
  display: inline-block;
  height: 14px;
  padding: 0 4px;
  line-height: 14px;
  margin-left: 6px;
  background: var(--color-primary);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  transform: scale(0.9);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__main--joOp5 p {
  color: #999999;
  margin: 6px 0 0;
  line-height: 18px;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li a {
  width: 80px;
  height: 30px;
  background: var(--color-primary);
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li a:hover {
  background: var(--color-primary-hover);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .icon {
  color: #dda863;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__iconfont--FRAcZ {
  background: rgba(255, 229, 177, 0.3);
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__iconfont--FRAcZ i {
  color: #dda863;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li a {
  background: #F1D69E;
  color: #333333;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__upcomingList--iKpPf li a:hover {
  background: #D8C08D;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__modalMain--_8kXT.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__vip--CBkl8 .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__footerButton--ER6iu .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__button--QQVxa:hover {
  color: #D8C08D;
  border-color: #D8C08D;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__toast--RKWrO {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-Header-HeaderUserSupport-components-UpcomingModal-index__toast--RKWrO .src-components-Header-HeaderUserSupport-components-UpcomingModal-index__content--KwaAT {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 12px 25px;
  text-align: center;
}

.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 {
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn {
  display: flex;
  align-items: center;
  height: 20px;
  margin-bottom: 12px;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn .src-components-CjHeader-components-LoginUserRight-Question__tit--yjY8l {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-right: 8px;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn .src-components-CjHeader-components-LoginUserRight-Question__arrow--ZJoBi {
  font-size: 14px;
  color: #999;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn:hover .src-components-CjHeader-components-LoginUserRight-Question__tit--yjY8l,
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn:hover .src-components-CjHeader-components-LoginUserRight-Question__arrow--ZJoBi {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO {
  list-style: disc;
  padding-left: 15px;
  text-align: left;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
  transition: all 0.3s;
  color: #333;
  list-style: disc;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT a {
  transition: all 0.3s;
  color: #333;
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT:hover a {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__loadingBox--tfBFB {
  padding: 20px 0;
}
.src-components-CjHeader-components-LoginUserRight-Question__hr--XI8Y4 {
  width: 100%;
  height: 1px;
  background: #EEEEEE;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q {
  width: 125px;
  height: 53px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q span {
  margin-left: 8px;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q .src-components-CjHeader-components-LoginUserRight-Question__peddingNumTag--kvB1Y {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F24724;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 30px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q .src-components-CjHeader-components-LoginUserRight-Question__blockIcon--tbVvT {
  font-size: 24px;
}
.src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__line--YalAA {
  width: 1px;
  height: 32px;
  background-color: #eee;
}
.vip .src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn:hover .src-components-CjHeader-components-LoginUserRight-Question__tit--yjY8l,
.vip .src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__header--o_tHn:hover .src-components-CjHeader-components-LoginUserRight-Question__arrow--ZJoBi {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT:hover {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-Question__question--yR1j7 .src-components-CjHeader-components-LoginUserRight-Question__list--_szVO .src-components-CjHeader-components-LoginUserRight-Question__faq--ZAiqT:hover a {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-Question__footer--dI2xs .src-components-CjHeader-components-LoginUserRight-Question__blockClick--LTp7Q:hover {
  color: #DDA863;
}

.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__pic--BRzoo {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__pic--BRzoo.src-components-CjHeader-components-LoginUserRight-UserInfo__noAvatar--ojFJ3 {
  background: var(--color-primary-opacity1);
  font-size: 20px;
  font-weight: 500;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__pic--BRzoo img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB {
  margin-left: 10px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__name--s_q1Z {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 4px;
  line-height: 1;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__name--s_q1Z .src-components-CjHeader-components-LoginUserRight-UserInfo__level_show--knB5h {
  padding: 2px 8px;
  background: linear-gradient(90deg, #EAC29A 0%, #FEB565 100%);
  color: #fff;
  font-size: 12px;
  border-radius: 20px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__name--s_q1Z img.src-components-CjHeader-components-LoginUserRight-UserInfo__badge--JisUf {
  width: 53px;
  margin-right: 4px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__name--s_q1Z .mf-iconfont {
  font-size: 14px;
  margin-left: 2px;
  color: #999;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__name--s_q1Z:hover .mf-iconfont {
  color: #333;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__copyIcon--MCp34 {
  font-size: 12px;
  color: #999;
  margin: 0 4px;
  cursor: pointer;
  margin-right: 8px;
  transition: color 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__copyIcon--MCp34:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__num--NCov6 {
  color: #999;
  font-size: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__idLabel--sm5cz {
  width: 20px;
  height: 20px;
  background: #FFF4EB;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 12px;
  border-radius: 50%;
  margin-right: 4px;
  flex-shrink: 0;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__idLabel--sm5cz .src-components-CjHeader-components-LoginUserRight-UserInfo__title--By1xM {
  display: inline-block;
  transform: scale(0.8);
  margin-left: 1px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__idLabel--sm5cz .src-components-CjHeader-components-LoginUserRight-UserInfo__title--By1xM.src-components-CjHeader-components-LoginUserRight-UserInfo__id--bPn6n {
  transform: scale(0.7);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__idLine--I9EcD {
  height: 16px;
  display: inline-block;
  width: 1px;
  background-color: #ccc;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__companyName--3IA0C {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__companyNameLable--BeW34 {
  display: inline-block;
  /* 显示两行，省略号 */
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: #999;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 {
  margin-top: 16px;
  background: var(--color-profile-wallet-bg);
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV {
  width: 50%;
  padding: 20px;
  background-color: var(--color-profile-wallet-bg);
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs {
  color: var(--color-profile-wallet-font);
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs span {
  margin-right: 6px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs .mf-iconfont {
  font-size: 12px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__amount--JsvTg {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-primary);
  line-height: 18px;
  margin-top: 6px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__amount--JsvTg span {
  font-size: 12px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover {
  background-color: var(--color-profile-wallet-hover);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__line--sLFWH {
  width: 1px;
  height: 45px;
  background-color: #FEEAD9;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__wrapper--hJcv9 {
  margin-left: 20px;
  width: 112px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__wrapper--hJcv9:nth-of-type(1) {
  margin-left: 0;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__count--LaEA5 {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  text-align: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs {
  font-size: 12px;
  color: #999999;
  margin-top: 4px;
  text-align: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__count--LaEA5,
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs {
  color: var(--color-primary);
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz {
  width: 92px;
  height: 77px;
  background: #FAFAFA;
  border-radius: 2px;
  cursor: pointer;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.3s;
  margin-left: 20px;
  flex: 1;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz:nth-of-type(1) {
  margin-left: 0;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz .mf-iconfont {
  font-size: 18px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz span {
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  display: block;
  padding: 0 10px;
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  cursor: pointer;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN .src-components-CjHeader-components-LoginUserRight-UserInfo__left--jx9xn {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN .src-components-CjHeader-components-LoginUserRight-UserInfo__left--jx9xn .mf-iconfont {
  font-size: 20px;
  margin-right: 8px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN .src-components-CjHeader-components-LoginUserRight-UserInfo__left--jx9xn span {
  font-size: 14px;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN .src-components-CjHeader-components-LoginUserRight-UserInfo__arrow--teYoP {
  color: #999;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__left--jx9xn,
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__arrow--teYoP {
  transition: all 0.3s;
  color: var(--color-primary);
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__logout--Q48mP {
  border-radius: 4px;
  border: 1px solid #EEEEEE;
  width: 100%;
  margin-top: 16px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__logout--Q48mP:hover {
  border-color: #eee;
  background-color: #eee;
  color: #333;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__pic--BRzoo.src-components-CjHeader-components-LoginUserRight-UserInfo__noAvatar--ojFJ3 {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__copyIcon--MCp34:hover {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__header--AHOOj .src-components-CjHeader-components-LoginUserRight-UserInfo__user--K1_JB .src-components-CjHeader-components-LoginUserRight-UserInfo__level--RV55_ .src-components-CjHeader-components-LoginUserRight-UserInfo__idLabel--sm5cz {
  background-color: #F0D39B;
  color: #B08E5F;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV {
  background: rgba(241, 214, 158, 0.1);
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV .src-components-CjHeader-components-LoginUserRight-UserInfo__amount--JsvTg {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__wallet--COHE1 .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover {
  background: rgba(241, 214, 158, 0.2);
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__count--LaEA5,
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__sixGrid--b6KSq .src-components-CjHeader-components-LoginUserRight-UserInfo__card--rJeJV:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__tit--XGzQs {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__tridLinks--Nu7rz .src-components-CjHeader-components-LoginUserRight-UserInfo__linkCard--sORAz:hover {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__left--jx9xn,
.vip .src-components-CjHeader-components-LoginUserRight-UserInfo__userInfo--dSmnP .src-components-CjHeader-components-LoginUserRight-UserInfo__lookHistory--bdEAN:hover .src-components-CjHeader-components-LoginUserRight-UserInfo__arrow--teYoP {
  color: #DDA863;
}

@keyframes src-components-CjMsg-index__sk-bounce--gr_fr {
  0%,
  to {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
#msgBar {
  box-sizing: border-box;
  position: relative;
}
#msgBar #cjmsgTotalNum {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F24724;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 32px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
#msgBar #cjmsgTotalNum.numVipMore {
  width: 35px;
}
#msgBar .bounce-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#msgBar [class^="bounce-item"] {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  border-radius: 100%;
  background-color: var(--color-primary);
  animation: src-components-CjMsg-index__sk-bounce--gr_fr 2s infinite ease-in-out;
}
#msgBar .bounce-item2 {
  animation-delay: -1s;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh {
  position: absolute;
  z-index: 1003;
  opacity: 0;
  height: 0;
  transition: 0.5s;
  color: #333;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 {
  margin-top: 2px;
  width: 100%;
  height: calc(100% - 2px);
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF {
  display: flex;
  flex: none;
  border-bottom: 1px solid #e6e6e6;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt {
  font-size: 14px;
  flex: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  position: relative;
  font-family: PingFangSC-Medium, PingFang SC;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt:hover,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt.src-components-CjMsg-index__activeTab--XdNTm {
  color: var(--color-primary);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt:last-child:after {
  display: none;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt:after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #999;
  position: absolute;
  right: 0;
  top: 20px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt .src-components-CjMsg-index__msgNumber--qZyRU {
  display: inline-block;
  margin-left: 2px;
  padding: 0px 4px;
  text-align: center;
  font-size: 12px;
  max-width: 28px;
  height: 14px;
  min-width: 14px;
  line-height: 14px;
  border-radius: 7px;
  background: #F24724;
  color: #fff;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt .src-components-CjMsg-index__numberMore--f4Iip {
  width: 35px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL {
  flex: auto;
  overflow-y: auto;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv {
  padding: 10px;
  height: auto;
  font-size: 16px;
  line-height: 30px;
  padding: 0 20px 0 26px;
  cursor: pointer;
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv:hover {
  background: rgba(239, 239, 239, 0.7);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw {
  background-color: rgba(var(--color-primary), 0.2);
  border-bottom: 1px solid #fff;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC > .src-components-CjMsg-index__title--Uqs4U,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC > .src-components-CjMsg-index__detail--qCVie,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgRight--qBriV {
  color: var(--color-primary);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__msgChild--prn00 {
  border-bottom: none;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv:last-child .src-components-CjMsg-index__msgChild--prn00 {
  border-bottom: none;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__msgChild--prn00 {
  display: block;
  border-bottom: 1px dashed #e6e6e6;
  padding: 20px 0;
  text-align: left;
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__msgChild--prn00.src-components-CjMsg-index__msgElitChild--TMZQf .src-components-CjMsg-index__unreadIcon--sTwFE {
  position: absolute;
  width: 10px;
  height: 10px;
  left: -13px;
  top: 25px;
  display: block;
  border-radius: 50%;
  background: #F24724;
  border: 1px solid #fff;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__msgChild--prn00 .src-components-CjMsg-index__mesElitLeft--j2xIb {
  overflow: hidden;
  width: 100% !important;
  font-size: 14px;
  color: #333333;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: 550;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__msgChild--prn00 .src-components-CjMsg-index__mesElitRight--R63aV {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC {
  overflow: hidden;
  width: 100% !important;
  line-height: 16px;
  font-size: 14px;
  display: flex;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomLeft--gFyyU {
  width: 80px;
  height: 80px;
  border: 1px solid #f4f4f4;
  margin-right: 10px;
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomLeft--gFyyU .src-components-CjMsg-index__unreadIcon--sTwFE {
  position: absolute;
  width: 12px;
  height: 12px;
  right: -6px;
  top: -6px;
  display: block;
  border-radius: 50%;
  background: #F24724;
  border: 1px solid #fff;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomLeft--gFyyU > img {
  width: 100%;
  height: 100%;
  display: block;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomRight--nEwto {
  height: 80px;
  position: relative;
  width: 271px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomRight--nEwto .src-components-CjMsg-index__shoppingTitle--vyUEw {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomRight--nEwto .src-components-CjMsg-index__shoppingContent--I6o87 {
  font-size: 12px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__recommendation--s3aHC .src-components-CjMsg-index__recomRight--nEwto .src-components-CjMsg-index__shoppingTime--jygcQ {
  font-size: 12px;
  color: #999;
  line-height: 17px;
  border-top: 80px;
  position: absolute;
  bottom: 0;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT {
  display: flex;
  text-decoration: none;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC {
  width: calc(100% - 80px);
  flex: none;
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC .src-components-CjMsg-index__unreadIcon--sTwFE {
  position: absolute;
  width: 10px;
  height: 10px;
  left: -12px;
  top: 5px;
  display: block;
  border-radius: 50%;
  background: #F24724;
  border: 1px solid #fff;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC .src-components-CjMsg-index__title--Uqs4U {
  font-weight: 550;
  font-size: 14px;
  line-height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #333;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC .src-components-CjMsg-index__detail--qCVie {
  font-size: 12px;
  color: #333;
  line-height: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgRight--qBriV {
  width: 80px;
  text-align: right;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__mesElitLeft--j2xIb,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__mesElitRight--R63aV,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__shoppingTitle--vyUEw,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__shoppingContent--I6o87,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__title--Uqs4U,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__detail--qCVie,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__hasRead--mqSjJ .src-components-CjMsg-index__msgRight--qBriV {
  color: #999 !important;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv .src-components-CjMsg-index__isTopBage--ec4Av {
  position: absolute;
  border: 10px solid transparent;
  border-top-color: var(--color-primary);
  border-left-color: var(--color-primary);
  top: 0;
  left: 0;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV > img {
  width: 120px;
  height: 120px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__emptyText--zbb58 {
  color: #999999;
  font-size: 14px;
  padding: 0 30px;
  line-height: 20px;
  text-align: center;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu {
  color: var(--color-primary);
  cursor: pointer;
  text-decoration: underline;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu:hover {
  color: var(--color-primary-hover);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__updateCategoriesBox--mNLQX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__span--O1zdy {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws {
  margin-top: 12px;
  min-width: 134px;
  height: 24px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__isEmpty--HkCnV .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws:hover {
  background: var(--color-theme-1-opacity10);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #888;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__loading--QTrNG {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: none;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 61px;
  right: 0;
  bottom: 41px;
  background: #fff;
  overflow: hidden;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__loading--QTrNG.src-components-CjMsg-index__show--MmRiz {
  display: flex;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__loading--QTrNG .src-components-CjMsg-index__loadingIcon--gYjjm {
  width: 64px;
  height: 64px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN {
  height: 41px;
  border-top: 1px solid #e6e6e6;
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 28px 0 20px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd {
  width: 100%;
  height: 36px;
  padding-top: 14px;
  text-align: center;
  position: absolute;
  left: 0;
  top: -36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.96) 47.1%, #ffffff 100%);
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd span {
  font-size: 12px;
  color: #999999;
  font-weight: 400;
  line-height: 22px;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd .src-components-CjMsg-index__arrowIcon--to6cP {
  margin-left: 4px;
  font-size: 12px;
  color: #999999;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd:hover span,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd:hover .src-components-CjMsg-index__arrowIcon--to6cP {
  color: var(--color-primary);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgMarkRead--WJhed {
  color: #999999;
  cursor: pointer;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgMarkRead--WJhed:hover {
  color: var(--color-primary);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__canClick--mWf5q {
  color: #666;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgGotoAll--m5jqR {
  color: var(--color-primary);
  cursor: pointer;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgGotoAll--m5jqR:hover {
  color: var(--color-primary-hover);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__show--MmRiz {
  opacity: 1;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt:hover,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt.src-components-CjMsg-index__activeTab--XdNTm {
  color: #DDA863;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgTab--jUeMF .src-components-CjMsg-index__cjmsgChildtab--ZtfRt .src-components-CjMsg-index__msgNumber--qZyRU {
  background-color: #F24724;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL {
  position: relative;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw {
  background-color: rgba(221, 168, 99, 0.2);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC > .src-components-CjMsg-index__title--Uqs4U,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgLeft--c7phC > .src-components-CjMsg-index__detail--qCVie,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isFlex--dsYMT .src-components-CjMsg-index__msgRight--qBriV {
  color: #dda863;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__messageItem--ZEzTv.src-components-CjMsg-index__isTop--uDOFw .src-components-CjMsg-index__isTopBage--ec4Av {
  border-top-color: #dda863;
  border-left-color: #dda863;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu {
  cursor: pointer;
  color: var(--color-theme-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu:hover {
  color: var(--color-theme-1-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws {
  cursor: pointer;
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws:hover {
  background: var(--color-theme-1-1-vip);
  color: #333333;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu {
  color: var(--color-theme-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__emptyText--zbb58 .src-components-CjMsg-index__goNowBtn--z_Fsu:hover {
  color: var(--color-theme-1-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws {
  cursor: pointer;
  border-color: var(--color-theme-1-vip);
  color: var(--color-theme-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgInner--oC4N2 .src-components-CjMsg-index__cjmsgMsglist--GAwvL .src-components-CjMsg-index__updateCategoriesBox--mNLQX .src-components-CjMsg-index__followedCategoryBtn--Ap6ws:hover {
  background: var(--color-theme-1-vip-opacity10);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgMarkRead--WJhed:hover {
  color: #dda863;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgGotoAll--m5jqR {
  color: #dda863;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__cjmsgGotoAll--m5jqR:hover {
  color: #c69658;
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd:hover span,
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__cjmsgBottom--ABRMN .src-components-CjMsg-index__followCategory--CWVvd:hover .src-components-CjMsg-index__arrowIcon--to6cP {
  color: var(--color-theme-1-vip);
}
#msgBar .msgContainer .src-components-CjMsg-index__cjmsgContainer--n4Olh.src-components-CjMsg-index__isVip--wiEmJ .src-components-CjMsg-index__loading--QTrNG [class^="bounce-item"] {
  background-color: #dda863;
}

.src-components-SetSubscriptionCategories-index__modal--OIkP0 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq {
  width: 1108px;
  height: 600px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__header--OfnCx {
  position: relative;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background: #f9f9f9;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__header--OfnCx .src-components-SetSubscriptionCategories-index__title--TAMOF {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__header--OfnCx .src-components-SetSubscriptionCategories-index__closeBtn--gshzA {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  cursor: pointer;
  color: #666666;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__header--OfnCx .src-components-SetSubscriptionCategories-index__closeBtn--gshzA:hover {
  color: #333333;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__loading--nDg2N {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #999;
  font-size: 14px;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__noData--P_nGI {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #999;
  font-size: 14px;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__question--GFAMv {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eeeeee;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding-top: 24px;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #fafafa;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj .src-components-SetSubscriptionCategories-index__checkIcon--i8zo0 {
  font-size: 16px;
  color: #999999;
  margin-right: 12px;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj .src-components-SetSubscriptionCategories-index__checkIcon--i8zo0:hover {
  color: var(--color-primary);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj .src-components-SetSubscriptionCategories-index__categoryName--jGEJq {
  font-size: 16px;
  color: #333333;
  line-height: 28px;
  transition: color 0.3s;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj:hover {
  background-color: var(--color-theme-1-opacity10);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r {
  background-color: var(--color-theme-1-opacity10);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r .src-components-SetSubscriptionCategories-index__checkIcon--i8zo0,
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r .src-components-SetSubscriptionCategories-index__categoryName--jGEJq {
  color: var(--color-primary);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__footer--Gg3NI {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__footer--Gg3NI .src-components-SetSubscriptionCategories-index__confirmBtn--kT65K {
  min-width: 80px;
  height: 30px;
  background-color: var(--color-theme-1);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0 .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__footer--Gg3NI .src-components-SetSubscriptionCategories-index__confirmBtn--kT65K:hover {
  background-color: var(--color-theme-1-1);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj .src-components-SetSubscriptionCategories-index__checkIcon--i8zo0:hover {
  color: var(--color-theme-1-vip);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj:hover {
  background-color: var(--color-theme-1-vip-opacity10);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r {
  background-color: var(--color-theme-1-vip-opacity10);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r .src-components-SetSubscriptionCategories-index__checkIcon--i8zo0,
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__content--AUHAD .src-components-SetSubscriptionCategories-index__categoryList--LP4VA .src-components-SetSubscriptionCategories-index__categoryItem--lC1Yj.src-components-SetSubscriptionCategories-index__selected--FxO5r .src-components-SetSubscriptionCategories-index__categoryName--jGEJq {
  color: var(--color-theme-1-vip);
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__footer--Gg3NI .src-components-SetSubscriptionCategories-index__confirmBtn--kT65K {
  background-color: var(--color-theme-2-vip);
  color: #333333;
}
.src-components-SetSubscriptionCategories-index__modal--OIkP0.src-components-SetSubscriptionCategories-index__isVip--zS_rd .src-components-SetSubscriptionCategories-index__box--wrvIq .src-components-SetSubscriptionCategories-index__footer--Gg3NI .src-components-SetSubscriptionCategories-index__confirmBtn--kT65K:hover {
  background-color: var(--color-theme-2-1-vip);
}

.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu {
  background: #fff;
  border-radius: 4px;
  height: 80%;
  width: 1200px;
  display: flex;
  flex-direction: column;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__header--tXu6s {
  height: 48px;
  background: #F9F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__header--tXu6s .src-components-Header-HeaderUserSupport-components-UserAgressment-index__headerTitle--HAWnp {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__header--tXu6s .src-components-Header-HeaderUserSupport-components-UserAgressment-index__closeBox--gsBaY {
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__header--tXu6s .src-components-Header-HeaderUserSupport-components-UserAgressment-index__closeBox--gsBaY:hover .src-components-Header-HeaderUserSupport-components-UserAgressment-index__closeIcon--fkUff {
  color: #333;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__header--tXu6s .src-components-Header-HeaderUserSupport-components-UserAgressment-index__closeBox--gsBaY .src-components-Header-HeaderUserSupport-components-UserAgressment-index__closeIcon--fkUff {
  color: #666;
  font-size: 14px;
  line-height: 14px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d {
  flex: 1;
  overflow-y: auto;
  padding: 0 60px;
  font-size: 16px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__title--JIHDh {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 40px;
  color: #333333;
  text-align: center;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa {
  padding-top: 16px;
  padding-bottom: 40px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm {
  cursor: default;
  border-bottom: 1px solid #e4e4e4;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemTitle--k_DQe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 24px;
  color: #333333;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemTitle--k_DQe .src-components-Header-HeaderUserSupport-components-UserAgressment-index__titleIcon--d3jSJ {
  font-size: 13px;
  line-height: 13px;
  color: #999;
  transition: transform 0.2s linear 0s;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemTitle--k_DQe .src-components-Header-HeaderUserSupport-components-UserAgressment-index__titleIcon--d3jSJ.src-components-Header-HeaderUserSupport-components-UserAgressment-index__active--wLgZ_ {
  transform: rotate(-180deg);
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm:first-child {
  border-top: 1px solid #e4e4e4;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemContent--JarS2 {
  height: 0;
  opacity: 0;
  transition: height 0.5s, opacity 0.5s;
  overflow: hidden;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemContent--JarS2.src-components-Header-HeaderUserSupport-components-UserAgressment-index__active--wLgZ_ {
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  padding-bottom: 16px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemContent--JarS2 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemContentItem--e323s:first-child {
  margin-top: 0;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__littleList--BAIho {
  padding-left: 20px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d p {
  margin: 0;
  line-height: 24px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .mobile-normal-desc {
  text-align: center !important;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .mobile-normal-desc:nth-child(2) {
  margin-bottom: 32px;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .normal-desc {
  margin-top: 16px;
  color: #666;
  word-break: break-word;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .emphasis-desc {
  color: #333;
  font-weight: 600;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .useragreement-link {
  color: var(--color-theme-1);
  cursor: pointer;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .useragreement-link:hover {
  text-decoration: underline;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA {
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footerBtn--Xn924 {
  min-width: 80px;
  height: 32px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 20px;
  color: #fff;
  background: var(--color-primary);
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footerBtn--Xn924:hover {
  background: var(--color-primary-hover);
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footerBtn--Xn924.src-components-Header-HeaderUserSupport-components-UserAgressment-index__disabled--Wn1j6 {
  opacity: 0.5;
  cursor: not-allowed;
}
.src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footerBtn--Xn924.src-components-Header-HeaderUserSupport-components-UserAgressment-index__disabled--Wn1j6:hover {
  background: var(--color-primary);
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu {
    width: 700px;
    height: 70%;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d {
    font-size: 13px;
    padding: 0 40px;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__title--JIHDh {
    font-size: 24px;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemTitle--k_DQe {
    font-size: 13px;
  }
}
@media (max-width: 700px) {
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu {
    width: calc(100% - 48px);
    height: 70%;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d {
    font-size: 13px;
    padding: 0 16px;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__title--JIHDh {
    font-size: 24px;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__content--vLL6d .src-components-Header-HeaderUserSupport-components-UserAgressment-index__list--rQFEa .src-components-Header-HeaderUserSupport-components-UserAgressment-index__listItem--ureMm .src-components-Header-HeaderUserSupport-components-UserAgressment-index__itemTitle--k_DQe {
    font-size: 13px;
  }
  .src-components-Header-HeaderUserSupport-components-UserAgressment-index__userAgressment--hu9b4 .src-components-Header-HeaderUserSupport-components-UserAgressment-index__container--qP7Fu .src-components-Header-HeaderUserSupport-components-UserAgressment-index__footer--OA5iA {
    height: 56px;
  }
}

.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK {
  margin-left: 10px;
  display: flex;
  align-items: center;
  height: 40px;
  overflow: hidden;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__icon--XqRC4 {
  color: var(--color-primary);
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 {
  margin: 0 0 0 10px;
  height: 40px;
  overflow: hidden;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  font-size: 14px;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK .src-components-CjHeader-components-HeadNotice-index__title--osoyS {
  display: inline-block;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-primary);
  height: 100%;
  line-height: 40px;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK .src-components-CjHeader-components-HeadNotice-index__noticeCloseIcon--RFgjJ {
  color: rgba(0, 0, 0, 0.45);
  margin-left: 8px;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK .src-components-CjHeader-components-HeadNotice-index__noticeCloseIcon--RFgjJ:hover {
  color: rgba(0, 0, 0, 0.75);
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK.src-components-CjHeader-components-HeadNotice-index__textLink--DRKrc {
  cursor: pointer;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK.src-components-CjHeader-components-HeadNotice-index__textLink--DRKrc:hover .src-components-CjHeader-components-HeadNotice-index__title--osoyS {
  text-decoration: underline;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK.src-components-CjHeader-components-HeadNotice-index__moreNotice--ZKDyP {
  background: #FEFCEB;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.03);
  border-radius: 2px;
  padding: 0 16px;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK.src-components-CjHeader-components-HeadNotice-index__qsNotice--no88K .src-components-CjHeader-components-HeadNotice-index__icon--XqRC4 {
  color: #fff;
}
.src-components-CjHeader-components-HeadNotice-index__notice--YHqYK.src-components-CjHeader-components-HeadNotice-index__qsNotice--no88K .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK .src-components-CjHeader-components-HeadNotice-index__title--osoyS {
  color: #fff;
}
.vip .src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__icon--XqRC4 {
  color: #DDA863;
}
.vip .src-components-CjHeader-components-HeadNotice-index__notice--YHqYK .src-components-CjHeader-components-HeadNotice-index__text--CfOn5 .src-components-CjHeader-components-HeadNotice-index__textItem--xxvbK .src-components-CjHeader-components-HeadNotice-index__title--osoyS {
  color: #DDA863;
}

.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ {
  background-color: #41424C;
  width: 100%;
  height: 70px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__box--SEBz0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  height: 100%;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__left--YyQqi,
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__right--gmwYD {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__logo--qr8hn {
  width: 153px;
  margin-right: 24px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__logo--qr8hn img {
  width: 100%;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB {
  width: 469px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 2px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB input {
  border: 0;
  outline: none;
  font-size: 12px;
  flex: 1;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB input::-moz-placeholder {
  color: #999999;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB input::placeholder {
  color: #999999;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__searchBtn--orJod {
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 36px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__searchBtn--orJod .mf-iconfont {
  font-size: 20px;
  color: #fff;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__searchBtn--orJod:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 .src-components-CjHeader-components-QSSearchBar-index__btn--QPfsi {
  padding: 0 12px;
  height: 36px;
  width: auto;
  transition: all 0.3s;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 .src-components-CjHeader-components-QSSearchBar-index__btn--QPfsi.src-components-CjHeader-components-QSSearchBar-index__primary--W_d2G {
  background-color: var(--color-primary);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 .src-components-CjHeader-components-QSSearchBar-index__btn--QPfsi.src-components-CjHeader-components-QSSearchBar-index__primary--W_d2G:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 .src-components-CjHeader-components-QSSearchBar-index__btn--QPfsi.src-components-CjHeader-components-QSSearchBar-index__secondary--TSYTR {
  background-color: var(--color-secondary);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__searchInput--F3RNB .src-components-CjHeader-components-QSSearchBar-index__hasCurrentSearch--Gyyf4 .src-components-CjHeader-components-QSSearchBar-index__btn--QPfsi.src-components-CjHeader-components-QSSearchBar-index__secondary--TSYTR:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ {
  width: 40px;
  height: 40px;
  transition: background-color 0.3s;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 15px;
  position: relative;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ .src-components-CjHeader-components-QSSearchBar-index__iconBoxFirstIcon--ctutp {
  font-size: 24px;
  color: #fff;
  transition: color 0.3;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ .src-components-CjHeader-components-QSSearchBar-index__tag--MYV0D {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F55F4E;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 19px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ .src-components-CjHeader-components-QSSearchBar-index__space--nb1Km {
  position: absolute;
  width: 375px;
  top: 100%;
  right: 0;
  height: 8px;
  display: none;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ .src-components-CjHeader-components-QSSearchBar-index__content--sRU6l {
  display: none;
  width: 375px;
  background-color: #fff;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ:hover {
  background-color: #424C56;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ:hover .src-components-CjHeader-components-QSSearchBar-index__space--nb1Km,
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ:hover .src-components-CjHeader-components-QSSearchBar-index__content--sRU6l {
  display: block;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__iconBox--LizsZ:hover .src-components-CjHeader-components-QSSearchBar-index__iconBoxFirstIcon--ctutp {
  color: var(--color-primary);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ #msgBar #cjmsgTotalNum {
  left: calc(100% - 18px);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 15px;
  position: relative;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36.src-components-CjHeader-components-QSSearchBar-index__noAvatar--zFKDq {
  background-color: var(--color-primary-opacity1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36.src-components-CjHeader-components-QSSearchBar-index__noAvatar--zFKDq .src-components-CjHeader-components-QSSearchBar-index__noAvatarText--igHoq {
  color: var(--color-primary);
  line-height: 1;
  font-size: 18px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__space--nb1Km {
  position: absolute;
  width: 252px;
  top: 100%;
  right: 0;
  height: 8px;
  display: none;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H {
  display: none;
  width: 252px;
  background-color: #fff;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT {
  padding: 11px 18px;
  background: #FBFBFB;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___avatar--P_Tsb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 18px;
  position: relative;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___avatar--P_Tsb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___avatar--P_Tsb::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___avatar--P_Tsb.src-components-CjHeader-components-QSSearchBar-index___noAvatar--KUIWk {
  background-color: var(--color-primary-opacity1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___avatar--P_Tsb.src-components-CjHeader-components-QSSearchBar-index___noAvatar--KUIWk .src-components-CjHeader-components-QSSearchBar-index___noAvatarText--cE6Rk {
  color: var(--color-primary);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__header--oZXLT .src-components-CjHeader-components-QSSearchBar-index___name--PrwCG {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__profileLi--PRwb_ {
  width: 100%;
  height: 40px;
  color: #333;
  padding-left: 20px;
  line-height: 40px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__profileLi--PRwb_ span {
  font-size: 14px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__profileLi--PRwb_:hover {
  background-color: #f4f4f4;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__footer--lqwCQ {
  margin: 0 20px;
  border-top: 1px solid #EEEEEE;
  height: 52px;
  line-height: 52px;
  color: #666;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__footer--lqwCQ:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__footer--lqwCQ.src-components-CjHeader-components-QSSearchBar-index__logout--Hlnb0 {
  color: #999;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36 .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H .src-components-CjHeader-components-QSSearchBar-index__footer--lqwCQ.src-components-CjHeader-components-QSSearchBar-index__logout--Hlnb0:hover {
  color: #F55F4E;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36:hover .src-components-CjHeader-components-QSSearchBar-index__space--nb1Km,
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__avatar--DHM36:hover .src-components-CjHeader-components-QSSearchBar-index__profileUl--U3i1H {
  display: block;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU .src-components-CjHeader-components-QSSearchBar-index__logBtn--S4mea {
  min-width: 88px;
  padding: 0 12px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, color 0.3s;
  margin-left: 15px;
  border-radius: 20px;
  cursor: pointer;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU .src-components-CjHeader-components-QSSearchBar-index__logBtn--S4mea.src-components-CjHeader-components-QSSearchBar-index__login--UkMqL {
  background-color: var(--color-primary-opacity1);
  color: var(--color-primary);
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU .src-components-CjHeader-components-QSSearchBar-index__logBtn--S4mea.src-components-CjHeader-components-QSSearchBar-index__login--UkMqL:hover {
  background-color: var(--color-primary-hover);
  color: #fff;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU .src-components-CjHeader-components-QSSearchBar-index__logBtn--S4mea.src-components-CjHeader-components-QSSearchBar-index__register--ioRy0 {
  background-color: var(--color-primary);
  color: #fff;
  margin-left: 8px;
}
.src-components-CjHeader-components-QSSearchBar-index__qsSearchBar--HMYIZ .src-components-CjHeader-components-QSSearchBar-index__loginAndLogoutBtns--SVGAU .src-components-CjHeader-components-QSSearchBar-index__logBtn--S4mea.src-components-CjHeader-components-QSSearchBar-index__register--ioRy0:hover {
  background-color: var(--color-primary-hover);
}

.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 {
  height: 40px;
  width: 52px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  position: relative;
  transition: all 0.3s;
  background: var(--color-primary-opacity1);
  border-radius: 8px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoreBtn--Qmewz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 40px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoreBtn--Qmewz .src-components-CjHeader-components-MiniCategories-index__categoriesBtn--GcO1M {
  transform: scale(0.8);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  color: var(--color-primary);
  font-size: 24px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoreBtn--Qmewz .src-components-CjHeader-components-MiniCategories-index__cateArrow--LNKp4 {
  color: var(--color-primary);
  position: absolute;
  font-size: 12px;
  top: 39%;
  right: 6px;
  transform: translateY(-50%) scale(0.8);
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoreBtn--Qmewz:hover .src-components-CjHeader-components-MiniCategories-index__cateArrow--LNKp4 {
  transform: translateY(-50%) rotate(180deg) scale(0.8);
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__space--sX2tZ {
  height: 16px;
  width: 240px;
  position: absolute;
  top: 100%;
  left: 0;
  background: transparent;
  display: none;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 {
  position: absolute;
  z-index: 9;
  top: calc(100% + 16px);
  left: 0;
  display: none;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  padding: 15px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 {
  width: 290px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 0 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 .src-components-CjHeader-components-MiniCategories-index__firstCategoryInfo--Cc7A9 {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 a {
  color: #666;
  font-size: 14px;
  transition: all 0.3s;
  margin-left: 9px;
  line-height: 18px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 .mf-iconfont {
  color: #ccc;
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 img {
  flex-shrink: 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9 .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  width: 36px;
  height: 36px;
  background-size: 387px auto;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  border-radius: 50%;
  flex-shrink: 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9:hover a,
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9.src-components-CjHeader-components-MiniCategories-index__active--cmgZZ a {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9:hover .mf-iconfont,
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .src-components-CjHeader-components-MiniCategories-index__firstCategoryItem--gy5m9.src-components-CjHeader-components-MiniCategories-index__active--cmgZZ .mf-iconfont {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .ComputerOffice .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: 0 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .BagsShoes .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -48px 0px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .JewelryWatches .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -96px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .HealthBeautyHair .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -144px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .WomensClothing .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -192px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .SportsOutdoors .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -240px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .HomeGardenFurniture .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -288px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .HomeImprovement .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: 0 -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .AutomobilesMotorcycles .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -48px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .ToysKidsBabies .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -96px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .MensClothing .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -144px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .ConsumerElectronics .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -192px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .PhonesAccessories .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -240px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__firstCategoryList--J5LkT .PetSupplies .src-components-CjHeader-components-MiniCategories-index__categoriesImg--OTlan {
  background-position: -288px -48px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi {
  width: 909px;
  position: absolute;
  left: 290px;
  top: 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondContainer--Y6r8e {
  width: 100%;
  min-height: 590px;
  max-height: calc(100vh - 76px);
  overflow-y: auto;
  background: #fff;
  z-index: 9;
  padding: 11px 0 11px 20px;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 1px rgba(213, 212, 212, 0.48);
  border-radius: 8px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__allowScroll--yrcv9 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__allowScroll--yrcv9 .mf-iconfont {
  font-size: 12px;
  color: var(--color-primary);
  animation: src-components-CjHeader-components-MiniCategories-index__up_to_down--dvKEY 1s infinite;
}
@keyframes src-components-CjHeader-components-MiniCategories-index__up_to_down--dvKEY {
  0% {
    transform: translate3d(0, -10%, 0);
  }
  50% {
    transform: translate3d(0, 10%, 0);
  }
  100% {
    transform: translate3d(0, -10%, 0);
  }
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ {
  display: flex;
  flex-wrap: wrap;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCateUl--LxS9D {
  width: 33.33%;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D {
  width: 100%;
  padding: 11px 40px 0 0;
  box-sizing: border-box;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D:nth-of-type(1) {
  padding-top: 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D .src-components-CjHeader-components-MiniCategories-index__secondCategoryTitle--kue_e {
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D .src-components-CjHeader-components-MiniCategories-index__secondCategoryTitle--kue_e a {
  color: #333;
  font-size: 16px;
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D .src-components-CjHeader-components-MiniCategories-index__secondCategoryTitle--kue_e:hover a {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D ul > li {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding: 5px 0;
  cursor: pointer;
  line-height: 1;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D ul > li a {
  color: #666;
  transition: all 0.3s;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5 .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 .src-components-CjHeader-components-MiniCategories-index__secondCategoryList--f08qi .src-components-CjHeader-components-MiniCategories-index__secondCategoryContent--gzER_ .src-components-CjHeader-components-MiniCategories-index__secondCategoryItem--HnV6D ul > li:hover a {
  color: var(--color-primary);
  text-decoration: underline;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5:hover .src-components-CjHeader-components-MiniCategories-index__space--sX2tZ {
  display: block;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5:hover .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 {
  display: block;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5.src-components-CjHeader-components-MiniCategories-index__noMenu--R69mT .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 {
  left: -216px !important;
}
.src-components-CjHeader-components-MiniCategories-index__categoriesBox--M1tR5.src-components-CjHeader-components-MiniCategories-index__noMenu--R69mT.src-components-CjHeader-components-MiniCategories-index__isQs--P_lDB .src-components-CjHeader-components-MiniCategories-index__categoryContent--GaMz1 {
  left: -223px !important;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  padding-left: calc(0 / 16 * var(--root-fs) * 1px);
  padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  padding-top: calc(8 / 16 * var(--root-fs) * 1px);
  padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi {
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__closeIcon--QqgQl {
  width: calc(32 / 16 * var(--root-fs) * 1px);
  height: calc(32 / 16 * var(--root-fs) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__closeIcon--QqgQl .mf-iconfont {
  font-size: calc(12 / 16 * var(--root-fs) * 1px);
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__downloadAppIcon--XvGOP {
  height: calc(40 / 16 * var(--root-fs) * 1px);
  width: calc(40 / 16 * var(--root-fs) * 1px);
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__downloadAppIcon--XvGOP img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__downloadAppTitle--erJyB {
  font-size: calc(16 / 16 * var(--root-fs) * 1px);
  line-height: calc(20 / 16 * var(--root-fs) * 1px);
  padding-left: calc(8 / 16 * var(--root-fs) * 1px);
  padding-right: calc(8 / 16 * var(--root-fs) * 1px);
  color: #333;
  text-align: left;
  flex: 1;
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppOpenBtn--NMZke {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  background: #ff7700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: calc(4 / 16 * var(--root-fs) * 1px);
  padding-bottom: calc(4 / 16 * var(--root-fs) * 1px);
  padding-left: calc(12 / 16 * var(--root-fs) * 1px);
  padding-right: calc(12 / 16 * var(--root-fs) * 1px);
  min-width: calc(68 / 16 * var(--root-fs) * 1px);
  min-height: calc(32 / 16 * var(--root-fs) * 1px);
  border-radius: calc(30 / 16 * var(--root-fs) * 1px);
}
.src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppOpenBtn--NMZke span {
  color: #fff;
  font-size: calc(14 / 16 * var(--root-fs) * 1px);
  font-weight: 400;
  text-align: center;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH {
    display: none;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH {
    display: flex;
  }
}
@media (max-width: 700px) and (prefers-color-scheme: dark) {
  .src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH {
    background-color: #212121;
  }
  .src-components-CjHeader-components-DownloadApp-index__downloadApp--ca5JH .src-components-CjHeader-components-DownloadApp-index__downloadAppContent--BJPLi .src-components-CjHeader-components-DownloadApp-index__downloadAppTitle--erJyB {
    color: #fff;
  }
}

.src-components-CjHeader-components-CameraUpload-index__camera--dnTHI {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: relative;
}
.src-components-CjHeader-components-CameraUpload-index__camera--dnTHI.src-components-CjHeader-components-CameraUpload-index__disabled--y_b0H div.src-components-CjHeader-components-CameraUpload-index__iconCamera--LVdhW {
  cursor: not-allowed;
}
.src-components-CjHeader-components-CameraUpload-index__camera--dnTHI div.src-components-CjHeader-components-CameraUpload-index__iconCamera--LVdhW {
  display: block;
  cursor: pointer;
  color: #999;
}
.src-components-CjHeader-components-CameraUpload-index__camera--dnTHI:hover div.src-components-CjHeader-components-CameraUpload-index__iconCamera--LVdhW {
  color: var(--color-primary);
  transition: all 0.3s;
}

.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc {
  width: auto!important;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mSearch--hPhcL,
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mBack--VlByR {
  display: none;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mSearchInput--rOMhb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopLogo--P64_L {
  height: 40px;
  font-size: 36px;
  font-weight: 600;
  font-family: CormorantGaramond;
  color: #333;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopLogo--P64_L img {
  width: 40px;
  height: 40px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL {
  margin-left: 0.15rem;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNavLi--KQYgc {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  margin-left: 32px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNavLi--KQYgc:nth-of-type(1) {
  margin-left: 0;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNavLi--KQYgc a {
  color: #333;
  font-size: 15px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNavLi--KQYgc a:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNav--VQWWL .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopNavLi--KQYgc.src-components-CjHeader-components-SupplierSearchBar-index__active--qt9jm a {
  color: var(--color-primary);
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopInput--ogdPL {
  width: 550px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 20px;
  margin-right: 32px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopInput--ogdPL input {
  margin: 10px 16px;
  outline: none;
  border: none;
  flex: 1;
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  background-color: transparent;
}
.src-components-CjHeader-components-SupplierSearchBar-index__supplierShopInput--ogdPL .src-components-CjHeader-components-SupplierSearchBar-index__searchIcon--ilz9Q {
  color: #333;
  font-size: 20px;
  margin-right: 16px;
  cursor: pointer;
}
.src-components-CjHeader-components-SupplierSearchBar-index__autoMode--oY9Gd .src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA {
  width: 100%;
  padding: 0 10px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA {
  width: 1200px;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA .src-components-CjHeader-components-SupplierSearchBar-index__left--FSBy4,
.src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA .src-components-CjHeader-components-SupplierSearchBar-index__right--nCkXr {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA .src-components-CjHeader-components-SupplierSearchBar-index__right--nCkXr > :first-child {
  margin-left: 23px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__box--Y5ZUA .src-components-CjHeader-components-SupplierSearchBar-index__left--FSBy4 {
  height: 100%;
  width: 764px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__registerBtn--FJ3Ra {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__registerBtn--FJ3Ra a {
  color: #333;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__registerBtn--FJ3Ra a:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__loginBtn--d7r1Z {
  margin-left: 18px;
  min-width: 108px;
  height: 40px;
  color: #fff;
  background-color: var(--color-primary);
  border-radius: 25px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.3s;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__loginBtn--d7r1Z a {
  color: #fff;
}
.src-components-CjHeader-components-SupplierSearchBar-index__notSafeLoginBox--Kx8sA .src-components-CjHeader-components-SupplierSearchBar-index__loginBtn--d7r1Z:hover {
  background-color: var(--color-primary-hover);
}
/* 当屏幕宽度小于768px时应用以下样式 */
@media screen and (max-width: 767px) {
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc {
    width: 100vw !important;
    overflow: hidden;
    padding: 0 12px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopLogo--P64_L {
    height: 34px;
    font-size: 28px;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopLogo--P64_L img {
    width: 34px;
    height: 34px;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__left--FSBy4 {
    width: auto !important;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__right--nCkXr {
    display: none !important;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mSearch--hPhcL,
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mBack--VlByR {
    display: block;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopInput--ogdPL {
    margin-right: 0;
    flex: 1;
  }
  .src-components-CjHeader-components-SupplierSearchBar-index__supplierShopBox--Qeimc .src-components-CjHeader-components-SupplierSearchBar-index__mSearchInput--rOMhb {
    display: flex;
  }
}

.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m {
  width: 69px;
  height: 40px;
  position: relative;
  margin-left: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 8px;
  transition: all 0.3s;
  border-radius: 8px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__pic--iDAoF {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__pic--iDAoF.src-components-CjHeader-components-LoginUserRight-Avatar__noAvatar--_HZZR {
  background: var(--color-primary-opacity1);
  font-size: 20px;
  font-weight: 500;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__pic--iDAoF img {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__arrow--AnT5D {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  transition: all 0.3s;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__arrow--AnT5D .mf-iconfont {
  font-size: 12px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__member-level-tag--y2JZ1 {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 262px auto;
  position: absolute;
  left: 40%;
  top: 30%;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__member-level-tag--y2JZ1.src-components-CjHeader-components-LoginUserRight-Avatar__Free--wg0J_ {
  background-position: -6px -7px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__member-level-tag--y2JZ1.src-components-CjHeader-components-LoginUserRight-Avatar__Plus--BXwPf {
  background-position: -33px -7px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__member-level-tag--y2JZ1.src-components-CjHeader-components-LoginUserRight-Avatar__Prime--Gcf_4 {
  background-position: -60px -7px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__member-level-tag--y2JZ1.src-components-CjHeader-components-LoginUserRight-Avatar__Advanced--fuLHL {
  background-position: -92px -7px;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__space--_BswC {
  height: 16px;
  width: 416px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
  display: none;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__content--a3ycs {
  display: none;
  width: 416px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px;
  position: absolute;
  right: 0;
  top: calc(100% + 16px);
  z-index: 1000;
  cursor: default;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m:hover {
  background-color: #f5f5f5;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m:hover .src-components-CjHeader-components-LoginUserRight-Avatar__arrow--AnT5D {
  transform: translateY(-50%) rotate(180deg);
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m:hover .src-components-CjHeader-components-LoginUserRight-Avatar__arrow--AnT5D .mf-iconfont {
  color: #333;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m:hover .src-components-CjHeader-components-LoginUserRight-Avatar__space--_BswC,
.src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m:hover .src-components-CjHeader-components-LoginUserRight-Avatar__content--a3ycs {
  display: block;
}
.src-components-CjHeader-components-LoginUserRight-Avatar__isFlowVersionPage--u9bxC .src-components-CjHeader-components-LoginUserRight-Avatar__arrow--AnT5D {
  color: #fff;
}
.vip .src-components-CjHeader-components-LoginUserRight-Avatar__avatar--evv_m .src-components-CjHeader-components-LoginUserRight-Avatar__pic--iDAoF.src-components-CjHeader-components-LoginUserRight-Avatar__noAvatar--_HZZR {
  color: #DDA863;
}

.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 15px;
  position: relative;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__noAvatar--pf2kL {
  background-color: var(--color-primary-opacity1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__noAvatar--pf2kL .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__noAvatarText--JkEaB {
  color: var(--color-primary);
  line-height: 1;
  font-size: 18px;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__space--hKJHG {
  position: absolute;
  width: 252px;
  top: 100%;
  right: 0;
  height: 16px;
  display: none;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio {
  display: none;
  width: 252px;
  background-color: #fff;
  position: absolute;
  padding-top: 6px;
  top: calc(100% + 16px);
  right: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileLi--ImiVv {
  width: 100%;
  height: 40px;
  color: #333;
  padding-left: 20px;
  line-height: 40px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileLi--ImiVv span {
  font-size: 14px;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileLi--ImiVv:hover {
  background-color: #f4f4f4;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__footer--SUnUf {
  margin: 0 20px;
  border-top: 1px solid #EEEEEE;
  height: 52px;
  line-height: 52px;
  color: #666;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__footer--SUnUf:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__footer--SUnUf.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__logout--Ef3V_ {
  color: #999;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__footer--SUnUf.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__logout--Ef3V_:hover {
  color: #F55F4E;
}
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS:hover .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__space--hKJHG,
.src-components-CjHeader-components-SupplierSearchBar-QsAvatar__avatar--K6lBS:hover .src-components-CjHeader-components-SupplierSearchBar-QsAvatar__profileUl--w4eio {
  display: block;
}

.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU {
  width: 100%;
  width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU .src-components-CjHeader-mabang-nav__right--Tfe0C {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU .src-components-CjHeader-mabang-nav__goDistributionHelp--uZjid {
  margin-left: 24px;
}
.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU .src-components-CjHeader-mabang-nav__goDistributionHelp--uZjid a {
  color: var(--color-primary);
}
.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU .src-components-CjHeader-mabang-nav__goDistributionHelp--uZjid a span {
  text-decoration: underline;
}
.src-components-CjHeader-mabang-nav__mabangNav--Y5xzU .src-components-CjHeader-mabang-nav__goDistributionHelp--uZjid a .mf-iconfont {
  font-size: 14px;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 {
  transition: all 0.3s ease-in-out;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7.src-components-CjHeader-components-MenuDrawer-index__fade-left-out--DWvCx {
  transform: translateX(-100%) !important;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7.src-components-CjHeader-components-MenuDrawer-index__fade-right-out--OsIMF {
  transform: translateX(100%) !important;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7.src-components-CjHeader-components-MenuDrawer-index__fade-top-out--g5aIh {
  transform: translateY(-100%) !important;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7.src-components-CjHeader-components-MenuDrawer-index__fade-bottom-out--IqaG1 {
  transform: translateY(100%) !important;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 100;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #F9F9F9;
  position: relative;
  padding: 16px 32px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__back-button--UckyA {
  position: absolute;
  left: 32px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__back-button--UckyA .mf-iconfont {
  font-size: 20px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__selected-title--d2n5Q {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px 14px 32px;
  border-bottom: 1px solid #F9F9F9;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__logo--sQMb1 {
  width: 136px;
  height: 36px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__close-btn--rXw2F {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__close-btn--rXw2F .mf-iconfont {
  font-size: 20px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N {
  margin-top: 16px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM {
  display: flex;
  align-items: center;
  padding: 16px 32px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM:hover {
  background-color: #fafafa;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-icon--hRV9J {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-icon--hRV9J .mf-iconfont {
  font-size: 24px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-title--XZz8G {
  flex: 1;
  font-size: 18px;
  color: #333;
  font-weight: 400;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-arrow--PJffk {
  width: 16px;
  height: 16px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__separator--CAde2 {
  height: 1px;
  background-color: rgba(88, 88, 88, 0.1);
  width: 536px;
  margin-left: 32px;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-detail--nlUwZ .src-components-CjHeader-components-MenuDrawer-index__message-content--RkGVZ {
  flex: 1;
  height: calc(100vh - 120px);
  overflow: hidden;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  position: sticky;
  bottom: 0;
  z-index: 1000;
  /* 兼容 iOS < 11.2 */
  margin-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  margin-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__markAllRead--XQ8Us {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__markAllRead--XQ8Us:hover:not(.src-components-CjHeader-components-MenuDrawer-index__disabled--R_4qO) {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__markAllRead--XQ8Us.src-components-CjHeader-components-MenuDrawer-index__disabled--R_4qO {
  color: #ccc;
  cursor: not-allowed;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__readAll--ukmm3 {
  font-size: 14px;
  color: var(--color-primary);
  cursor: pointer;
  transition: color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__readAll--ukmm3:hover {
  color: var(--color-primary-hover);
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-index__messageContainer--QcMuu .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__readAll--ukmm3:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw {
    position: sticky;
    top: calc(118 / 16 * var(--root-fs) * 1px);
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__back-button--UckyA {
    left: calc(16 / 16 * var(--root-fs) * 1px);
    width: calc(24 / 16 * var(--root-fs) * 1px);
    height: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__back-button--UckyA .mf-iconfont {
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-drawer-content--RIYYN .src-components-CjHeader-components-MenuDrawer-index__menu-detail-header--as4Cw .src-components-CjHeader-components-MenuDrawer-index__selected-title--d2n5Q {
    font-size: calc(18 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN {
    padding-top: calc(14 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(14 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(20 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__logo--sQMb1 {
    width: calc(136 / 16 * var(--root-fs) * 1px);
    height: calc(36 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__close-btn--rXw2F {
    width: calc(20 / 16 * var(--root-fs) * 1px);
    height: calc(20 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__header-content--MczIN .src-components-CjHeader-components-MenuDrawer-index__close-btn--rXw2F .mf-iconfont {
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N {
    margin-top: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM {
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
    margin-top: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-icon--hRV9J {
    width: calc(20 / 16 * var(--root-fs) * 1px);
    height: calc(20 / 16 * var(--root-fs) * 1px);
    margin-right: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-icon--hRV9J .mf-iconfont {
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-title--XZz8G {
    font-size: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__menu-item--HdUYM .src-components-CjHeader-components-MenuDrawer-index__menu-arrow--PJffk {
    width: calc(14 / 16 * var(--root-fs) * 1px);
    height: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-list--XlY8N .src-components-CjHeader-components-MenuDrawer-index__separator--CAde2 {
    margin-top: calc(8 / 16 * var(--root-fs) * 1px);
    width: calc(350 / 16 * var(--root-fs) * 1px) !important;
    height: calc(1 / 16 * var(--root-fs) * 1px);
    margin-left: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__menu-detail--nlUwZ .src-components-CjHeader-components-MenuDrawer-index__message-content--RkGVZ {
    height: auto;
    position: sticky;
    top: calc(100vh - (120 / 16 * var(--root-fs) * 1px));
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en {
    width: 100vw;
    height: calc(56 / 16 * var(--root-fs) * 1px);
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__markAllRead--XQ8Us {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__readAll--ukmm3 {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-index__menu-drawer--fcCd7 .src-components-CjHeader-components-MenuDrawer-index__messageFooter--jF9en .src-components-CjHeader-components-MenuDrawer-index__readAll--ukmm3:hover {
    color: var(--color-primary);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-universalComps-drawer-index__mask--slC_W {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.src-universalComps-drawer-index__mask--slC_W.src-universalComps-drawer-index__maskVisible--QtEXP {
  opacity: 1;
  visibility: visible;
}
.src-universalComps-drawer-index__mask--slC_W.src-universalComps-drawer-index__maskAnimating--XQPzT {
  transition: all 0.3s ease-in-out;
}
.src-universalComps-drawer-index__drawer--bzEZc {
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  /* 兼容 iOS < 11.2 */
  margin-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  margin-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerRight--PrwiV {
  top: 0;
  right: 0;
  bottom: 0;
  width: 256px;
  transform: translateX(100%);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerRight--PrwiV.src-universalComps-drawer-index__drawerVisible--JDajj {
  transform: translateX(0);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerLeft--tqoWi {
  top: 0;
  left: 0;
  bottom: 0;
  width: 256px;
  transform: translateX(-100%);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerLeft--tqoWi.src-universalComps-drawer-index__drawerVisible--JDajj {
  transform: translateX(0);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerTop--QS41W {
  top: 0;
  left: 0;
  right: 0;
  height: 256px;
  transform: translateY(-100%);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerTop--QS41W.src-universalComps-drawer-index__drawerVisible--JDajj {
  transform: translateY(0);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerBottom--XEjxy {
  bottom: 0;
  left: 0;
  right: 0;
  height: 256px;
  transform: translateY(100%);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerBottom--XEjxy.src-universalComps-drawer-index__drawerVisible--JDajj {
  transform: translateY(0);
}
.src-universalComps-drawer-index__drawer--bzEZc.src-universalComps-drawer-index__drawerAnimating--PGXNG {
  transition: all 0.3s ease-in-out;
}
.src-universalComps-drawer-index__header--uI6TU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 48px;
}
.src-universalComps-drawer-index__header--uI6TU .src-universalComps-drawer-index__title--r2mIZ {
  font-size: 16px;
  font-weight: 500;
  color: #262626;
  line-height: 1.4;
  margin: 0;
  flex: 1;
}
.src-universalComps-drawer-index__header--uI6TU .src-universalComps-drawer-index__closeIcon--Ii2Yj {
  flex-shrink: 0;
  margin-left: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.src-universalComps-drawer-index__header--uI6TU .src-universalComps-drawer-index__closeIcon--Ii2Yj:hover {
  transform: scale(1.1);
}
.src-universalComps-drawer-index__content--TEYXJ {
  flex: 1;
}
.src-universalComps-drawer-index__footer--wl9dc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 24px;
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.src-universalComps-drawer-index__drawer--bzEZc {
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
}
.src-universalComps-drawer-index__mask--slC_W {
  will-change: opacity, visibility;
  backface-visibility: hidden;
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA {
  display: flex;
  height: calc(100vh - 120px);
  background: #fff;
  width: 100%;
  position: fixed;
  top: 120px;
  left: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ {
  height: auto;
  padding-bottom: 100px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  overflow-y: auto;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI {
  padding: 12px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw {
  background: #fff;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryName--lxsZ8 {
  color: var(--color-primary);
  font-weight: 500;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 {
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  width: 64px;
  height: 64px;
  box-sizing: border-box;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  background: #fff;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  width: 36px;
  height: 36px;
  background-size: 387px auto;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  border-radius: 50%;
  flex-shrink: 0;
  scale: calc(64 / 38);
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .mf-iconfont {
  font-size: 24px;
  color: #666;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryName--lxsZ8 {
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 1.2;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .ComputerOffice .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: 0 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .BagsShoes .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -48px 0px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .JewelryWatches .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -96px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .HealthBeautyHair .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -144px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .WomensClothing .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -192px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .SportsOutdoors .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -240px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .HomeGardenFurniture .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -288px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .HomeImprovement .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: 0 -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .AutomobilesMotorcycles .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -48px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .ToysKidsBabies .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -96px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .MensClothing .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -144px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .ConsumerElectronics .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -192px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .PhonesAccessories .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -240px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .PetSupplies .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
  background-position: -288px -48px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH {
  flex: 1;
  padding: 0 32px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8:first-child.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw {
  padding: 16px 0 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw {
  padding: 8px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryTitle--woXn_ {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryTitle--woXn_ {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__expandIcon--weGrG {
  transition: all 0.2s ease;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__expandIcon--weGrG .mf-iconfont {
  font-size: 14px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__expandIcon--weGrG.src-components-CjHeader-components-MenuDrawer-components-category-index__expanded--zFoWz {
  color: #ff6b35;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__expandIcon--weGrG.src-components-CjHeader-components-MenuDrawer-components-category-index__collapsed--ATkcO {
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItems--iMbpp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItem--ECwRM {
  padding: 10px 0;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #666;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItems--iMbpp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItem--ECwRM:nth-last-child(1) {
  margin-bottom: 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelectionIcon--sBWw9 {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.3;
}
.src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ p {
  font-size: 14px;
  margin: 0;
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA {
    display: flex;
    flex-direction: column;
    height: auto;
    background: #fff;
    overflow-y: auto;
    position: static;
    top: 0;
    left: 0;
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ {
    border-right: none;
    overflow-x: auto;
    height: auto;
    padding-bottom: 0;
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI {
    display: flex;
    padding: calc(0 / 16 * var(--root-fs) * 1px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw {
    display: flex;
    align-items: center;
    padding: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 {
    width: calc(56 / 16 * var(--root-fs) * 1px);
    height: calc(56 / 16 * var(--root-fs) * 1px);
    border-width: calc(2 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 {
    width: calc(56 / 16 * var(--root-fs) * 1px);
    height: calc(56 / 16 * var(--root-fs) * 1px);
    margin-right: calc(0 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(4 / 16 * var(--root-fs) * 1px);
    background: #fff;
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .src-components-CjHeader-components-MenuDrawer-components-category-index__categoriesImg--LfIUb {
    width: 36px;
    height: 36px;
    background-size: 387px auto;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    border-radius: 50%;
    flex-shrink: 0;
    scale: calc(56 / 16 * var(--root-fs) / (38 / 16 * var(--root-fs)));
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryIcon--omCt2 .mf-iconfont {
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__leftColumn--j0lJJ .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryList--GwDeI .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryItem--x00Zw .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryName--lxsZ8 {
    font-size: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH {
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 {
    padding-bottom: 100px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 {
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(0 / 16 * var(--root-fs) * 1px);
    padding-right: calc(0 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8:first-child.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw {
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8.src-components-CjHeader-components-MenuDrawer-components-category-index__active--DH1Lw {
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryTitle--woXn_ {
    font-size: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryHeader--swoN8 .src-components-CjHeader-components-MenuDrawer-components-category-index__expandIcon--weGrG .mf-iconfont {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItems--iMbpp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItem--ECwRM {
    padding-top: calc(10 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(10 / 16 * var(--root-fs) * 1px);
    border-radius: calc(4 / 16 * var(--root-fs) * 1px);
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryList--Cbih0 .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryContainer--SqUCh .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryGroup--rcLvp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItems--iMbpp .src-components-CjHeader-components-MenuDrawer-components-category-index__subCategoryItem--ECwRM:nth-last-child(1) {
    margin-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    margin: calc(0 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelectionIcon--sBWw9 {
    font-size: calc(48 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-category-index__categoryMenu--VcDeA .src-components-CjHeader-components-MenuDrawer-components-category-index__rightColumn--wttlH .src-components-CjHeader-components-MenuDrawer-components-category-index__noSelection--my6HZ p {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    margin: calc(0 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 {
  display: flex;
  flex-direction: column;
  padding: 16px 32px;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 0;
  border-radius: 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ {
  position: absolute;
  top: calc(50% - 44px);
  left: calc(50% - 44px);
  transform: scale(0.5);
  width: 88px;
  height: 88px;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-1--lwGki {
  background-position: 0 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-2--iDvee {
  background-position: -120px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-3--tkMlT {
  background-position: -240px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-4--VNk6a {
  background-position: -360px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-5--MfzpL {
  background-position: -480px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-6--caG5L {
  background-position: -600px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-7--rGugj {
  background-position: -720px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-8--yG35s {
  background-position: -840px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-9--lhUSg {
  background-position: -960px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-10--ni3h7 {
  background-position: -1080px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ.src-components-CjHeader-components-MenuDrawer-components-solution-index__icon-sourcing-11--eCotw {
  background-position: -1200px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-name--PnwYK {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-left: 8px;
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 {
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC {
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
    padding-left: calc(0 / 16 * var(--root-fs) * 1px);
    padding-right: calc(0 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK {
    width: calc(44 / 16 * var(--root-fs) * 1px);
    height: calc(44 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    background-repeat: no-repeat;
  }
  .src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-icon--fFGwK .src-components-CjHeader-components-MenuDrawer-components-solution-index__icon--KOMjZ {
    transform: scale(calc(0.5 * var(--root-fs) / 16));
  }
  .src-components-CjHeader-components-MenuDrawer-components-solution-index__solution-services--LLF8H .src-components-CjHeader-components-MenuDrawer-components-solution-index__services-list--F15L3 .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-item--zIQCC .src-components-CjHeader-components-MenuDrawer-components-solution-index__service-name--PnwYK {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    padding-left: calc(8 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 {
  padding-bottom: 16px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__section--YrJou:last-child {
  margin-bottom: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__section--YrJou .src-components-CjHeader-components-MenuDrawer-components-why-index__section-title--yT6iR {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  padding: 24px 32px 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b {
  display: flex;
  flex-direction: column;
  padding: 0 32px 0 32px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 0;
  border-radius: 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV:last-child {
  padding-bottom: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c {
  position: absolute;
  top: calc(50% - 44px);
  left: calc(50% - 44px);
  transform: scale(0.5);
  width: 88px;
  height: 88px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-1--oZa3M {
  background-position: 0 -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-2--LSv9B {
  background-position: -120px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-3--ymWiG {
  background-position: -240px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-4--tF9sZ {
  background-position: -360px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-5--lQMva {
  background-position: -480px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-6--N5zJ8 {
  background-position: -600px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-7--dmSpU {
  background-position: -720px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-8--lWXqi {
  background-position: -840px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-9--IuN0r {
  background-position: -960px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-10--UIxyC {
  background-position: -1080px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-11--WLvud {
  background-position: -1200px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-12--WJcCT {
  background-position: -1320px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c.src-components-CjHeader-components-MenuDrawer-components-why-index__icon-why-13--Ikc9q {
  background-position: -1440px -136px;
}
.src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-name--IOndC {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-left: 8px;
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 {
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__section--YrJou .src-components-CjHeader-components-MenuDrawer-components-why-index__section-title--yT6iR {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(0 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b {
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV {
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
    padding-left: calc(0 / 16 * var(--root-fs) * 1px);
    padding-right: calc(0 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV:last-child {
    padding-bottom: calc(4 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv {
    width: calc(44 / 16 * var(--root-fs) * 1px);
    height: calc(44 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    background-repeat: no-repeat;
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-icon--Ssamv .src-components-CjHeader-components-MenuDrawer-components-why-index__icon--Zdj_c {
    transform: scale(calc(0.5 * var(--root-fs) / 16));
  }
  .src-components-CjHeader-components-MenuDrawer-components-why-index__why-services--fuIO0 .src-components-CjHeader-components-MenuDrawer-components-why-index__services-list--i2A1b .src-components-CjHeader-components-MenuDrawer-components-why-index__service-item--CRgzV .src-components-CjHeader-components-MenuDrawer-components-why-index__service-name--IOndC {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    padding-left: calc(8 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i {
  padding-bottom: 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__section--Sqnw2:last-child {
  margin-bottom: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__section--Sqnw2 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__section-title--Sq8Xq {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  padding: 24px 32px 16px;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 0 32px 0 32px;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-icon--KXpeC {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-icon--KXpeC .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-image--fHJnM {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__submenu-item-label-platform--ffyEU {
  border-radius: 8px;
  box-sizing: border-box;
  --sprite-width: 44;
  --sprite-height: 44;
  overflow: hidden;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-shoplazza,
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-api,
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-shipstation,
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-miaoshou,
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-mabang {
  border: 1px solid #e5e5e5;
  width: 46px;
  height: 46px;
}
.src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-name--s4FEx {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-left: 8px;
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i {
    padding-bottom: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__section--Sqnw2 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__section-title--Sq8Xq {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(0 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj {
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
    gap: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-icon--KXpeC {
    width: calc(44 / 16 * var(--root-fs) * 1px);
    height: calc(44 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    background-repeat: no-repeat;
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-icon--KXpeC .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-image--fHJnM {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__submenu-item-label-platform--ffyEU {
    --sprite-width: calc(44 / 16 * var(--root-fs));
    --sprite-height: calc(44 / 16 * var(--root-fs));
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-shoplazza,
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-api,
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-shipstation,
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-miaoshou,
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .platform-mabang {
    --sprite-width: calc(44 / 16 * var(--root-fs));
    --sprite-height: calc(44 / 16 * var(--root-fs));
    width: calc(46 / 16 * var(--root-fs) * 1px);
    height: calc(46 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__integrations-services--cET1i .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platforms-list--iN5zj .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-item--G7so4 .src-components-CjHeader-components-MenuDrawer-components-intergrations-index__platform-name--s4FEx {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    padding-left: calc(8 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD {
  padding: 24px 32px;
  background: #fff;
  height: 100%;
  overflow-y: auto;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX {
  margin-bottom: 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceTitle--BbGWK {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 28px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceDescription--VsVuA {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin: 0;
  padding-top: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ {
  background: #f9f9f9;
  border-radius: 8px;
  transition: all 0.2s ease;
  overflow: hidden;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM {
  display: flex;
  align-items: center;
  padding: 8px 20px 8px 12px;
  text-decoration: none;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover {
  text-decoration: none;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceName--g7dOH {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-1--JjHcZ {
  background-position: -679px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-2--CfYO2 {
  background-position: -847px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-3--J9tvA {
  background-position: -1015px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-4--DcjtL {
  background-position: -1183px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK {
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3 {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(50% - 56px);
  transform: scale(0.5);
  width: 112px;
  height: 112px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-1--JjHcZ {
  background-position: -7px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-2--CfYO2 {
  background-position: -175px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-3--J9tvA {
  background-position: -343px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-4--DcjtL {
  background-position: -511px -276px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceName--g7dOH {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-left: 6px;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceArrow--WUwji {
  color: #000;
}
.src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceArrow--WUwji .mf-iconfont {
  font-size: 14px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover {
    text-decoration: none;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceName--g7dOH {
    color: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-1--JjHcZ {
    background-position: -7px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-2--CfYO2 {
    background-position: -175px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-3--J9tvA {
    background-position: -343px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-4--DcjtL {
    background-position: -511px -276px;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD {
    padding-top: calc(24 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(24 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX {
    margin-bottom: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceTitle--BbGWK {
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
    line-height: calc(28 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHeader--SoWkX .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceDescription--VsVuA {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(20 / 16 * var(--root-fs) * 1px);
    padding-top: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz {
    gap: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ {
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM {
    padding-left: calc(12 / 16 * var(--root-fs) * 1px);
    padding-right: calc(20 / 16 * var(--root-fs) * 1px);
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover {
    text-decoration: none;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceName--g7dOH {
    color: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-1--JjHcZ {
    background-position: -7px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-2--CfYO2 {
    background-position: -175px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-3--J9tvA {
    background-position: -343px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM:hover .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3.src-components-CjHeader-components-MenuDrawer-components-resource-index__icon-resources-4--DcjtL {
    background-position: -511px -276px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK {
    width: calc(56 / 16 * var(--root-fs) * 1px);
    height: calc(56 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceIcon--O62jK .src-components-CjHeader-components-MenuDrawer-components-resource-index__icon--m0HB3 {
    transform: scale(calc(0.5 * var(--root-fs) / 16));
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceName--g7dOH {
    font-size: calc(16 / 16 * var(--root-fs) * 1px);
    margin-left: calc(6 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceHub--E8EJD .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceList--nIxyz .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceCard--gXkXQ .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceLink--pOIyM .src-components-CjHeader-components-MenuDrawer-components-resource-index__resourceArrow--WUwji .mf-iconfont {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt {
  padding: 24px 32px;
  background: #fff;
  height: 100%;
  overflow-y: auto;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk {
  margin-bottom: 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTitle--YZvRg {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  line-height: 28px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 {
  margin: 0;
  padding-top: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2 {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  padding-left: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--color-primary);
  border-radius: 50%;
  display: inline-block;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2:not(:last-child) {
  margin-bottom: 8px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 {
  background: #f9f9f9;
  border-radius: 8px;
  transition: all 0.2s ease;
  overflow: hidden;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 {
  display: flex;
  align-items: center;
  padding: 8px 20px 8px 12px;
  text-decoration: none;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover {
  text-decoration: none;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportName--mZrBI {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-1--hCDoJ {
  background-position: -679px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-2--ZsUPB {
  background-position: -847px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-3--bUPZm {
  background-position: -1015px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-4--VVc57 {
  background-position: -1183px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL {
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(50% - 56px);
  transform: scale(0.5);
  width: 112px;
  height: 112px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-1--hCDoJ {
  background-position: -7px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-2--ZsUPB {
  background-position: -175px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-3--bUPZm {
  background-position: -343px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-4--VVc57 {
  background-position: -511px -444px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportName--mZrBI {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-left: 6px;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportArrow--YZ01b {
  color: #000;
}
.src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportArrow--YZ01b .mf-iconfont {
  font-size: 14px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover {
    text-decoration: none;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportName--mZrBI {
    color: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-1--hCDoJ {
    background-position: -7px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-2--ZsUPB {
    background-position: -175px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-3--bUPZm {
    background-position: -343px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-4--VVc57 {
    background-position: -511px -444px;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt {
    padding-top: calc(24 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(24 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk {
    margin-bottom: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTitle--YZvRg {
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
    line-height: calc(28 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 {
    padding-top: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2 {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(20 / 16 * var(--root-fs) * 1px);
    padding-left: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2::before {
    width: calc(6 / 16 * var(--root-fs) * 1px);
    height: calc(6 / 16 * var(--root-fs) * 1px);
    top: calc(7 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportHeader--oFoZk .src-components-CjHeader-components-MenuDrawer-components-support-index__supportDescription--MF4w2 .src-components-CjHeader-components-MenuDrawer-components-support-index__descItem--gVxv2:not(:last-child) {
    margin-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs {
    gap: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 {
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 {
    padding-left: calc(12 / 16 * var(--root-fs) * 1px);
    padding-right: calc(20 / 16 * var(--root-fs) * 1px);
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover {
    text-decoration: none;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportName--mZrBI {
    color: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-1--hCDoJ {
    background-position: -7px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-2--ZsUPB {
    background-position: -175px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-3--bUPZm {
    background-position: -343px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3:hover .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl.src-components-CjHeader-components-MenuDrawer-components-support-index__icon-support-4--VVc57 {
    background-position: -511px -444px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL {
    width: calc(56 / 16 * var(--root-fs) * 1px);
    height: calc(56 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportIcon--u2ktL .src-components-CjHeader-components-MenuDrawer-components-support-index__icon--t4djl {
    transform: scale(calc(0.5 * var(--root-fs) / 16));
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportName--mZrBI {
    font-size: calc(16 / 16 * var(--root-fs) * 1px);
    margin-left: calc(6 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-support-index__supportTeam--GP2Kt .src-components-CjHeader-components-MenuDrawer-components-support-index__supportList--WDwVs .src-components-CjHeader-components-MenuDrawer-components-support-index__supportCard--Tzt95 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportLink--waNF3 .src-components-CjHeader-components-MenuDrawer-components-support-index__supportArrow--YZ01b .mf-iconfont {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #fff;
  padding: 24px 0;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network-box--eUrnx {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 40px;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh {
  width: 100%;
  max-width: 100%;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj {
  width: 114px;
  height: 44px;
  border-radius: 8px;
  background: #ff7700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box-title--LHFUY {
  font-size: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  line-height: 32px;
  height: 100%;
  font-weight: 700;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box-title--LHFUY span {
  display: flex;
  align-items: center;
  line-height: 1;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box-title--LHFUY .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box-title-icon--Te1OR {
  margin: 0 4px;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-title--tkwK2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  color: #333;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 12px;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-desc--SPv0S {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  text-align: center;
  padding: 0 12px 24px;
  margin-bottom: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  width: 100%;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH {
  padding: 10px 24px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__primary--FIuxd {
  width: 100%;
  background: #333;
  color: #fff;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__primary--FIuxd:hover {
  background: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__secondary--lsTmQ {
  color: #333;
  border: 1px solid #333;
  background: #fff;
  width: auto;
  flex: 1;
  margin-left: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__secondary--lsTmQ:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx {
  flex: 1;
  height: 90px;
  aspect-ratio: 16.5/7.8;
  height: auto;
  /* 覆盖兜底方案 */
  padding-top: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.5s;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx:hover {
  transform: translateY(-10px);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx a {
  width: 100%;
  height: 100%;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-logo--T85Ij {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-name--qQ5YD {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__skeleton--gV0aE {
  width: 180px;
  height: 90px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: src-components-CjHeader-components-MenuDrawer-components-partner-index__pulse--ZyOfX 1.5s infinite ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__skeleton--gV0aE .src-components-CjHeader-components-MenuDrawer-components-partner-index__skeleton-logo--h_ZQb {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 8px;
  animation: src-components-CjHeader-components-MenuDrawer-components-partner-index__shimmer--g3KKA 2s infinite;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__primary--FIuxd:hover {
    background: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__secondary--lsTmQ:hover {
    border: 1px solid #333;
    color: #333;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf {
    width: 100%;
    padding-top: calc(24 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network-box--eUrnx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    width: calc(343 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh {
    width: 100%;
    flex: 1;
    max-width: 100%;
    align-items: center;
    padding-left: calc(0 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj {
    width: calc(101 / 16 * var(--root-fs) * 1px);
    height: calc(36 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box--RX1Wj .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-number-box-title--LHFUY {
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-title--tkwK2 {
    text-align: center;
    font-size: calc(20 / 16 * var(--root-fs) * 1px);
    line-height: calc(28 / 16 * var(--root-fs) * 1px);
    padding-top: calc(8 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-desc--SPv0S {
    text-align: center;
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(20 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH {
    max-width: none;
    margin-bottom: calc(12 / 16 * var(--root-fs) * 1px);
    padding-top: calc(0 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(0 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(40 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__primary--FIuxd {
    width: 100%;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__primary--FIuxd:hover {
    background: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__secondary--lsTmQ {
    width: auto;
    flex: 1;
    margin-left: 0;
    line-height: calc(38 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__secondary--lsTmQ:hover {
    border: 1px solid #333;
    color: #333;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-content--g5BUh .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btns--hjn4n .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn--PJ4tH.src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-btn-affiliate--zSL80 {
    margin-right: calc(12 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 {
    gap: calc(12 / 16 * var(--root-fs) * 1px);
    width: 100%;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__coop-card--Trizx {
    width: calc(106 / 16 * var(--root-fs) * 1px);
    height: calc(50 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
    border-radius: 8px;
  }
  .src-components-CjHeader-components-MenuDrawer-components-partner-index__global-supply-network--lIFKf .src-components-CjHeader-components-MenuDrawer-components-partner-index__gsn-visual--i1JN2 .src-components-CjHeader-components-MenuDrawer-components-partner-index__skeleton--gV0aE {
    width: calc(106 / 16 * var(--root-fs) * 1px);
    height: calc(50 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
  }
}
@keyframes src-components-CjHeader-components-MenuDrawer-components-partner-index__pulse--ZyOfX {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes src-components-CjHeader-components-MenuDrawer-components-partner-index__shimmer--g3KKA {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu {
  display: flex;
  padding: 24px 32px 0;
  align-items: center;
  justify-content: space-around;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv {
  position: relative;
  width: 40px;
  height: 40px;
  background: #fdf2e7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__messageIcon--IQG4Z {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__messageIcon--IQG4Z .mf-iconfont {
  font-size: 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__helpIcon--BI1TI {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__helpIcon--BI1TI .mf-iconfont {
  font-size: 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__notificationBadge--bATKq {
  position: absolute;
  top: -8px;
  right: -8px;
  display: inline-block;
  max-width: 28px;
  height: 16px;
  background: #f24724;
  border-radius: 9px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  padding: 0 4px;
}
.src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__itemName--XgvZW {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-align: center;
  line-height: 20px;
  padding-top: 4px;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu {
    display: none;
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu {
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv {
    width: calc(40 / 16 * var(--root-fs) * 1px);
    height: calc(40 / 16 * var(--root-fs) * 1px);
    border-radius: calc(8 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__messageIcon--IQG4Z .mf-iconfont {
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__helpIcon--BI1TI .mf-iconfont {
    font-size: calc(24 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__iconWrapper--jU7Lv .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__notificationBadge--bATKq {
    max-width: calc(28 / 16 * var(--root-fs) * 1px);
    min-width: calc(16 / 16 * var(--root-fs) * 1px);
    height: calc(16 / 16 * var(--root-fs) * 1px);
    border-radius: calc(9 / 16 * var(--root-fs) * 1px);
    font-size: calc(12 / 16 * var(--root-fs) * 1px);
    top: calc(-8 / 16 * var(--root-fs) * 1px);
    right: calc(-8 / 16 * var(--root-fs) * 1px);
    padding-left: calc(4 / 16 * var(--root-fs) * 1px);
    padding-right: calc(4 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityBar--eoxeu .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__utilityItem--Xtf06 .src-components-CjHeader-components-MenuDrawer-components-utilityBar-index__itemName--XgvZW {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(20 / 16 * var(--root-fs) * 1px);
    padding-top: calc(4 / 16 * var(--root-fs) * 1px);
  }
}

/**
 * 响应式设计工具文件
 * 提供便捷的混入和工具类来简化响应式开发
 */
:root {
  --root-fs: 16;
}
@media (min-width: 700px) {
  :root {
    --root-fs: 30;
  }
}
@media (min-width: 675px) and (max-width: 699px) {
  :root {
    --root-fs: 28;
  }
}
@media (min-width: 650px) and (max-width: 674px) {
  :root {
    --root-fs: 27;
  }
}
@media (min-width: 625px) and (max-width: 649px) {
  :root {
    --root-fs: 26;
  }
}
@media (min-width: 600px) and (max-width: 624px) {
  :root {
    --root-fs: 25;
  }
}
@media (min-width: 575px) and (max-width: 599px) {
  :root {
    --root-fs: 24;
  }
}
@media (min-width: 550px) and (max-width: 574px) {
  :root {
    --root-fs: 23;
  }
}
@media (min-width: 525px) and (max-width: 549px) {
  :root {
    --root-fs: 22;
  }
}
@media (min-width: 500px) and (max-width: 524px) {
  :root {
    --root-fs: 21;
  }
}
@media (min-width: 475px) and (max-width: 499px) {
  :root {
    --root-fs: 20;
  }
}
@media (min-width: 450px) and (max-width: 474px) {
  :root {
    --root-fs: 19;
  }
}
@media (min-width: 425px) and (max-width: 449px) {
  :root {
    --root-fs: 18;
  }
}
@media (min-width: 400px) and (max-width: 424px) {
  :root {
    --root-fs: 17;
  }
}
@media (min-width: 375px) and (max-width: 399px) {
  :root {
    --root-fs: 16;
  }
}
@media (min-width: 350px) and (max-width: 374px) {
  :root {
    --root-fs: 15;
  }
}
@media (min-width: 325px) and (max-width: 349px) {
  :root {
    --root-fs: 14;
  }
}
@media (min-width: 300px) and (max-width: 324px) {
  :root {
    --root-fs: 13;
  }
}
@media (min-width: 275px) and (max-width: 299px) {
  :root {
    --root-fs: 12;
  }
}
@media (min-width: 250px) and (max-width: 274px) {
  :root {
    --root-fs: 11;
  }
}
@media (max-width: 249px) {
  :root {
    --root-fs: 11;
  }
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageHeader--gpsY8 {
  padding: 20px 24px 16px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageHeader--gpsY8 .src-components-CjHeader-components-MenuDrawer-components-message-index__headerTitle--pfsuA {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageHeader--gpsY8 .src-components-CjHeader-components-MenuDrawer-components-message-index__headerTitle--pfsuA .src-components-CjHeader-components-MenuDrawer-components-message-index__unreadBadge--se98a {
  background-color: #f24724;
  color: #fff;
  border-radius: 12px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 500;
  min-width: 20px;
  text-align: center;
  line-height: 1;
  margin-left: 4px;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc {
  overflow-y: auto;
  padding: 0;
  padding-bottom: 56px;
  height: calc(100vh - 240px);
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 24px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck:hover {
  background-color: #fafafa;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd {
  flex: 1;
  display: flex;
  align-items: flex-start;
  margin-right: 16px;
  max-width: calc(100% - 120px);
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__unreadDot--ESU1x {
  width: 8px;
  height: 8px;
  background-color: #f24724;
  border-radius: 50%;
  margin-left: 4px;
  flex-shrink: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 {
  flex: 1;
  min-width: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitle--_vqfL {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4px;
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitle--_vqfL .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitleText--PA9PK {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageInfo--zX6uS {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB {
  flex-shrink: 0;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTime--shfAl {
  font-size: 12px;
  color: #999;
  line-height: 16px;
  text-align: right;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTime--shfAl > div:first-child {
  margin-bottom: 2px;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__read--DKFj9 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitle--_vqfL {
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__read--DKFj9 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageInfo--zX6uS {
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__read--DKFj9 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTime--shfAl {
  color: #ccc;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__unread--G_CwB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitle--_vqfL {
  color: #333;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__unread--G_CwB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageInfo--zX6uS {
  color: #666;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck.src-components-CjHeader-components-MenuDrawer-components-message-index__unread--G_CwB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTime--shfAl {
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageSeparator--GKDO1 {
  height: 1px;
  background-color: #f0f0f0;
  margin: 0 24px;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__loadingContainer--wDkiO {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyIcon--dZhFS {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 16px;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyText--t42SC {
  font-size: 14px;
  color: #999;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  /* 兼容 iOS < 11.2 */
  margin-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  margin-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__markAllRead--xT0bb {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__markAllRead--xT0bb:hover:not(.src-components-CjHeader-components-MenuDrawer-components-message-index__disabled--m7oAy) {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__markAllRead--xT0bb.src-components-CjHeader-components-MenuDrawer-components-message-index__disabled--m7oAy {
  color: #ccc;
  cursor: not-allowed;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__readAll--PvGeQ {
  font-size: 14px;
  color: var(--color-primary);
  cursor: pointer;
  transition: color 0.2s;
}
.src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__readAll--PvGeQ:hover {
  color: var(--color-primary-hover);
}
@media (min-width: 701px) and (max-width: 1200px) {
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__readAll--PvGeQ:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 700px) {
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageHeader--gpsY8 {
    padding-top: calc(28 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageHeader--gpsY8 .src-components-CjHeader-components-MenuDrawer-components-message-index__headerTitle--pfsuA {
    font-size: calc(18 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc {
    padding-bottom: calc(0 / 16 * var(--root-fs) * 1px);
    overflow-y: auto;
    height: auto;
    min-height: calc(100vh - (180 / 16 * var(--root-fs) * 1px));
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck {
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd {
    max-width: calc(250 / 16 * var(--root-fs) * 1px);
    margin-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__unreadDot--ESU1x {
    width: calc(8 / 16 * var(--root-fs) * 1px);
    height: calc(8 / 16 * var(--root-fs) * 1px);
    margin-right: calc(4 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTitle--_vqfL {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
    line-height: calc(20 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(4 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageLeft--YAwJd .src-components-CjHeader-components-MenuDrawer-components-message-index__messageText--OowX8 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageInfo--zX6uS {
    font-size: calc(12 / 16 * var(--root-fs) * 1px);
    line-height: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB {
    width: calc(85 / 16 * var(--root-fs) * 1px);
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContent--Oa7Ck .src-components-CjHeader-components-MenuDrawer-components-message-index__messageRight--hrtsB .src-components-CjHeader-components-MenuDrawer-components-message-index__messageTime--shfAl {
    font-size: calc(12 / 16 * var(--root-fs) * 1px);
    line-height: calc(16 / 16 * var(--root-fs) * 1px);
    white-space: normal;
    text-align: right;
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__messageItem--tl3j4 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageSeparator--GKDO1 {
    margin-left: calc(16 / 16 * var(--root-fs) * 1px);
    margin-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__loadingContainer--wDkiO {
    padding-top: calc(60 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(60 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 {
    padding-top: calc(60 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(60 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyIcon--dZhFS {
    font-size: calc(48 / 16 * var(--root-fs) * 1px);
    margin-bottom: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageList--HrtZc .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyContainer--bCYm5 .src-components-CjHeader-components-MenuDrawer-components-message-index__emptyText--t42SC {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 {
    width: 100vw;
    height: calc(56 / 16 * var(--root-fs) * 1px);
    padding-top: calc(16 / 16 * var(--root-fs) * 1px);
    padding-bottom: calc(16 / 16 * var(--root-fs) * 1px);
    padding-left: calc(16 / 16 * var(--root-fs) * 1px);
    padding-right: calc(16 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__markAllRead--xT0bb {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__readAll--PvGeQ {
    font-size: calc(14 / 16 * var(--root-fs) * 1px);
  }
  .src-components-CjHeader-components-MenuDrawer-components-message-index__messageContainer--BwhV1 .src-components-CjHeader-components-MenuDrawer-components-message-index__messageFooter--kDJ_4 .src-components-CjHeader-components-MenuDrawer-components-message-index__readAll--PvGeQ:hover {
    color: var(--color-primary);
  }
}

.src-components-CjHeader-components-ReLogin-index__modal-main--ZCW3I {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.3);
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK {
  margin: 0;
  padding: 0;
  background-color: #fff;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  max-width: 360px;
  position: relative;
  border-radius: 4px;
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK .src-components-CjHeader-components-ReLogin-index__title--vnGKn {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 2px 2px 0 0;
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK .src-components-CjHeader-components-ReLogin-index__content--SrzvY {
  padding: 25px 20px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK .src-components-CjHeader-components-ReLogin-index__btnbox--HxPUQ {
  text-align: center;
  padding: 10px 10px 12px;
  pointer-events: auto;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK .src-components-CjHeader-components-ReLogin-index__btn--bYlvp {
  background: var(--color-primary);
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-primary);
  padding: 0 15px;
  height: 32px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
}
.src-components-CjHeader-components-ReLogin-index__modal--LrfAK .src-components-CjHeader-components-ReLogin-index__btn--bYlvp:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

:root {
  --color-primary: #FF7700;
  --color-secondary: #ff9900;
  --color-primary-hover: #E56A00;
  --color-primary-opacity1: #FFF1E5;
  --light-background: #FFEBD9;
  --mycj-color-theme-percent1: #FF770014;
  --mycj-color-theme-percent2: #FF770033;
  --mycj-color-theme-percent3: #FF770080;
  --mycj-color-theme-percent4: #FF77008F;
  --mycj-color-theme9: #FF77004D;
  --mycj-color-theme10: #FF770003;
  --mycj-color-hover-12: #FF77001A;
  --mycj-color-theme22: #FF770073;
  --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-profile-wallet-font: #C15B01;
  --color-profile-wallet-bg: #FFF4EB;
  --color-profile-wallet-hover: #FFEBDB;
  --color-view-new-message: #F9DAC7;
  --color-view-new-message-hover: #F9D5BF;
  --color-login-btn-bg: linear-gradient(270deg, #f9912a 0%, #fa6400 100%);
  --color-login-btn-bg-hover: linear-gradient(270deg, #fa6400 0%, #fa6400 100%);
  --color-theme-1: var(--color-primary);
  --color-theme-1-opacity10: var(--color-primary-opacity1);
  --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: var(--color-primary-hover);
  --color-theme-1-1-vip: #C69658;
  --color-theme-2: #FFFFFF;
  --color-theme-2-vip: #F1D69E;
  --color-theme-2-1: var(--color-theme-1);
  --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: var(--color-primary);
  --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;
  --color-list-bg: linear-gradient(180deg, #FFF2E6 0%, rgba(255, 250, 244, 0) 100%);
  --header-arrow-color-1: #999999;
  --header-arrow-color-hover-1: #333333;
  --header-avatar-arrow-color-1: #999999;
  --header-avatar-arrow-color-hover-1: #333333;
}
.src-components-CjHeader-index__cjHeader--Nfccs {
  width: 100%;
  font-size: 14px !important;
  line-height: 1;
}
.src-components-CjHeader-index__cjHeader--Nfccs .src-components-CjHeader-index__box--F74qc {
  width: 1200px;
  margin: auto;
}
.src-components-CjHeader-index__cjHeader--Nfccs a a:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-index__cjHeader--Nfccs ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.imgSearchAnchor {
  color: var(--color-primary);
  transition: -webkit-text-decoration 0.3s;
  transition: text-decoration 0.3s;
  transition: text-decoration 0.3s, -webkit-text-decoration 0.3s;
}
.imgSearchAnchor:hover {
  text-decoration: underline;
}

.fastLogin-modal-main {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.3);
}
.fastLogin-modal-main .fastLogin-modal {
  margin: 0;
  padding: 0;
  background-color: #fff;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  max-width: 360px;
  position: relative;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 2px 2px 0 0;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-content {
  padding: 10px 20px;
  color: #666;
  font-size: 14px;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin {
  position: absolute;
  right: 29px;
  top: 19px;
  font-size: 0;
  line-height: initial;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin a {
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin span.line {
  display: inline-block;
  background-color: #797979;
  width: 15px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin span.line.left {
  transform: rotate(45deg);
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin span.line.right {
  transform: rotate(-45deg);
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-setwin:hover span.line {
  opacity: 0.7;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-btn {
  text-align: right;
  padding: 10px 10px 12px;
  pointer-events: auto;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  float: right;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-btn a {
  padding: 0 15px;
  height: 40px;
  line-height: 38px;
  border-radius: 2px;
  border: 2px solid #D9D9D9;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #333333;
  margin-right: 14px;
  background-color: #F9F9F9;
  display: inline-block;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-btn .fastLogin-modal-btn0:hover {
  background-color: #F5F5F5;
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-btn .fastLogin-modal-btn1 {
  background: var(--color-primary);
  color: #FFFFFF;
  border-color: var(--color-primary);
}
.fastLogin-modal-main .fastLogin-modal .fastLogin-modal-btn .fastLogin-modal-btn1:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 150px;
  background-position: center top;
  background-size: 790px;
  background-repeat: no-repeat;
  background-color: #fff;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi {
  width: 650px;
  border: 1px solid var(--color-primary);
  display: flex;
  align-items: center;
  margin-top: 42px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__pic--Lb8dT {
  width: 28px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  position: relative;
  border: 1px solid #eee;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__pic--Lb8dT img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__pic--Lb8dT .src-components-CjHeader-components-MaBangSearch-index__clearFileUrl--wVKS8 {
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.6);
  border-top-right-radius: 4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  cursor: pointer;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__pic--Lb8dT .src-components-CjHeader-components-MaBangSearch-index__clearFileUrl--wVKS8 .mf-iconfont {
  font-size: 8px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi input {
  flex: 1;
  padding: 0 10px;
  font-size: 14px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi input::-moz-placeholder {
  color: #999;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi input::placeholder {
  color: #999;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .mf-iconfont {
  font-size: 20px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .mf-iconfont.src-components-CjHeader-components-MaBangSearch-index__cameraIcon--dopWE {
  color: #666;
  cursor: pointer;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .mf-iconfont.src-components-CjHeader-components-MaBangSearch-index__cameraIcon--dopWE:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__searchBtn--uXmPG {
  width: 42px;
  height: 40px;
  background: var(--color-primary);
  border-radius: 0px 8px 8px 0px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__searchBtn--uXmPG .mf-iconfont {
  color: #fff;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi .src-components-CjHeader-components-MaBangSearch-index__searchBtn--uXmPG:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__searchInput--_1hgi:hover .src-components-CjHeader-components-MaBangSearch-index__clearFileUrl--wVKS8 {
  display: flex;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__adv--vCmyU {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__adv--vCmyU .src-components-CjHeader-components-MaBangSearch-index__advItem--Ndjfy {
  margin: 0 30px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__adv--vCmyU .src-components-CjHeader-components-MaBangSearch-index__advItem--Ndjfy .mf-iconfont {
  color: var(--color-primary);
  margin-right: 4px;
}
.src-components-CjHeader-components-MaBangSearch-index__maBangSearch--qoISt .src-components-CjHeader-components-MaBangSearch-index__adv--vCmyU .src-components-CjHeader-components-MaBangSearch-index__advItem--Ndjfy span {
  color: #333;
  font-size: 14px;
}

.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1168px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__wrapWarehouse--Kt9MC {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN {
  padding: 0 14px;
  height: 46px;
  background: #FFF6EE;
  border-radius: 24px;
  margin-right: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN img {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  /* 确保图片覆盖整个区域 */
  margin-right: 5px;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN span {
  color: #333;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 {
  background: var(--color-primary);
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 span {
  color: #fff;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8:hover span {
  color: #fff;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__warehouse--MSffN:hover span {
  color: var(--color-primary);
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__wrapperMore--tBQ0f {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod {
  height: 46px;
  background-color: #FFF6EE;
  border-radius: 23px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 14px;
  cursor: pointer;
  color: var(--color-primary);
  position: relative;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod:hover {
  background-color: #FFEEDF;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 {
  background-color: var(--color-primary);
  color: #fff;
  transition: background-color 0.3s ease;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8:hover {
  background-color: var(--color-primary-hover);
  color: #fff;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod .src-components-CjHeader-components-WarehousesFilter-index__curWare--JNm_8 {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod .src-components-CjHeader-components-WarehousesFilter-index__curWare--JNm_8 img {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  /* 确保图片覆盖整个区域 */
  margin-right: 5px;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod .src-components-CjHeader-components-WarehousesFilter-index__curWare--JNm_8 .src-components-CjHeader-components-WarehousesFilter-index__line--ePvir {
  width: 1px;
  background-color: #fff;
  height: 16px;
  margin: 0 10px;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod .src-components-CjHeader-components-WarehousesFilter-index__moreText--wy53h {
  margin-right: 4px;
}
.src-components-CjHeader-components-WarehousesFilter-index__warehousesFilter--PeKEx .src-components-CjHeader-components-WarehousesFilter-index__more--aHPod .src-components-CjHeader-components-WarehousesFilter-index__arrow--LyyKZ {
  font-size: 12px;
  font-weight: bold;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1004;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM {
  width: 1162px;
  height: 600px;
  background: #FFFFFF;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__header--DHpMM {
  color: #333;
  font-size: 16px;
  background: #F9F8F8;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__header--DHpMM .mf-iconfont {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: absolute;
  font-weight: bold;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__header--DHpMM .mf-iconfont:hover {
  color: #333;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy {
  overflow-y: auto;
  height: 479px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__search--lS99h {
  width: 424px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin-top: 24px;
  margin-left: 37px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__search--lS99h input {
  outline: none;
  border: none;
  flex: 1;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__search--lS99h input::-moz-placeholder {
  color: #999;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__search--lS99h input::placeholder {
  color: #999;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__search--lS99h .mf-iconfont {
  font-size: 16px;
  color: #ccc;
  cursor: pointer;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__subTitle--c2aGL {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  margin-top: 24px;
  margin-left: 37px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7 {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  padding: 10px;
  margin-right: 16px;
  margin-bottom: 12px;
  width: 204px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7:nth-of-type(5n+1) {
  margin-left: 37px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7 img {
  width: 24px;
  height: 18px;
  border-radius: 2px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7 span {
  color: #606266;
  font-size: 14px;
  margin-left: 10px;
  display: inline-block;
  word-break: break-word;
  line-height: 18px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7:hover {
  border-color: var(--color-primary);
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 .src-components-CjHeader-components-WarehousesFilter-index__duihao--k_7TT {
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 16px;
  background: var(--color-primary);
  border-radius: 0px 3px 0px 4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__content--DpUmy .src-components-CjHeader-components-WarehousesFilter-index__ulList--XE0r_ .src-components-CjHeader-components-WarehousesFilter-index__li--e0Sy7.src-components-CjHeader-components-WarehousesFilter-index__active--BZLD8 .src-components-CjHeader-components-WarehousesFilter-index__duihao--k_7TT .mf-iconfont {
  font-size: 10px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__noData--_UbLK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 338px;
  width: 100%;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__noData--_UbLK span {
  color: #999;
  font-size: 14px;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__footer--xuAnd {
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-WarehousesFilter-index__modal--PHhr8 .src-components-CjHeader-components-WarehousesFilter-index__box--ATqrM .src-components-CjHeader-components-WarehousesFilter-index__footer--xuAnd .src-components-CjHeader-components-WarehousesFilter-index__confirmBtn--oMBPW {
  min-width: 84px;
  height: 32px;
  border-radius: 4px;
}

.src-universalComps-cj-button-index__cjButton--cGIww {
  border-radius: 8px;
  background-color: var(--color-primary);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 30px;
  min-width: 89px;
  padding: 0 20px;
  transition: all 0.3s;
  flex-shrink: 0;
}
.src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__primary--Nleh7 {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__primary--Nleh7:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__ghost--NdHTK {
  background-color: #fff;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__ghost--NdHTK:hover {
  background-color: var(--color-theme-1-opacity10);
}
.src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__disabled--K5wGb {
  pointer-events: none;
  opacity: 0.5;
}
.vip .src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__vip--VdTrN.src-universalComps-cj-button-index__primary--Nleh7 {
  background-color: #f1d69e;
  border-color: #f1d69e;
  color: #333;
}
.vip .src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__vip--VdTrN.src-universalComps-cj-button-index__primary--Nleh7:hover {
  background-color: #D8C08D;
  border-color: #D8C08D;
}
.vip .src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__vip--VdTrN.src-universalComps-cj-button-index__ghost--NdHTK {
  border-color: #dda863;
  color: #dda863;
}
.vip .src-universalComps-cj-button-index__cjButton--cGIww.src-universalComps-cj-button-index__vip--VdTrN.src-universalComps-cj-button-index__ghost--NdHTK:hover {
  border-color: #D8C08D;
  background-color: rgba(221, 168, 99, 0.1);
  color: #D8C08D;
}

.src-components-CjHeader-components-THSearchBar-index__thSearchBarSpace--pCD6U {
  height: 76px;
  width: 100%;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL {
  height: 76px;
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 1004;
  top: 0;
  left: 0;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL::before {
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.05);
  content: "";
  display: block;
  height: 30px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__box--JuMHb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__left--A6AwV,
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__right--rsQ4J {
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__left--A6AwV {
  flex: 1;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__notice--LJA7f {
  height: 40px;
  background-color: var(--warning-notice-bg-color);
  box-shadow: inset 0px 0px 4px 0px var(--warning-notice-shadow-color);
  border-radius: 20px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: var(--color-primary);
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__notice--LJA7f span {
  margin-left: 4px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__notice--LJA7f:hover {
  background-color: var(--warning-notice-bg-hover);
  color: var(--color-primary-hover);
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__language--mpASu {
  margin-right: 14px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__loginBtn--ivR6e {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 20px;
  color: var(--color-primary);
  transition: all 0.3s;
  cursor: pointer;
  flex-shrink: 0;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__loginBtn--ivR6e:hover {
  background-color: var(--color-primary-opacity1);
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__registerBtn--bMAuP {
  margin-left: 12px;
  padding: 10px 20px;
  background-color: var(--color-primary);
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__registerBtn--bMAuP:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__commonIcon--w9nea {
  color: #333;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
  cursor: pointer;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__commonIcon--w9nea .src-components-CjHeader-components-THSearchBar-index__tag--zPfBZ {
  display: inline-block;
  max-width: 28px;
  height: 15px;
  background: #F55F4E;
  border-radius: 9px;
  position: absolute;
  left: calc(100% - 19px);
  bottom: 59%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  padding: 0 4px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__commonIcon--w9nea .mf-iconfont {
  font-size: 24px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__commonIcon--w9nea:hover {
  background: #F5F5F5;
  border-radius: 8px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 15px;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi.src-components-CjHeader-components-THSearchBar-index__noAvatar--q8TdD {
  background-color: var(--color-primary-opacity1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi.src-components-CjHeader-components-THSearchBar-index__noAvatar--q8TdD .src-components-CjHeader-components-THSearchBar-index__noAvatarText--Byjvg {
  color: var(--color-primary);
  line-height: 1;
  font-size: 18px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__space--lmgCd {
  position: absolute;
  width: 252px;
  top: 100%;
  right: 0;
  height: 16px;
  display: none;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB {
  display: none;
  width: 252px;
  background-color: #fff;
  position: absolute;
  padding-top: 6px;
  top: calc(100% + 16px);
  right: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__profileLi--ShZnE {
  width: 100%;
  height: 40px;
  color: #333;
  padding-left: 20px;
  line-height: 40px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__profileLi--ShZnE span {
  font-size: 14px;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__profileLi--ShZnE:hover {
  background-color: #f4f4f4;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__footer--DRLoT {
  margin: 0 20px;
  border-top: 1px solid #EEEEEE;
  height: 52px;
  line-height: 52px;
  color: #666;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__footer--DRLoT:hover {
  color: var(--color-primary);
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__footer--DRLoT.src-components-CjHeader-components-THSearchBar-index__logout--bdcXE {
  color: #999;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB .src-components-CjHeader-components-THSearchBar-index__footer--DRLoT.src-components-CjHeader-components-THSearchBar-index__logout--bdcXE:hover {
  color: #F55F4E;
}
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi:hover .src-components-CjHeader-components-THSearchBar-index__space--lmgCd,
.src-components-CjHeader-components-THSearchBar-index__thSearchBar--oYYVL .src-components-CjHeader-components-THSearchBar-index__avatar--y6bYi:hover .src-components-CjHeader-components-THSearchBar-index__profileUl--GsXqB {
  display: block;
}

.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l {
  max-width: 683px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 2px solid var(--color-primary);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 4px;
  margin-left: 24px;
  margin-right: 24px;
  flex: 1;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l input {
  outline: none;
  border: none;
  flex: 1;
  margin: 0 10px;
  color: #333;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l input::-moz-placeholder {
  color: #999;
  font-size: 12px;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l input::placeholder {
  color: #999;
  font-size: 12px;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l .src-components-CjHeader-components-THSearchBar-SearchBar-index__camera--FaHJh {
  font-size: 20px;
  color: #333 !important;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l .src-components-CjHeader-components-THSearchBar-SearchBar-index__camera--FaHJh:hover {
  color: var(--color-primary) !important;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l .src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBtn--YKzzQ {
  padding: 0 22px;
  height: 32px;
  background: var(--color-primary);
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: #fff;
  margin-left: 12px;
  transition: background 0.3s;
  cursor: pointer;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l .src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBtn--YKzzQ span {
  margin-left: 6px;
}
.src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBar--S914l .src-components-CjHeader-components-THSearchBar-SearchBar-index__searchBtn--YKzzQ:hover {
  background: var(--color-primary-hover);
}

.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 {
  max-width: 683px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 2px solid var(--color-primary);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 4px;
  margin-left: 24px;
  margin-right: 24px;
  flex: 1;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 input {
  outline: none;
  border: none;
  flex: 1;
  margin: 0 10px;
  color: #333;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 input::-moz-placeholder {
  color: #999;
  font-size: 12px;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 input::placeholder {
  color: #999;
  font-size: 12px;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 .src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__currentSearch--ZCRO7 {
  padding: 0 10px 0 14px;
  height: 32px;
  background: var(--color-secondary);
  border-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  align-items: center;
  color: #fff;
  margin-left: 12px;
  transition: background 0.3s;
  cursor: pointer;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 .src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__currentSearch--ZCRO7:hover {
  background: var(--color-primary-hover);
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 .src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBtn--opHnT {
  padding: 0 14px 0 10px;
  height: 32px;
  background: var(--color-primary);
  border-radius: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  align-items: center;
  color: #fff;
  transition: background 0.3s;
  cursor: pointer;
}
.src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBar--UDgG2 .src-components-CjHeader-components-THSearchBar-ViewMoreSearchBar-index__searchBtn--opHnT:hover {
  background: var(--color-primary-hover);
}

.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ {
  width: 600px;
  background: linear-gradient(180deg, #FEDDDA 0%, #FFFFFF 100%);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 42px 32px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ .src-components-CjHeader-components-THSearchBar-Statement-index__bg--SaOCi {
  bottom: 0;
  width: 100%;
  right: 0;
  position: absolute;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ .src-components-CjHeader-components-THSearchBar-Statement-index__tit--jHToB {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ .src-components-CjHeader-components-THSearchBar-Statement-index__content--WB_mO {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-top: 16px;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ .src-components-CjHeader-components-THSearchBar-Statement-index__confirmBtn--DJi_s {
  height: 42px;
  padding: 11px 20px;
  margin: 0 auto;
  min-width: 157px;
  background: #333333;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  cursor: pointer;
  transition: all 0.3s;
  color: #fff;
  position: relative;
}
.src-components-CjHeader-components-THSearchBar-Statement-index__statement--zRWSX .src-components-CjHeader-components-THSearchBar-Statement-index__box--Q89I_ .src-components-CjHeader-components-THSearchBar-Statement-index__confirmBtn--DJi_s:hover {
  background-color: #282828;
}

.src-components-Menu-components-THLogo-index__logo--nt_xD {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.src-components-Menu-components-THLogo-index__logo--nt_xD .src-components-Menu-components-THLogo-index__alogo--hqIuw {
  display: flex;
  align-items: center;
}
.src-components-Menu-components-THLogo-index__logo--nt_xD img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.src-components-Menu-components-THLogo-index__logo--nt_xD .src-components-Menu-components-THLogo-index__logoInfo--dBfZk {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.src-components-Menu-components-THLogo-index__logo--nt_xD .src-components-Menu-components-THLogo-index__logoInfo--dBfZk span:nth-of-type(1) {
  font-weight: 500;
  font-size: 24px;
  color: #333333;
  line-height: 1;
}
.src-components-Menu-components-THLogo-index__logo--nt_xD .src-components-Menu-components-THLogo-index__logoInfo--dBfZk span:nth-of-type(2) {
  font-weight: 500;
  font-size: 9px;
  color: #333333;
  line-height: 13px;
  text-align: left;
  font-style: normal;
  letter-spacing: 2px;
}

.src-components-Menu-index__mycj-menu--I_hAQ {
  background: #fff;
  width: 220px;
  position: fixed;
  height: 100%;
  transition: width 0.1s;
  z-index: 1004;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  left: 0;
  top: 0;
}
.src-components-Menu-index__mycj-menu--I_hAQ.src-components-Menu-index__collapsed--xY7W9 {
  width: 65px;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__logo--inlMI {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__logo--inlMI.src-components-Menu-index__shadow-logo--OfeUT {
  position: relative;
  overflow: visible;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__logo--inlMI.src-components-Menu-index__shadow-logo--OfeUT::before {
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.05);
  content: "";
  display: block;
  height: 30px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__collapsed-icon--feyUd {
  position: absolute;
  right: -10px;
  top: 380px;
  cursor: pointer;
  width: 20px;
  height: 36px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1003;
  color: #999;
  transition: background-color 0.3s;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__collapsed-icon--feyUd i.mf-iconfont {
  font-size: 16px;
  transition: color 0.3s;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__collapsed-icon--feyUd:hover {
  background-color: var(--color-primary);
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__collapsed-icon--feyUd:hover i.mf-iconfont {
  color: #fff;
}
.src-components-Menu-index__mycj-menu--I_hAQ a {
  text-decoration: none;
}
.src-components-Menu-index__mycj-menu--I_hAQ * {
  box-sizing: border-box;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva {
  padding: 12px 16px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1003;
  background-color: #fff;
  background-repeat: repeat;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva.src-components-Menu-index__collapsed--xY7W9 {
  padding: 12px 0;
  justify-content: center;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2 {
  cursor: pointer;
  width: 100%;
  height: 36px;
  background: rgba(255, 119, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  border-radius: 4px;
  position: relative;
  transition: all 0.3s;
}
@keyframes src-components-Menu-index__menuNormal--l4aG5 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2 .src-components-Menu-index__label--LOgyP {
  font-size: 14px;
  margin-left: 8px;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2 .src-components-Menu-index__newMessage--kBalp {
  position: absolute;
  bottom: 26px;
  right: -19px;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 {
  width: 100%;
  margin-top: 16px;
  position: relative;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeBtn--D4eGU {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 14px;
  color: var(--color-primary);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-view-new-message);
  cursor: pointer;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeBtn--D4eGU:hover {
  background: var(--color-view-new-message-hover);
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeIcon--YWTck {
  font-size: 12px;
  transform: scale(0.7) rotate(-90deg);
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeClose--NwYlO {
  position: absolute;
  background: #CCCCCC;
  width: 16px;
  height: 16px;
  border-radius: 0 8px 0 8px;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeClose--NwYlO:hover {
  background: #999999;
}
.src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__oldNoticeBox--XBpH7 .src-components-Menu-index__oldNoticeClose--NwYlO .src-components-Menu-index__oldNoticeCloseIcon--JGe0U {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  transform: scale(0.7);
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  top: 7px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve.src-components-Menu-index__collapsedMessageBoxByNoMenu--errU8 {
  position: fixed;
  left: 20px;
  top: unset;
  bottom: 70px;
  width: 60px;
  height: 68px;
  z-index: 1200;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve.src-components-Menu-index__collapsedMessageBoxByNoMenu--errU8.src-components-Menu-index__collapsedMessageBoxNoAvatarByNoMenu--YZI6T {
  height: 60px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve:hover .src-components-Menu-index__newMessage--kBalp {
  transition: all 0.3s;
  transform: translateY(-4px);
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve:hover .src-components-Menu-index__collapsedMessageAvatar--nlpAX {
  transform: translateY(-4px);
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve:hover .src-components-Menu-index__collapsedMessageBottom--Y_MSL {
  width: 15px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX {
  width: 60px;
  height: 68px;
  position: relative;
  top: 0px;
  transition: all 0.3s;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX.src-components-Menu-index__noAvatar--cYn0T {
  height: 60px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX .src-components-Menu-index__collapsedMessageAvatarBgImg--cIom5 {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX .src-components-Menu-index__collapsedMessageAvatarBox--gBZ6L {
  width: 58px;
  height: 58px;
  position: absolute;
  top: 2px;
  left: 1px;
  background: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX .src-components-Menu-index__collapsedMessageAvatarBox--gBZ6L img {
  width: 100%;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageAvatar--nlpAX img {
  width: 100%;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageBottom--Y_MSL {
  transition: all 0.3s;
  width: 20px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageContact--g2M27 {
  background: #FFF7F0;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  position: absolute;
  left: 65px;
  bottom: 17px;
  font-size: 14px;
  line-height: 14px;
  color: var(--color-primary);
  width: -moz-max-content;
  width: max-content;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageContact--g2M27::after {
  content: '';
  border: 6px solid transparent;
  border-right-color: #FFF7F0;
  position: absolute;
  left: -10px;
  bottom: 14px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp {
  position: absolute;
  min-width: 300px;
  min-height: 100px;
  left: 65px;
  bottom: 13px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp::after {
  content: '';
  border: 6px solid transparent;
  border-right-color: #fff;
  position: absolute;
  left: -10px;
  bottom: 17px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp .src-components-Menu-index__collapsedMessageNoticeContent--kFjjB {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  width: 330px;
  min-height: 100px;
  padding: 0 16px;
  text-align: left;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp .src-components-Menu-index__collapsedMessageNoticeContent--kFjjB .src-components-Menu-index__collapsedMessageNoticeTop--AyNtW {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 119, 0, 0.2);
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp .src-components-Menu-index__collapsedMessageNoticeContent--kFjjB .src-components-Menu-index__collapsedMessageNoticeTop--AyNtW .src-components-Menu-index__collapsedMessageNoticeTopText--sm2vA {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 22px;
  margin-right: 4px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp .src-components-Menu-index__collapsedMessageNoticeContent--kFjjB .src-components-Menu-index__collapsedMessageNoticeTop--AyNtW .src-components-Menu-index__collapsedMessageNoticeTopIcon--rXo2K {
  flex: none;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageNotice--zrTNp .src-components-Menu-index__collapsedMessageNoticeContent--kFjjB .src-components-Menu-index__collapsedMessageNoticeBottom--IG1St {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
}
.src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__newMessage--kBalp {
  position: absolute;
  bottom: 46px;
  left: calc(100% - 8px);
  white-space: nowrap;
}
.vip .src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2 {
  color: #DDA863;
  background: rgba(221, 168, 99, 0.1);
}
.vip .src-components-Menu-index__mycj-menu--I_hAQ .src-components-Menu-index__conversation--IgRva .src-components-Menu-index__messageBox--nBzR2:hover {
  background-color: #f1d69e;
  color: #333;
}
.vip .src-components-Menu-index__collapsedMessageBox--DY7Ve .src-components-Menu-index__collapsedMessageContact--g2M27 {
  color: #DDA863;
}
.vip .src-components-Menu-index__collapsed-icon--feyUd:hover {
  background-color: #DDA863;
}

@keyframes src-components-Menu-components-ChatBox-index__chatAnimation--diiCC {
  0% {
    opacity: 0.9;
    width: 0;
    height: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}
@keyframes src-components-Menu-components-ChatBox-index__chatMenuAnimation--HzbZm {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}
@keyframes src-components-Menu-components-ChatBox-index__guideAnimation1--JComQ {
  0% {
    box-shadow: 0 0 0 0px var(--color-theme-1-opacity20);
  }
  60% {
    box-shadow: 0 0 0 4px var(--color-theme-1-opacity20);
  }
  100% {
    box-shadow: 0 0 0 0px var(--color-theme-1-opacity20);
  }
}
@keyframes src-components-Menu-components-ChatBox-index__guideAnimation2--KkPMu {
  0% {
    box-shadow: 0 0 0 0px var(--color-theme-1-opacity20);
  }
  60% {
    box-shadow: 0 0 0 2px var(--color-theme-1-opacity20);
  }
  100% {
    box-shadow: 0 0 0 0px var(--color-theme-1-opacity20);
  }
}
@keyframes src-components-Menu-components-ChatBox-index__guideAnimationVip1--Gu8wb {
  0% {
    box-shadow: 0 0 0 0px var(--color-theme-1-vip-opacity20);
  }
  60% {
    box-shadow: 0 0 0 4px var(--color-theme-1-vip-opacity20);
  }
  100% {
    box-shadow: 0 0 0 0px var(--color-theme-1-vip-opacity20);
  }
}
@keyframes src-components-Menu-components-ChatBox-index__guideAnimationVip2--KPVIT {
  0% {
    box-shadow: 0 0 0 0px var(--color-theme-1-vip-opacity20);
  }
  60% {
    box-shadow: 0 0 0 2px var(--color-theme-1-vip-opacity20);
  }
  100% {
    box-shadow: 0 0 0 0px var(--color-theme-1-vip-opacity20);
  }
}
.src-components-Menu-components-ChatBox-index__thChat--Q0C55 {
  background-color: var(--mycj-color-theme-percent1) !important;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  box-shadow: none;
  flex-wrap: nowrap !important;
}
.src-components-Menu-components-ChatBox-index__thChat--Q0C55:hover {
  color: var(--color-primary);
}
.src-components-Menu-components-ChatBox-index__thChat--Q0C55 .src-components-Menu-components-ChatBox-index__thMenuChatBox--S2Ip6 {
  width: 40px;
  height: 40px;
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-right: 9px;
  position: relative;
  flex: none;
}
.src-components-Menu-components-ChatBox-index__thChat--Q0C55 .src-components-Menu-components-ChatBox-index__thMenuChatBox--S2Ip6 .src-components-Menu-components-ChatBox-index__thChatIcon--KJScF {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.src-components-Menu-components-ChatBox-index__thChat--Q0C55 .src-components-Menu-components-ChatBox-index__thMenuChatBox--S2Ip6 .src-components-Menu-components-ChatBox-index__thAnimation--oOc9c {
  animation: src-components-Menu-components-ChatBox-index__chatMenuAnimation--HzbZm 2.8s ease-in-out infinite;
}
.src-components-Menu-components-ChatBox-index__thNoMenuChatBox--Sn8dx {
  position: fixed;
  left: 20px;
  top: unset;
  bottom: 70px;
  width: 80px;
  height: 80px;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 2px 8px 0 var(--mycj-color-theme9);
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #fff;
  background: var(--color-primary);
}
.src-components-Menu-components-ChatBox-index__thNoMenuChatBox--Sn8dx .src-components-Menu-components-ChatBox-index__thNoMenuChatContainer--VGEfN {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.src-components-Menu-components-ChatBox-index__thNoMenuChatBox--Sn8dx .src-components-Menu-components-ChatBox-index__thNoMenuChatContainer--VGEfN .src-components-Menu-components-ChatBox-index__thChatIcon--KJScF {
  font-size: 32px;
  line-height: 32px;
}
.src-components-Menu-components-ChatBox-index__thNoMenuChatBox--Sn8dx:hover {
  box-shadow: 0 2px 4px 0 var(--mycj-color-theme22);
  background: var(--color-primary-hover);
}
.src-components-Menu-components-ChatBox-index__thAnimation--oOc9c {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #fff;
  animation: src-components-Menu-components-ChatBox-index__chatAnimation--diiCC 2s ease-in-out infinite;
}
.src-components-Menu-components-ChatBox-index__weChatBox--cyc2z {
  margin: 0 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6BC839;
  color: #fff;
  border-radius: 6px;
}
.src-components-Menu-components-ChatBox-index__weChatBox--cyc2z:hover {
  background: #60B333;
}
.src-components-Menu-components-ChatBox-index__weChatBox--cyc2z.src-components-Menu-components-ChatBox-index__weChatNoMenu--MmCWS {
  position: fixed;
  left: 20px;
  top: unset;
  bottom: 70px;
  width: 60px;
  height: 60px;
  z-index: 1200;
}
.src-components-Menu-components-ChatBox-index__weChatBox--cyc2z.src-components-Menu-components-ChatBox-index__weChatNoMenu--MmCWS .src-components-Menu-components-ChatBox-index__weChatIcon--BjcFT {
  font-size: 32px;
  line-height: 32px;
}
.src-components-Menu-components-ChatBox-index__weChatBox--cyc2z .src-components-Menu-components-ChatBox-index__weChatIcon--BjcFT {
  font-size: 24px;
  line-height: 24px;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i {
  position: fixed;
  left: 20px;
  top: unset;
  bottom: 70px;
  width: 72px;
  height: 144px;
  box-shadow: 0px 2px 12px 0px rgba(255, 115, 0, 0.2);
  border-radius: 36px;
  border: 2px solid #FFFFFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__top--jOe_d,
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__bottom--tFLzl {
  flex: 1;
  background: var(--color-primary);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__top--jOe_d .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_,
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__bottom--tFLzl .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_ {
  margin-bottom: 2px;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__top--jOe_d:hover,
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__bottom--tFLzl:hover {
  background: var(--color-primary-hover);
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__top--jOe_d .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_ {
  font-size: 26px;
  line-height: 26px;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__bottom--tFLzl {
  line-height: 16px;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__bottom--tFLzl .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_ {
  font-size: 26px;
  line-height: 26px;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__middle--jxnp5 {
  height: 1px;
  flex: none;
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  width: 100%;
}
.src-components-Menu-components-ChatBox-index__d2dNoMenuChatBox--Zyx9i .src-components-Menu-components-ChatBox-index__middle--jxnp5 .src-components-Menu-components-ChatBox-index__middleLine--EZi3g {
  background: #fff;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp {
  box-shadow: none !important;
  flex-direction: column;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__top--jOe_d,
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__bottom--tFLzl {
  height: 40px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__top--jOe_d .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_,
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__bottom--tFLzl .src-components-Menu-components-ChatBox-index__d2dIcon--iJgd_ {
  font-size: 20px;
  line-height: 20px;
  margin-right: 12px;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__top--jOe_d:not(:last-child),
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__bottom--tFLzl:not(:last-child) {
  margin-bottom: 12px;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__top--jOe_d {
  background: var(--color-primary);
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__top--jOe_d:hover {
  background: var(--color-primary-hover);
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__bottom--tFLzl {
  background: #27D366;
}
.src-components-Menu-components-ChatBox-index__d2dChat--iBrfp .src-components-Menu-components-ChatBox-index__bottom--tFLzl:hover {
  background: #1D1E21;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx {
  position: absolute;
  left: 55px;
  bottom: 0;
  padding-left: 10px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx::after {
  content: '';
  border: 6px solid transparent;
  border-right-color: #fff;
  position: absolute;
  left: 0px;
  bottom: 30px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 460px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__title--rTmH7 {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  color: #999999;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__title--rTmH7 .src-components-Menu-components-ChatBox-index__titleIcon--wnBp3 {
  margin-left: 4px;
  font-size: 14px;
  line-height: 14px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b {
  width: 202px;
  border-radius: 8px;
  background: #F9F9F9;
  padding: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeItemListItemContent--zB2tf {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b:hover {
  background: #F3F3F3;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b:hover .src-components-Menu-components-ChatBox-index__newNoticeInfo--tnhKv .src-components-Menu-components-ChatBox-index__newNoticeInfoTitle--NsyHt {
  color: var(--color-primary);
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b:hover .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt {
  display: block;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b.src-components-Menu-components-ChatBox-index__personalTipsItem--AY5pR {
  margin-bottom: 0;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newMessageBox--XdJjh {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 8px 0 8px;
  background: #F24724;
  height: 16px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 16px;
  color: #fff;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: #eee;
  flex: none;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG {
  background-repeat: no-repeat;
  background-size: auto 144px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-1--Nsp4n {
  background-position-x: -10px;
  background-position-y: -10px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-2--LqfAO {
  background-position-x: -64px;
  background-position-y: -10px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-3--DYGh1 {
  background-position-x: -118px;
  background-position-y: -10px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-4--_jtSw {
  background-position-x: -172px;
  background-position-y: -10px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-5--XfvpW {
  background-position-x: -10px;
  background-position-y: -64px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-6--yek72 {
  background-position-x: -64px;
  background-position-y: -64px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-7--NYc9Y {
  background-position-x: -118px;
  background-position-y: -64px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw.src-components-Menu-components-ChatBox-index__defaultAvatar--owdPG.src-components-Menu-components-ChatBox-index__defaultAvatar-8--XSnU5 {
  background-position-x: -172px;
  background-position-y: -64px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeAvatarBox--fJimw img {
  width: 100%;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeInfo--tnhKv {
  display: flex;
  flex-direction: column;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__newNoticeInfo--tnhKv .src-components-Menu-components-ChatBox-index__newNoticeInfoTitle--NsyHt {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  color: #333333;
  text-align: left;
  max-width: 100%;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt {
  position: absolute;
  bottom: 56px;
  left: 0;
  transform: translateX(-8px);
  padding-bottom: 9px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt .src-components-Menu-components-ChatBox-index__personalTipsInner--gxeki {
  width: 220px;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 1px solid #FFE4CC;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt .src-components-Menu-components-ChatBox-index__personalTipsInner--gxeki .src-components-Menu-components-ChatBox-index__personalTipsTop--Dwakh {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 119, 0, 0.2);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 22px;
  color: #333;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt .src-components-Menu-components-ChatBox-index__personalTipsInner--gxeki .src-components-Menu-components-ChatBox-index__personalTipsBottom--LEBrO {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 16px;
  color: #666;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt .src-components-Menu-components-ChatBox-index__personalTipsInner--gxeki .src-components-Menu-components-ChatBox-index__personalTipsBottom--LEBrO.src-components-Menu-components-ChatBox-index__personalTipsBottomMemo--EmZIr {
  padding-top: 0;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b .src-components-Menu-components-ChatBox-index__personalTipsBox--PBeAt::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__title--rTmH7 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
  text-align: left;
  vertical-align: top;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 {
  display: flex;
  align-items: center;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6:hover .src-components-Menu-components-ChatBox-index__guideAnimationText--Qr8wr {
  color: var(--color-primary);
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationText--Qr8wr {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 16.8px;
  color: #333333;
  text-align: left;
  margin-left: 6px;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationBox--fjScI {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  flex: none;
  animation: src-components-Menu-components-ChatBox-index__guideAnimation1--JComQ 1.5s ease-in-out infinite;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationBox--fjScI .src-components-Menu-components-ChatBox-index__guideAnimationBoxInner--frYUC {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: src-components-Menu-components-ChatBox-index__guideAnimation2--KkPMu 1.5s ease-in-out infinite;
}
.src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationBox--fjScI .src-components-Menu-components-ChatBox-index__guideAnimationBoxInner--frYUC .src-components-Menu-components-ChatBox-index__guideAnimationBoxImg--JbaZW {
  max-width: 100%;
}
.src-components-Menu-components-ChatBox-index__titleTooltip--Ilfy0 {
  box-shadow: none !important;
}
.src-components-Menu-components-ChatBox-index__titleTooltip--Ilfy0 .rc-tooltip-arrow {
  transform: translate(calc(-50% + 7px), 5px) !important;
}
.src-components-Menu-components-ChatBox-index__titleTooltip--Ilfy0 .rc-tooltip-content {
  transform: translateX(5px);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.vip .src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6:hover .src-components-Menu-components-ChatBox-index__guideAnimationText--Qr8wr {
  color: var(--color-theme-1-vip);
}
.vip .src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationBox--fjScI {
  animation: src-components-Menu-components-ChatBox-index__guideAnimationVip1--Gu8wb 1.5s ease-in-out infinite;
}
.vip .src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__guideBox--vJpMK .src-components-Menu-components-ChatBox-index__guideAnimationContainer--u8Xi6 .src-components-Menu-components-ChatBox-index__guideAnimationBox--fjScI .src-components-Menu-components-ChatBox-index__guideAnimationBoxInner--frYUC {
  animation: src-components-Menu-components-ChatBox-index__guideAnimationVip2--KPVIT 1.5s ease-in-out infinite;
}
.vip .src-components-Menu-components-ChatBox-index__newNoticeBox--m8JQx .src-components-Menu-components-ChatBox-index__newNoticeBoxContent--ko7tB .src-components-Menu-components-ChatBox-index__newNoticeItem--U12WT .src-components-Menu-components-ChatBox-index__newNoticeItemList--eaIOu .src-components-Menu-components-ChatBox-index__newNoticeItemListItem--_Ym2b:hover .src-components-Menu-components-ChatBox-index__newNoticeInfo--tnhKv .src-components-Menu-components-ChatBox-index__newNoticeInfoTitle--NsyHt {
  color: var(--color-theme-1-1-vip);
}

.src-components-Menu-components-NewMessage-index__newMessage--aGjPV {
  height: 24px;
  background: #F24724;
  font-size: 12px;
  border-radius: 100px 100px 100px 0px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}

.src-universalComps-modal-confirm__confrimModal--y0pmP {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY {
  min-width: 480px;
  padding: 20px 20px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__content--mjgly {
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
  color: #666666 !important;
  padding: 0 !important;
  margin-top: 16px;
  text-align: left;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__header--n7M4H {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__closeBtn--nMfqs {
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 12px;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__footer--pLuZo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__footer--pLuZo .src-universalComps-modal-confirm__btn--Mb27j {
  margin-left: 15px;
  height: 32px;
  flex: none;
  line-height: 32px;
  min-width: 74px;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__footer--pLuZo .src-universalComps-modal-confirm__btn--Mb27j:nth-of-type(1) {
  margin-left: 0;
}
.src-universalComps-modal-confirm__confrimModal--y0pmP .src-universalComps-modal-confirm__box--ZaSYY .src-universalComps-modal-confirm__footer--pLuZo.src-universalComps-modal-confirm__right--scBc2 {
  justify-content: flex-end;
}

.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 444444;
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__box--AfCvH {
  width: 360px;
  height: auto;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__content--rj0tc {
  margin-top: 40px;
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__content--rj0tc a {
  color: var(--color-primary);
  font-size: 14px;
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__content--rj0tc a:hover {
  color: var(--color-primary-hover);
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__closeBtn--tfsk0 {
  font-size: 12px;
  color: var(--color-font-2);
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
.src-components-CjHeader-components-ContactUsModal-index__contactUs--uK4aP .src-components-CjHeader-components-ContactUsModal-index__btns--rgEMk {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A {
  margin-top: 16px;
  border-radius: 1px;
  background: #F5F9F9;
  background-repeat: repeat;
  background-size: 100%;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok {
  display: flex;
  align-items: center;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__avatar--FfwLI {
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: var(--color-primary-opacity1);
  border-radius: 8px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__avatar--FfwLI img {
  width: 100%;
  height: 100%;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__avatar--FfwLI span {
  display: block;
  width: 32px;
  height: 32px;
  background: var(--color-primary-opacity1);
  color: var(--color-primary);
  text-align: center;
  line-height: 32px;
  font-weight: bold;
  font-size: 24px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__con--_wAqh {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__con--_wAqh .src-components-CjProductDetail-components-SupplierInfo-qs__name--j6V_8 {
  color: #666666;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.3s;
  font-size: 14px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__con--_wAqh .src-components-CjProductDetail-components-SupplierInfo-qs__name--j6V_8:hover {
  color: var(--color-primary);
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__con--_wAqh .src-components-CjProductDetail-components-SupplierInfo-qs__name--j6V_8.src-components-CjProductDetail-components-SupplierInfo-qs__noId--TSyiC {
  text-decoration: none;
  cursor: default;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__con--_wAqh .src-components-CjProductDetail-components-SupplierInfo-qs__name--j6V_8.src-components-CjProductDetail-components-SupplierInfo-qs__noId--TSyiC:hover {
  color: #666;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__contact--jS7ed {
  background: var(--color-primary);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
  margin-left: 8px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__contact--jS7ed span {
  margin-left: 3px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierInfo--LwU3A .src-components-CjProductDetail-components-SupplierInfo-qs__header--X8IZa .src-components-CjProductDetail-components-SupplierInfo-qs__contact--jS7ed:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjProductDetail-components-SupplierInfo-qs__star--FvTn4 {
  display: flex;
  align-items: center;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__star--FvTn4 .rc-rate-star-half .rc-rate-star-first,
.src-components-CjProductDetail-components-SupplierInfo-qs__star--FvTn4 .rc-rate-star-full .rc-rate-star-second {
  color: var(--color-theme-1-opacity50);
}
.src-components-CjProductDetail-components-SupplierInfo-qs__arrow--F0gJZ {
  transform: rotate(90deg);
  color: #666;
  margin-left: 2px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN {
  width: 360px;
  padding: 15px 6px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__top--JPL6q {
  display: flex;
  position: relative;
  padding-right: 50px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__top--JPL6q .src-components-CjProductDetail-components-SupplierInfo-qs__jinpai_supplier--RTnbQ {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__secon_avatar--AlGi8 {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  overflow: hidden;
  background: var(--color-primary-opacity1);
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__secon_avatar--AlGi8 img {
  width: 100%;
  height: 100%;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__secon_avatar--AlGi8 span {
  display: block;
  width: 48px;
  height: 48px;
  background: var(--color-primary-opacity1);
  color: var(--color-primary);
  text-align: center;
  line-height: 48px;
  font-weight: bold;
  font-size: 24px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__shopName--_WatW {
  color: #160000;
  font-size: 14px;
  font-weight: bold;
  /* 显示一行，省略号 */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__info--bhLok .src-components-CjProductDetail-components-SupplierInfo-qs__quantitySupplier--LuiAj {
  margin-top: 4px;
  font-size: 12px;
  background: linear-gradient(180deg, #FFE8AE 0%, #F5C26C 100%);
  border-radius: 2px;
  padding: 0 4px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__starItem--Dbx4C {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  margin-top: 13px;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__starItem--Dbx4C .src-components-CjProductDetail-components-SupplierInfo-qs__label--q28IR {
  font-size: 14px;
  color: #666;
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__starItem--Dbx4C .rc-rate-star-half .rc-rate-star-first,
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainer--rcMIN .src-components-CjProductDetail-components-SupplierInfo-qs__starItem--Dbx4C .rc-rate-star-full .rc-rate-star-second {
  color: var(--color-theme-1-opacity50);
}
.src-components-CjProductDetail-components-SupplierInfo-qs__supplierContainerTooltip--V0Soy {
  border-radius: 8px;
}

.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1201;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS {
  width: 800px;
  box-sizing: border-box;
  padding: 20px 32px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__close--RBVbw {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__close--RBVbw .mf-iconfont {
  font-size: 16px;
  color: #666666;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__close--RBVbw .mf-iconfont:hover {
  color: #333;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__tit--Rtv7P {
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  margin-top: 20px;
  text-align: center;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__desc--b6r1V {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 18px;
  text-align: left;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowImg--xynD6 {
  width: 100%;
  margin-top: 40px;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowImg--xynD6.src-components-CjHeader-components-BuyFlow1688-index__third--GZYb4 {
  width: 100%;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowImg--xynD6 img {
  width: 100%;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60 {
  display: flex;
  flex-direction: column;
  width: 160px;
  margin-left: 28px;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60:nth-of-type(1) {
  margin-left: 0;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60 .src-components-CjHeader-components-BuyFlow1688-index__title--G0be2 {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  text-align: left;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60 .src-components-CjHeader-components-BuyFlow1688-index__description--OGa7L {
  font-size: 12px;
  color: #666666;
  margin-top: 16px;
  text-align: left;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd.src-components-CjHeader-components-BuyFlow1688-index__third--GZYb4 .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60 {
  width: 210px;
  margin-left: 45px;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__flowItems--YbUmd.src-components-CjHeader-components-BuyFlow1688-index__third--GZYb4 .src-components-CjHeader-components-BuyFlow1688-index__flow--wwt60:nth-of-type(1) {
  margin-left: 0;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__btn--aGAnZ {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__button--uJrW5 {
  height: 40px;
  padding: 0 46px;
  background: var(--color-primary);
  border-radius: 4px;
  color: #fff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.src-components-CjHeader-components-BuyFlow1688-index__buyFlow--E_CQQ .src-components-CjHeader-components-BuyFlow1688-index__box--qTmKS .src-components-CjHeader-components-BuyFlow1688-index__button--uJrW5:hover {
  background: var(--color-primary-hover);
}

.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T {
  background: #FBFBFB;
  padding: 0 4px;
  height: 36px;
  display: flex;
  align-items: center;
  border-radius: 18px;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .src-components-CjHeader-components-DatePicker-index__clearIcon--OYK2F {
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  color: #e1e1e1;
  margin-left: 4px;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .src-components-CjHeader-components-DatePicker-index__clearIcon--OYK2F:hover {
  color: #999;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T.src-components-CjHeader-components-DatePicker-index__active--lM4g8 .rc-picker-range .rc-picker-input {
  border-color: var(--color-primary);
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T.src-components-CjHeader-components-DatePicker-index__typeActive--ngsqD .rc-picker-range .rc-picker-input input {
  color: var(--color-primary);
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range {
  border: none !important;
  box-shadow: none !important;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range input {
  background: #fff !important;
  color: #666;
  font-size: 14px;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge 适配谷歌*/
  color: #999 !important;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐*/
  color: #999 !important;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range input:-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐*/
  color: #999 !important;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range input:-ms-input-placeholder {
  /* Internet Explorer 10-11 适配ie*/
  color: #999 !important;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range .rc-picker-input {
  height: 28px;
  background: #fff;
  border: 1px solid #EDEDED;
  border-radius: 14px;
  padding: 0 8px;
  overflow: hidden;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range .rc-picker-active-bar {
  display: none;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range .rc-picker-range-separator {
  display: flex;
  align-items: center;
  padding: 0 2px;
  line-height: 28px;
}
.src-components-CjHeader-components-DatePicker-index__datePickerBox--xbY3T .rc-picker-range .rc-picker-clear {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 7px;
}
.rc-picker-dropdown-range {
  box-shadow: none !important;
  z-index: 100;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-range-arrow {
  display: none;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel-container {
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel {
  background: #fff;
  border: none;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-date-panel {
  width: 280px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header {
  padding: 0 8px;
  color: #000000d9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header button {
  padding: 0;
  color: #00000040;
  line-height: 40px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header .rc-picker-header-view {
  font-weight: 500;
  line-height: 40px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header .rc-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header .rc-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header .rc-picker-header-view button:hover {
  color: var(--color-primary);
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header > button {
  min-width: 1.2em;
  font-size: 16px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-header > button:hover {
  color: #000000d9;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body {
  padding: 8px 12px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content {
  width: 252px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content th {
  width: 36px;
  height: 30px;
  color: #000000d9;
  line-height: 30px;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
  padding: 3px 0;
  color: #00000040;
  cursor: pointer;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: "";
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-in-view {
  color: #000000d9;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-today .rc-picker-cell-inner {
  border-color: var(--color-primary);
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-start .rc-picker-cell-inner, .rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-end .rc-picker-cell-inner {
  background: var(--color-primary);
  color: #fff;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-start .rc-picker-cell-inner:hover, .rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-end .rc-picker-cell-inner:hover {
  background: var(--color-primary);
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-in-range .rc-picker-cell-inner {
  background: var(--color-primary-opacity1);
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell .rc-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.rc-picker-dropdown-range .rc-picker-range-wrapper .rc-picker-panel .rc-picker-body .rc-picker-content .rc-picker-cell .rc-picker-cell-inner:hover {
  background: #f5f5f5;
}

.rc-picker {
  position: relative;
  display: inline-flex;
}
.rc-picker-rtl {
  direction: rtl;
}
.rc-picker-focused {
  border: 1px solid blue;
}
.rc-picker-invalid {
  box-shadow: 0 0 2px red;
}
.rc-picker-panels {
  display: flex;
  flex-wrap: nowrap;
}
.rc-picker-panel {
  display: inline-block;
  vertical-align: top;
  background: #fff0ff;
  border: 1px solid #666;
}
.rc-picker-panel-focused {
  border-color: blue;
}
.rc-picker-panel-rtl {
  direction: rtl;
}
.rc-picker-decade-panel,
.rc-picker-year-panel,
.rc-picker-month-panel,
.rc-picker-week-panel,
.rc-picker-date-panel,
.rc-picker-time-panel {
  display: flex;
  flex-direction: column;
}
.rc-picker-decade-panel table,
.rc-picker-year-panel table,
.rc-picker-month-panel table,
.rc-picker-week-panel table,
.rc-picker-date-panel table,
.rc-picker-time-panel table {
  text-align: center;
  border-collapse: collapse;
}
.rc-picker-header {
  display: flex;
}
.rc-picker-header > * {
  flex: none;
}
.rc-picker-header-view {
  flex: auto;
  text-align: center;
}
.rc-picker-header-view > button {
  padding: 0;
  border: 0;
}
.rc-picker-cell {
  color: #aaa;
}
.rc-picker-cell-disabled {
  opacity: 0.2;
}
.rc-picker-cell-inner {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  background: transparent;
  border: 0;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0.3s, border 0.3s;
}
.rc-picker-cell-inner:hover {
  background: rgba(0, 0, 255, 0.3);
}
.rc-picker-cell-in-view {
  color: #333;
}
.rc-picker-cell-in-range > .rc-picker-cell-inner {
  background: rgba(0, 0, 255, 0.05);
}
.rc-picker-cell-hover > .rc-picker-cell-inner {
  background: orange;
}
.rc-picker-cell-range-hover-start,
.rc-picker-cell-range-hover-end,
.rc-picker-cell-range-hover {
  position: relative;
}
.rc-picker-cell-range-hover-start::after,
.rc-picker-cell-range-hover-end::after,
.rc-picker-cell-range-hover::after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid green;
  border-right: 0;
  border-left: 0;
  content: '';
  pointer-events: none;
}
.rc-picker-cell-range-hover-start::after {
  border-left: 1px solid green !important;
}
.rc-picker-cell-range-hover-end::after {
  border-right: 1px solid green !important;
}
.rc-picker-cell-today > .rc-picker-cell-inner {
  border: 1px solid blue;
}
.rc-picker-cell-range-start > .rc-picker-cell-inner,
.rc-picker-cell-range-end > .rc-picker-cell-inner,
.rc-picker-cell-selected > .rc-picker-cell-inner {
  background: rgba(0, 0, 255, 0.2);
}
.rc-picker-presets {
  background: #ccccff;
}
.rc-picker-presets ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rc-picker-footer,
.rc-picker-picker-footer {
  background: green;
}
.rc-picker-ranges {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.rc-picker-ranges > li {
  display: inline-block;
}
.rc-picker-ok {
  float: right;
}
.rc-picker-year-panel .rc-picker-cell-inner,
.rc-picker-month-panel .rc-picker-cell-inner {
  width: 80px;
}
.rc-picker-week-panel-row:hover .rc-picker-cell {
  background: red;
}
.rc-picker-week-panel-row-selected .rc-picker-cell {
  background: rgba(0, 0, 255, 0.3);
}
.rc-picker-week-panel-row-range-hover .rc-picker-cell {
  background: rgba(0, 255, 0, 0.1);
}
.rc-picker-week-panel-row-range-start .rc-picker-cell,
.rc-picker-week-panel-row-range-end .rc-picker-cell {
  background: rgba(0, 255, 0, 0.3);
}
.rc-picker-week-panel .rc-picker-cell,
.rc-picker-week-panel .rc-picker-cell-inner {
  width: 20px;
}
.rc-picker-week-panel .rc-picker-cell-week {
  color: #999;
  font-weight: bold;
  font-size: 12px;
}
.rc-picker-week-panel .rc-picker-cell:hover > .rc-picker-cell-inner,
.rc-picker-week-panel .rc-picker-cell-selected > .rc-picker-cell-inner {
  background: transparent;
}
.rc-picker-date-panel .rc-picker-cell-inner {
  width: 20px;
}
.rc-picker-time-panel {
  width: auto;
}
.rc-picker-time-panel .rc-picker-content {
  position: relative;
  display: flex;
  max-height: 200px;
  direction: ltr;
}
.rc-picker-time-panel-column-title {
  font-size: 14px;
  line-height: 20px;
}
.rc-picker-time-panel-column {
  flex: auto;
  width: 50px;
  margin: 0;
  padding: 0 0 180px;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.rc-picker-time-panel-column-active {
  background: rgba(0, 0, 255, 0.1);
}
.rc-picker-time-panel-column:hover {
  overflow-y: auto;
}
.rc-picker-time-panel-column > li {
  width: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.rc-picker-time-panel-column > li.rc-picker-time-panel-cell-disabled {
  opacity: 0.5;
}
.rc-picker-time-panel-column > li.rc-picker-time-panel-cell-selected {
  background: rgba(0, 0, 255, 0.5);
}
.rc-picker-time-panel-column > li .rc-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  color: #333;
  line-height: 20px;
  text-align: center;
}
.rc-picker-panel-rtl .rc-picker-time-panel-column > li .rc-picker-time-panel-cell-inner {
  padding: 0 12px 0 0;
  text-align: right;
}
.rc-picker-datetime-panel {
  display: flex;
}
.rc-picker-datetime-panel .rc-picker-time-panel {
  border-left: 1px solid #999;
}
.rc-picker-datetime-panel .rc-picker-date-panel,
.rc-picker-datetime-panel .rc-picker-time-panel {
  transition: opacity 0.3s;
}
.rc-picker-datetime-panel-active .rc-picker-date-panel,
.rc-picker-datetime-panel-active .rc-picker-time-panel {
  opacity: 0.3;
}
.rc-picker-datetime-panel-active .rc-picker-date-panel-active,
.rc-picker-datetime-panel-active .rc-picker-time-panel-active {
  opacity: 1;
}
.rc-picker-input {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.rc-picker-rtl .rc-picker-input {
  text-align: right;
}
.rc-picker-input-active > input {
  background: rgba(0, 0, 255, 0.05);
}
.rc-picker-input > input {
  width: 100%;
}
.rc-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.rc-picker-input > input::placeholder {
  color: #bfbfbf;
}
.rc-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.rc-picker-input-placeholder > input {
  color: #bfbfbf;
}
.rc-picker-clear {
  position: absolute;
  top: 0;
  inset-inline-end: 4px;
  cursor: pointer;
}
.rc-picker-clear-btn::after {
  content: '×';
}
.rc-picker-dropdown {
  position: absolute;
  box-shadow: 0 0 1px red;
  pointer-events: none;
}
.rc-picker-dropdown-range {
  padding: 10px 0;
}
.rc-picker-dropdown-hidden {
  display: none;
}
.rc-picker-dropdown-rtl {
  direction: rtl;
}
.rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow,
.rc-picker-dropdown-placement-topRight .rc-picker-range-arrow {
  bottom: 6px;
  transform: rotate(135deg);
}
.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow,
.rc-picker-dropdown-placement-bottomRight .rc-picker-range-arrow {
  top: 6px;
  transform: rotate(-45deg);
}
.rc-picker-dropdown .rc-picker-range-arrow {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  transition: all 0.3s;
}
.rc-picker-dropdown .rc-picker-range-arrow::before,
.rc-picker-dropdown .rc-picker-range-arrow::after {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  content: '';
}
.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::before,
.rc-picker-dropdown-rtl.rc-picker-dropdown .rc-picker-range-arrow::after {
  transform: translate(50%, -50%);
}
.rc-picker-dropdown .rc-picker-range-arrow::before {
  width: 10px;
  height: 10px;
  border: 5px solid blue;
  border-color: blue blue transparent transparent;
}
.rc-picker-dropdown .rc-picker-range-arrow::after {
  width: 8px;
  height: 8px;
  border: 4px solid blue;
  border-color: #fff0ff #fff0ff transparent transparent;
}
.rc-picker-range {
  position: relative;
  display: inline-flex;
}
.rc-picker-range-wrapper {
  display: flex;
}
.rc-picker-range .rc-picker-active-bar {
  bottom: 0;
  height: 3px;
  background: green;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.rc-picker-range.rc-picker-focused .rc-picker-active-bar {
  opacity: 1;
}
.rc-picker-panel-container {
  display: inline-block;
  vertical-align: top;
  transition: margin 0.3s;
  pointer-events: all;
}
.rc-picker-panel-layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.rc-picker-selector {
  width: 100%;
}
.rc-picker-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid green;
  min-height: 1em;
}
.rc-picker-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.rc-picker-selection-item {
  border: 1px solid blue;
}
.rc-picker-selection-placeholder {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}
.rc-picker-multiple-input {
  width: 10px;
  opacity: 0.1;
}

.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1113;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ {
  position: relative;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW {
  width: 720px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 {
  background: linear-gradient(180deg, #fdeec5 0%, #fff7ed 100%);
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topContainer--A46zT {
  padding: 30px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topHeader--Cmiqq {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #333333;
  text-align: left;
  margin-bottom: 8px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabs--CXfne {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabs--CXfne .src-components-CjHeader-components-LargeCargoTipsModal-index__topTab--Roq3z {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 19.6px;
  color: #666666;
  text-align: left;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabs--CXfne .src-components-CjHeader-components-LargeCargoTipsModal-index__topTab--Roq3z .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabIcon--CHyQs {
  font-size: 16px;
  line-height: 16px;
  margin-right: 4px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabs--CXfne .src-components-CjHeader-components-LargeCargoTipsModal-index__topTab--Roq3z .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabIcon--CHyQs.src-components-CjHeader-components-LargeCargoTipsModal-index__themeIcon--j7o4L {
  color: var(--color-primary);
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topTabs--CXfne .src-components-CjHeader-components-LargeCargoTipsModal-index__topTab--Roq3z:not(:last-child) {
  margin-right: 29px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topContent--jSfkY {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 22.4px;
  color: #666;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topContent--jSfkY .logistics-enquiry-weight-count {
  color: #f24724;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__top--U_Yf7 .src-components-CjHeader-components-LargeCargoTipsModal-index__topContent--jSfkY .src-components-CjHeader-components-LargeCargoTipsModal-index__topContentNum--Own12 {
  color: #f24724;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y {
  padding: 12px 30px 32px 30px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__title--NDsqN {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 22.4px;
  color: #333333;
  text-align: left;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ {
  display: flex;
  justify-content: space-between;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF {
  width: 122px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy {
  width: 44px;
  height: 44px;
  background: #f5f5f5;
  border-radius: 50%;
  margin-bottom: 16px;
  overflow: hidden;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy .src-components-CjHeader-components-LargeCargoTipsModal-index__icon--UJ4iq {
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: cover;
  background-position-x: 0;
  background-position-y: 0;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy .src-components-CjHeader-components-LargeCargoTipsModal-index__icon--UJ4iq.src-components-CjHeader-components-LargeCargoTipsModal-index__contact--f_Glu {
  background-position-y: -64px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy .src-components-CjHeader-components-LargeCargoTipsModal-index__icon--UJ4iq.src-components-CjHeader-components-LargeCargoTipsModal-index__offerPrices--bE2md {
  background-position-y: -128px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy .src-components-CjHeader-components-LargeCargoTipsModal-index__icon--UJ4iq.src-components-CjHeader-components-LargeCargoTipsModal-index__pay--T4HaY {
  background-position-y: -190px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__iconBox--hcHCy .src-components-CjHeader-components-LargeCargoTipsModal-index__icon--UJ4iq.src-components-CjHeader-components-LargeCargoTipsModal-index__fulfillment--oD_pZ {
  background-position-y: -254px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__tabTitle--zRATm {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 18px;
  color: #666666;
  text-align: center;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTabs--z3MoZ .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomTab--HEuTF .src-components-CjHeader-components-LargeCargoTipsModal-index__arrowImg--khmh1 {
  height: 8px;
  position: absolute;
  right: -28px;
  top: 17px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtns--pQ8oI {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtns--pQ8oI .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtn--ppkho {
  padding: 6px 20px;
  border-radius: 4px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 19.6px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtns--pQ8oI .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtn--ppkho:hover {
  background: var(--color-primary-opacity1);
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__content--kLOIW .src-components-CjHeader-components-LargeCargoTipsModal-index__bottom--XSd7Y .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtns--pQ8oI .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtn--ppkho .src-components-CjHeader-components-LargeCargoTipsModal-index__bottomBtnIcon--p7isa {
  font-size: 14px;
  line-height: 14px;
  color: var(--color-primary);
  margin-left: 2px;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__topRightImg--Z0mDW {
  height: 122px;
  position: absolute;
  right: 0;
  top: -14px;
  z-index: 1;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__closeBox--idlZa {
  background: rgba(0, 0, 0, 0.5);
  width: 24px;
  height: 24px;
  border-radius: 0px 7px 0px 8px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__closeBox--idlZa:hover {
  background: rgba(0, 0, 0, 0.7);
}
.src-components-CjHeader-components-LargeCargoTipsModal-index__wrapper--cLG90 .src-components-CjHeader-components-LargeCargoTipsModal-index__box--K89uZ .src-components-CjHeader-components-LargeCargoTipsModal-index__closeBox--idlZa .src-components-CjHeader-components-LargeCargoTipsModal-index__closeIcon--u96gK {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}

.src-components-CjHeader-components-InquirePriceModal-index__inquirePriceModalOverlay--Iktr9 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1005;
}
.src-components-CjHeader-components-InquirePriceModal-index__inquirePriceModal--h9_da {
  background: white;
  border-radius: 4px;
  width: 600px;
  max-width: 90vw;
  height: 500px;
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-InquirePriceModal-index__modalHeader--MR1zK {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  background: #F9F8F8;
}
.src-components-CjHeader-components-InquirePriceModal-index__modalHeader--MR1zK h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.src-components-CjHeader-components-InquirePriceModal-index__closeBtn--aVe8u {
  font-size: 24px;
  cursor: pointer;
  color: #666;
  position: absolute;
  right: 20px;
}
.src-components-CjHeader-components-InquirePriceModal-index__closeBtn--aVe8u:hover {
  color: rgba(0, 0, 0, 0.75);
}
.src-components-CjHeader-components-InquirePriceModal-index__modalContent--i9znY {
  padding: 24px;
  padding-bottom: 0;
  overflow-y: auto;
  flex: 1;
}
.src-components-CjHeader-components-InquirePriceModal-index__formRow--lDmBw {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}
.src-components-CjHeader-components-InquirePriceModal-index__formSection--nptLG {
  margin-bottom: 24px;
  position: relative;
}
.src-components-CjHeader-components-InquirePriceModal-index__formRow--lDmBw .src-components-CjHeader-components-InquirePriceModal-index__formSection--nptLG {
  flex: 1;
  margin-bottom: 0;
}
.src-components-CjHeader-components-InquirePriceModal-index__sectionTitle--zqyw0 {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 18px;
}
.src-components-CjHeader-components-InquirePriceModal-index__required--Ht2PE {
  color: #ff4d4f;
  margin-right: 4px;
}
.src-components-CjHeader-components-InquirePriceModal-index__sectionDescription--SB6MK {
  font-size: 12px;
  color: #999;
  margin-bottom: 8px;
}
.src-components-CjHeader-components-InquirePriceModal-index__priceRange--RS3YO,
.src-components-CjHeader-components-InquirePriceModal-index__quantityRange--Aat2_ {
  display: flex;
  align-items: center;
  gap: 8px;
}
.src-components-CjHeader-components-InquirePriceModal-index__errorMessage--bkAmj {
  color: #ff4d4f;
  font-size: 12px;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: translateY(104%);
  width: 120px;
  line-height: 1;
}
.src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM,
.src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx {
  padding: 6px 10px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  font-size: 14px;
  width: 120px;
}
.src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM::-moz-placeholder, .src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx::-moz-placeholder {
  color: #CBCBCB;
}
.src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM::placeholder,
.src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx::placeholder {
  color: #CBCBCB;
}
.src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM:focus,
.src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx:focus {
  border-color: var(--color-primary);
}
.src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM.src-components-CjHeader-components-InquirePriceModal-index__error--s5DLw,
.src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx.src-components-CjHeader-components-InquirePriceModal-index__error--s5DLw {
  border-color: #ff4d4f !important;
}
.vip .src-components-CjHeader-components-InquirePriceModal-index__priceInput--uXOIM:focus,
.vip .src-components-CjHeader-components-InquirePriceModal-index__quantityInput--HBgHx:focus {
  border-color: #DDA863;
}
.src-components-CjHeader-components-InquirePriceModal-index__separator--oXim9 {
  width: 8px;
  height: 1px;
  background-color: #666;
}
.src-components-CjHeader-components-InquirePriceModal-index__linksContainer--UQxqH {
  display: flex;
  flex-direction: column;
}
.src-components-CjHeader-components-InquirePriceModal-index__linksContainer--UQxqH:last-child {
  margin-bottom: 0;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkItem--LeaPW {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  margin-bottom: 8px;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkItem--LeaPW.src-components-CjHeader-components-InquirePriceModal-index__error--s5DLw {
  margin-bottom: 26px;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM {
  flex: 1;
  padding: 4.5px 10px;
  max-width: 500px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 14px;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM::-moz-placeholder {
  color: #CBCBCB;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM::placeholder {
  color: #CBCBCB;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM:focus {
  border-color: var(--color-primary);
}
.src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM.src-components-CjHeader-components-InquirePriceModal-index__error--s5DLw {
  border-color: #ff4d4f !important;
}
.vip .src-components-CjHeader-components-InquirePriceModal-index__linkInput--daFjM:focus {
  border-color: #DDA863;
}
.src-components-CjHeader-components-InquirePriceModal-index__linkActions--iKlWP {
  display: flex;
  gap: 8px;
}
.src-components-CjHeader-components-InquirePriceModal-index__deleteBtn--qnpSh .mf-iconfont,
.src-components-CjHeader-components-InquirePriceModal-index__addBtn--rGU8B .mf-iconfont {
  font-size: 14px;
  color: #999;
}
.src-components-CjHeader-components-InquirePriceModal-index__deleteBtn--qnpSh {
  background: #F2F2F2;
  color: #999;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-InquirePriceModal-index__deleteBtn--qnpSh:hover {
  background: #E4E4E4;
}
.src-components-CjHeader-components-InquirePriceModal-index__addBtn--rGU8B {
  background: #F2F2F2;
  color: #999;
  border: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.src-components-CjHeader-components-InquirePriceModal-index__addBtn--rGU8B:hover {
  background: #E4E4E4;
}
.src-components-CjHeader-components-InquirePriceModal-index__modalFooter--W8CKa {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.05);
}
.src-components-CjHeader-components-InquirePriceModal-index__cancelBtn--nBpuv {
  padding: 6px 16px;
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
  color: #666;
  border-radius: 4px;
  cursor: pointer;
  outline: none!important;
}
.src-components-CjHeader-components-InquirePriceModal-index__confirmBtn--RmCsR {
  outline: none!important;
  padding: 6px 16px;
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.src-components-CjHeader-components-InquirePriceModal-index__confirmBtn--RmCsR:hover {
  background-color: var(--color-primary-hover);
}
.src-components-CjHeader-components-InquirePriceModal-index__charCount--xjWJi {
  font-size: 12px;
  color: #999;
}
.src-components-CjHeader-components-InquirePriceModal-index__charCount--xjWJi.src-components-CjHeader-components-InquirePriceModal-index__charCountError--Wn5_P {
  color: #ff4d4f;
}
.src-components-CjHeader-components-InquirePriceModal-index__successModalOverlay--pYuLW {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10001;
}
.src-components-CjHeader-components-InquirePriceModal-index__successModal--CeQBW {
  background: white;
  border-radius: 8px;
  padding: 32px;
  max-width: 480px;
  width: 90%;
  text-align: center;
}
.src-components-CjHeader-components-InquirePriceModal-index__successContent--ahP_V {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.src-components-CjHeader-components-InquirePriceModal-index__successIcon--iWQY4 {
  flex-shrink: 0;
}
.src-components-CjHeader-components-InquirePriceModal-index__successIcon--iWQY4 .mf-iconfont {
  font-size: 22px;
}
.src-components-CjHeader-components-InquirePriceModal-index__successText--vfNgG {
  flex: 1;
  text-align: left;
}
.src-components-CjHeader-components-InquirePriceModal-index__successTitle--u13JG {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.src-components-CjHeader-components-InquirePriceModal-index__successTitle--u13JG span {
  color: var(--color-primary);
}
.src-components-CjHeader-components-InquirePriceModal-index__successDescription--g_T4Y {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.src-components-CjHeader-components-InquirePriceModal-index__successActions--ltzoD {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.vip .src-components-CjHeader-components-InquirePriceModal-index__allowVip--O6YTE .src-components-CjHeader-components-InquirePriceModal-index__confirmBtn--RmCsR {
  background: #F1D69E;
  color: #333333;
  border: #F1D69E;
}
.vip .src-components-CjHeader-components-InquirePriceModal-index__allowVip--O6YTE .src-components-CjHeader-components-InquirePriceModal-index__confirmBtn--RmCsR:hover {
  background: #D8C08D;
  border: #D8C08D;
}
.vip .src-components-CjHeader-components-InquirePriceModal-index__allowVip--O6YTE .src-components-CjHeader-components-InquirePriceModal-index__successTitle--u13JG span {
  color: #dda863;
}