/* stylelint-disable */ 
@font-face {
  font-family: "iconfont"; /* Project id 4784391 */
  src: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/iconfont_4e5e1c1a.woff2) format('woff2'),
       url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/iconfont_43aee3a0.woff) format('woff');
       
}

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

.icon-a-rongqi1309:before {
  content: "\E66B";
}

.icon-a-suoding1:before {
  content: "\E66A";
}

.icon-bangzhuzhongxin1:before {
  content: "\E669";
}

.icon-liebiaoliu:before {
  content: "\E649";
}

.icon-bangzhuzhongxin:before {
  content: "\E668";
}

.icon-paypal1:before {
  content: "\E667";
}

.icon-bofang:before {
  content: "\E64F";
}

.icon-yonghufankui:before {
  content: "\E612";
}

.icon-lipinhe:before {
  content: "\E608";
}

.icon-xiugaineirong:before {
  content: "\E663";
}

.icon-gaibian1:before {
  content: "\E664";
}

.icon-xiugaineirong1:before {
  content: "\E665";
}

.icon-gaibian2:before {
  content: "\E666";
}

.icon-paypal:before {
  content: "\E662";
}

.icon-shuju:before {
  content: "\E607";
}

.icon-fuchi:before {
  content: "\E606";
}

.icon-youxi:before {
  content: "\E605";
}

.icon-xianjinjiangli:before {
  content: "\E604";
}

.icon-lihe:before {
  content: "\E603";
}

.icon-logo:before {
  content: "\E661";
}

.icon-shaixuan:before {
  content: "\E65F";
}

.icon-huodongfenxiang:before {
  content: "\E660";
}

.icon-shouyi:before {
  content: "\E65C";
}

.icon-lianjie:before {
  content: "\E65D";
}

.icon-tianjia:before {
  content: "\E65E";
}

.icon-a-youtube3:before {
  content: "\E627";
}

.icon-jindubiaoshi:before {
  content: "\E65A";
}

.icon-top:before {
  content: "\E65B";
}

.icon-epicgames:before {
  content: "\E650";
}

.icon-meitiiconqiehuan:before {
  content: "\E651";
}

.icon-a-rongqi1269:before {
  content: "\E652";
}

.icon-meitiiconqiehuan-2:before {
  content: "\E653";
}

.icon-a-xbox360:before {
  content: "\E654";
}

.icon-icon_facebook:before {
  content: "\E655";
}

.icon-steam:before {
  content: "\E656";
}

.icon-a-playstation2:before {
  content: "\E657";
}

.icon-google:before {
  content: "\E658";
}

.icon-logo-facebook:before {
  content: "\E659";
}

.icon-tingzhi:before {
  content: "\E646";
}

.icon-sousuo:before {
  content: "\E647";
}

.icon-xiazai:before {
  content: "\E648";
}

.icon-tupianliu:before {
  content: "\E64A";
}

.icon-quxiao:before {
  content: "\E64B";
}

.icon-xiayigeshipin:before {
  content: "\E64C";
}

.icon-shuruguangbiao:before {
  content: "\E64D";
}

.icon-gantanhao:before {
  content: "\E64E";
}

.icon-kaifangshijiemaoxian:before {
  content: "\E618";
}

.icon-shenghuo:before {
  content: "\E61F";
}

.icon-dongzuoyouxi:before {
  content: "\E629";
}

.icon-yingjian:before {
  content: "\E62A";
}

.icon-tiyulei:before {
  content: "\E62C";
}

.icon-duliyouxi:before {
  content: "\E62D";
}

.icon-jingsulei:before {
  content: "\E632";
}

.icon-monijingyinglei:before {
  content: "\E639";
}

.icon-fuguyouxi:before {
  content: "\E63C";
}

.icon-gonglve:before {
  content: "\E63D";
}

.icon-qita:before {
  content: "\E63E";
}

.icon-moba:before {
  content: "\E63F";
}

.icon-gaibian:before {
  content: "\E640";
}

.icon-kongbuyouxi:before {
  content: "\E641";
}

.icon-dianjing:before {
  content: "\E642";
}

.icon-erciyuanlei:before {
  content: "\E643";
}

.icon-dataoshalei:before {
  content: "\E644";
}

.icon-FPS_RPS:before {
  content: "\E645";
}

.icon-yule:before {
  content: "\E619";
}

.icon-wenhua:before {
  content: "\E61B";
}

.icon-shahelei:before {
  content: "\E61C";
}

.icon-a-icontwitch1:before {
  content: "\E63A";
}

.icon-caidan-shise2:before {
  content: "\E63B";
}

.icon-fenxiang1:before {
  content: "\E633";
}

.icon-rongqi-21:before {
  content: "\E634";
}

.icon-btnchakangengduo1:before {
  content: "\E635";
}

.icon-dianzanshu1:before {
  content: "\E636";
}

.icon-dingyue1:before {
  content: "\E637";
}

.icon-shipinbofang1:before {
  content: "\E638";
}

.icon-dingyuezhe1:before {
  content: "\E62B";
}

.icon-pinglunshu1:before {
  content: "\E62E";
}

.icon-a-iconxianshi1:before {
  content: "\E62F";
}

.icon-rongqi1:before {
  content: "\E630";
}

.icon-shipinshu1:before {
  content: "\E631";
}

.icon-douyin1:before {
  content: "\E624";
}

.icon-a-iconyoutube-2:before {
  content: "\E625";
}

.icon-a-icontwitch:before {
  content: "\E626";
}

.icon-a-iconyoutube-3:before {
  content: "\E628";
}

.icon-a-iconxiala:before {
  content: "\E613";
}

.icon-a-iconxianshi-2:before {
  content: "\E615";
}

.icon-rongqi-2:before {
  content: "\E616";
}

.icon-gerenzhuye:before {
  content: "\E617";
}

.icon-fenxiang:before {
  content: "\E61A";
}

.icon-zhibo:before {
  content: "\E61D";
}

.icon-dianzanshu:before {
  content: "\E620";
}

.icon-pinglunshu:before {
  content: "\E621";
}

.icon-rongqi:before {
  content: "\E622";
}

.icon-zhibobofang:before {
  content: "\E623";
}

.icon-profit:before {
  content: "\E609";
}

.icon-home:before {
  content: "\E60A";
}

.icon-userinfo:before {
  content: "\E60B";
}

.icon-activity:before {
  content: "\E60C";
}

.icon-data:before {
  content: "\E60D";
}

.icon-media:before {
  content: "\E60E";
}

.icon-exit:before {
  content: "\E60F";
}

.icon-link:before {
  content: "\E610";
}

.icon-weixuan:before {
  content: "\E611";
}


/** mixins **/
:root {
  --topbar-height: 54px;
  --topbar-padding: 0 21px;
}
@media screen and (min-width: 750px) {
  :root {
    --topbar-height: 96px;
    --topbar-padding: 0 40px;
  }
}
.ccc-topbar .account-panel .account-select {
  display: none;
}
.ccc-topbar .account-panel .account-text {
  margin-left: 8px;
  margin-right: 4px;
}
.ccc-topbar-drawer.account-drawer .account-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  margin-bottom: 20px;
  padding-left: 20px;
  cursor: default;
}
.ccc-topbar-drawer.account-drawer .account-info .account-user-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/pic_813021a5.png) center center no-repeat;
  background-size: 100%;
}
.ccc-topbar-drawer.account-drawer .account-info .account-text {
  color: var(--color-primary);
  font-size: 14px;
  margin-left: 10px;
}
@media screen and (min-width: 750px) {
  .ccc-topbar .account-panel .account-select {
    display: block;
  }
  .ccc-topbar .account-panel .account-select .account-user-icon {
    width: 40px;
    height: 40px;
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/pic_813021a5.png) center center no-repeat;
    background-size: 100%;
  }
  .ccc-topbar .account-panel .account-icon {
    display: none;
  }
}
:root {
  --drawer-max-width: 313px;
  --drawer-min-width: 195px;
}
.el-drawer__open .el-drawer.ltr,
.el-drawer__open .el-drawer.rtl {
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.el-drawer__open .el-drawer.ltr {
  border-top-right-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}
.el-drawer__open .el-drawer.rtl {
  border-top-left-radius: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
}
.el-drawer__open .ccc-topbar-drawer {
  width: calc(100% - 54px) !important;
  max-width: var(--drawer-max-width);
  min-width: var(--drawer-min-width);
  padding: 20px;
}
.el-drawer__open .ccc-topbar-drawer .el-drawer__body {
  margin-top: 60px;
}
.el-drawer__open .ccc-topbar-drawer .el-drawer__header {
  display: none;
}
.el-drawer__open .ccc-topbar-drawer .menu-drawer-header {
  position: absolute;
  top: 20px;
  right: 20px;
}
.el-drawer__open .ccc-topbar-drawer .menu-drawer-header .ccc-iconfont {
  font-size: 24px;
  color: #272636;
  cursor: pointer;
}
.el-drawer__open .ccc-topbar-drawer .menu-drawer-header .ccc-topbar-logo {
  width: 125px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.el-drawer__open .ccc-topbar-drawer.account-drawer .menu-drawer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 40px;
}
.el-drawer__open .ccc-topbar-drawer.menu-drawer .menu-drawer-header {
  left: 20px;
  top: 20px;
}
.ccc-topbar-nav .nav-container {
  display: none;
}
.ccc-topbar-drawer.menu-drawer {
  max-width: var(--drawer-max-width);
  min-width: var(--drawer-min-width);
}
@media screen and (min-width: 750px) {
  :root {
    --topbar-navmenu-width: 148px;
  }
  .ccc-topbar-nav {
    position: absolute;
    top: var(--topbar-height);
    left: 0;
    height: calc(100vh - var(--topbar-height));
  }
  .ccc-topbar-nav .nav-container {
    display: block;
    height: 100%;
    padding: 0 30px;
    width: 266px;
    background-color: var(--bg-color-light);
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
  .ccc-topbar-nav .nav-container.is-collapsed {
    width: 148px;
  }
  .ccc-topbar-nav .nav-container .ccc-nav {
    height: 100%;
    padding-top: 20px;
  }
  .ccc-topbar-nav .nav-container .ccc-nav.is-collapsed > .el-menu {
    margin: 0 auto;
  }
  .ccc-topbar-nav .nav-icon {
    display: none;
  }
}
@media screen and (min-width: 1060px) {
  :root {
    --topbar-navmenu-width: 266px;
  }
  .ccc-topbar-nav .nav-container {
    padding: 0 30px;
    width: var(--topbar-navmenu-width);
  }
}
@media screen and (min-width: 1440px) {
  .ccc-topbar-nav .nav-container {
    padding: 0 30px;
  }
}
.ccc-topbar {
  height: var(--topbar-height);
  background-color: var(--color-light);
  padding: var(--topbar-padding);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  position: relative;
}
.ccc-topbar .hide-on-mobile {
  display: none;
}
.ccc-topbar .ccc-topbar-icon {
  font-size: 21px;
  color: var(--nav-icon-color);
  cursor: pointer;
}
.ccc-topbar .ccc-topbar-logo {
  width: 26px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}
.ccc-topbar .ccc-topbar-logo.normal {
  display: none;
}
.ccc-topbar .ccc-topbar-right {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-topbar .ccc-topbar-right .laguage-select {
  display: none;
  margin-right: 30px;
}
.ccc-topbar .ccc-topbar-right .laguage-select .laguage-select-icon {
  color: var(--color-text);
}
.ccc-topbar .ccc-topbar-right .laguage-select .laguage-text {
  margin-left: 4px;
  margin-right: 4px;
}
.ccc-topbar .ccc-topbar-right .login-text {
  color: var(--color-text);
  cursor: pointer;
}
.ccc-topbar .ccc-topbar-right .login-text:hover {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}
.ccc-topbar .ccc-topbar-right .login-text:hover .ccc-iconfont {
  color: var(--color-primary);
}
.ccc-topbar .ccc-topbar-right .doc-help {
  display: none;
  color: var(--color-text);
}
.ccc-topbar .ccc-topbar-right .doc-help .ccc-iconfont {
  color: var(--color-text);
}
@media screen and (min-width: 750px) {
  .ccc-topbar .ccc-topbar-logo {
    width: auto;
  }
  .ccc-topbar .ccc-topbar-logo.simple {
    display: none;
  }
  .ccc-topbar .ccc-topbar-logo.normal {
    display: block;
    width: 176px;
  }
  .ccc-topbar .ccc-topbar-right .doc-help {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    margin-right: 30px;
  }
  .ccc-topbar .ccc-topbar-right .doc-help .doc-help-text {
    margin-left: 8px;
  }
  .ccc-topbar .ccc-topbar-right .doc-help .ccc-iconfont {
    font-size: 24px;
  }
  .ccc-topbar .ccc-topbar-right .laguage-select {
    display: block;
  }
  .ccc-topbar .ccc-topbar-right .laguage-select .ccc-iconfont {
    font-size: 24px;
  }
}
@media screen and (min-width: 750px) {
  .lang-jp .ccc-topbar-nav .nav-container {
    padding: 0 20px;
  }
}

/** mixins **/
:root {
  --nav-item-fontsize: 14px;
  --nav-item-height: 44px;
  --nav-border-radius: calc(var(--nav-item-height) / 2);
  --nav-item-padding: 0 24px;
  --nav-item-margin: 20px;
  --nav-text-color: var(--color-text);
  --nav-text-hover-color: var(--color-primary);
  --nav-text-active-color: var(--color-primary);
  --nav-bg-color: transparent;
  --nav-bg-hover-color: var(--bg-color-secondary);
  --nav-bg-active-color: var(--bg-color-secondary);
  --nav-icon-color: #898AAC;
  --nav-icon-hover-color: rgba(97, 104, 231, 0.6);
  --nav-icon-active-color: var(--color-primary);
  --nav-secondary-text-color: var(--color-text-secondary);
  --nav-secondary-text-color-hover: var(--color-primary);
  --nav-secondary-text-color-active: var(--color-primary);
  --nav-bg-secondary-color: transparent;
  --nav-bg-secondary-hover-color: transparent;
  --nav-bg-secondary-active-color: var(--bg-color-secondary);
  --nav-secondary-item-margin: 4px;
  --nav-secondary-item-padding: 0 24px;
  --nav-secondary-item-height: 40px;
  --nav-icon-size: 24px;
}
.ccc-nav.is-collapsed {
  --var-nav-border-radius: 16px;
}
@media screen and (min-width: 750px) {
  :root {
    --nav-item-fontsize: 16px;
    --nav-item-margin: 30px;
    --nav-secondary-item-margin: 8px;
  }
}
.ccc-nav {
  background-color: #fff;
}
.ccc-nav .el-menu {
  border-right: none;
}
.ccc-nav .el-menu .el-menu-item {
  font-size: var(--nav-item-fontsize);
  color: var(--nav-text-color);
  border-radius: var(--nav-border-radius);
  width: 100%;
  min-width: auto;
  height: var(--nav-item-height);
  line-height: var(--nav-item-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  padding: var(--nav-item-padding) !important;
}
.ccc-nav .el-menu .el-menu-item:focus {
  background-color: transparent;
}
.ccc-nav .el-menu .el-menu-item > i {
  color: var(--nav-icon-color);
  margin-right: 6px;
  font-size: var(--nav-icon-size);
}
.ccc-nav .el-menu .el-menu-item:hover {
  color: var(--nav-text-hover-color);
  background-color: var(--nav-bg-hover-color);
}
.ccc-nav .el-menu .el-menu-item:hover > i {
  color: var(--nav-icon-hover-color);
}
.ccc-nav .el-menu .el-menu-item.is-active {
  font-weight: var(--font-weight-bold);
  color: var(--nav-text-active-color);
  background-color: var(--nav-bg-active-color);
}
.ccc-nav .el-menu .el-menu-item.is-active > i {
  color: var(--nav-icon-active-color);
  font-weight: 300 !important;
}
.ccc-nav .el-menu .el-menu-item:not(:first-child) {
  margin-top: var(--nav-item-margin);
}
.ccc-nav .el-menu .el-submenu {
  margin-top: var(--nav-item-margin);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title {
  font-size: var(--nav-item-fontsize);
  color: var(--nav-text-color);
  border-radius: var(--nav-border-radius);
  width: 100%;
  min-width: auto;
  height: var(--nav-item-height);
  line-height: var(--nav-item-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  padding: var(--nav-item-padding) !important;
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:focus {
  background-color: transparent;
}
.ccc-nav .el-menu .el-submenu .el-submenu__title > i {
  color: var(--nav-icon-color);
  margin-right: 6px;
  font-size: var(--nav-icon-size);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:hover {
  color: var(--nav-text-hover-color);
  background-color: var(--nav-bg-hover-color);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:hover > i {
  color: var(--nav-icon-hover-color);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title.is-active {
  font-weight: var(--font-weight-bold);
  color: var(--nav-text-active-color);
  background-color: var(--nav-bg-active-color);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title.is-active > i {
  color: var(--nav-icon-active-color);
  font-weight: 300 !important;
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:not(:first-child) {
  margin-top: var(--nav-item-margin);
}
.ccc-nav .el-menu .el-submenu .el-submenu__title .el-submenu__icon-arrow {
  margin-right: 0;
  height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-nav .el-menu .el-submenu .el-submenu__title .el-submenu__icon-arrow::before {
  /* stylelint-disable */
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  content: "\E613";
  /* stylelint-enable */
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:hover {
  background-color: var(--nav-bg-active-color) !important;
  color: var(--color-primary) !important;
}
.ccc-nav .el-menu .el-submenu .el-submenu__title:hover > i {
  color: var(--nav-icon-hover-color) !important;
}
.ccc-nav .el-menu .el-submenu .el-menu--inline .el-menu-item {
  color: var(--nav-secondary-text-color);
  height: var(--nav-secondary-item-height);
  line-height: var(--nav-secondary-item-height);
  margin-top: var(--nav-secondary-item-margin);
  font-weight: normal;
  padding-left: 54px !important;
}
.ccc-nav .el-menu .el-submenu .el-menu--inline .el-menu-item:hover {
  color: var(--nav-secondary-text-color-hover);
}
.ccc-nav .el-menu .el-submenu .el-menu--inline .el-menu-item.is-active {
  color: var(--nav-secondary-text-color-active);
  font-weight: var(--font-weight-bold);
}
.ccc-nav .el-menu .el-submenu.is-active {
  border-radius: var(--nav-border-radius);
}
.ccc-nav .el-menu .el-submenu.is-active .el-submenu__title {
  background-color: transparent;
  color: var(--nav-text-color);
  font-weight: normal;
}
.ccc-nav .el-menu .el-submenu.is-active .el-submenu__title > i {
  color: var(--nav-icon-color);
}
.ccc-nav.is-collapsed .el-menu-item {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}
.ccc-nav.is-collapsed .el-menu-item > i {
  margin-right: 0;
}
.ccc-nav.is-collapsed .el-submenu .el-submenu__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}
.ccc-nav.is-collapsed .el-submenu .el-submenu__title .ccc-iconfont {
  margin-right: 0;
}
.ccc-nav.is-collapsed .el-submenu .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
.ccc-nav.is-collapsed .el-submenu.is-active {
  background-color: var(--nav-bg-active-color);
}
.ccc-nav.is-collapsed .el-submenu.is-active .el-submenu__title > i {
  color: var(--color-primary) !important;
}
.ccc-nav.is-center .el-menu-item {
  text-align: center;
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.ccc-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ccc-dropdown .ccc-dropdown-item {
  padding: 4px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: var(--color-text);
  font-size: 12px;
  border-radius: var(--border-radius-sm);
}
.ccc-dropdown .ccc-dropdown-item:hover,
.ccc-dropdown .ccc-dropdown-item.is-active {
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
}
.ccc-dropdown .ccc-dropdown-item:hover .ccc-iconfont,
.ccc-dropdown .ccc-dropdown-item.is-active .ccc-iconfont {
  color: var(--color-primary);
  font-weight: 300 !important;
}
.ccc-dropdown .ccc-dropdown-item.is-active {
  font-weight: var(--font-weight-bold);
}
.ccc-dropdown .ccc-dropdown-item.is-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ccc-dropdown .ccc-dropdown-item__icon {
  margin-right: 12px;
  color: #898AAC;
}
.ccc-dropdown .ccc-dropdown-item:not(:first-child) {
  margin-top: 8px;
}
.ccc-dropdown .ccc-dropdown-item span {
  white-space: nowrap;
}
.ccc-dropdown-trigger {
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-dropdown-trigger .ccc-dropdown__icon {
  font-size: 20px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  display: inline-block;
}
.ccc-dropdown-trigger.is-visible .ccc-dropdown__icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media screen and (min-width: 750px) {
  .ccc-dropdown .ccc-dropdown-item {
    font-size: 14px;
    padding: 8px 20px;
  }
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
:root {
  --select-input-bg-color: #F1F1F1;
}
.ccc-select {
  width: 148px;
}
.ccc-select .el-input .el-input__inner {
  background-color: var(--select-input-bg-color);
  border: none;
  color: var(--color-header);
  padding: 0 15px;
  border-radius: 30px;
  height: 30px !important;
  line-height: 30px;
  font-size: 12px;
}
.ccc-select .el-input.is-disabled .el-input__inner {
  -webkit-text-fill-color: var(--color-disabled);
  color: var(--color-disabled);
  opacity: 1;
}
.ccc-select .el-input.is-disabled .el-input__inner[disabled],
.ccc-select .el-input.is-disabled .el-input__inner:disabled {
  color: var(--color-disabled);
  opacity: 1;
}
.ccc-select .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-select .el-input.is-disabled .el-input__inner::-moz-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-select .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-select .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-select .el-input.is-disabled .el-input__inner::placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-select .el-input .el-input__suffix .el-input__icon {
  line-height: 30px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.ccc-select .el-input .el-input__suffix .el-input__icon::before {
  /* stylelint-disable */
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  content: "\E613";
  color: #898AAC;
}
.ccc-select .el-input .el-input__suffix .el-input__icon.is-reverse {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.ccc-select .ccc-select-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ccc-select .ccc-select-drawer .select-drawer-content {
  width: 100%;
  max-height: calc(100vh - 40px);
  min-height: 406px;
  background-color: var(--bg-color-light);
  -webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(97, 104, 231, 0.05);
          box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(97, 104, 231, 0.05);
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
  padding: 15px;
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item {
  padding: 8px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: var(--color-text);
  font-size: 12px;
  border-radius: var(--border-radius-sm);
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item:hover,
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item.hover,
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item.selected {
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item.selected {
  font-weight: 500;
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item__icon {
  margin-right: 12px;
  color: var(--color-primary);
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item:not(:first-child) {
  margin-top: 8px;
}
.ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item {
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el-select-dropdown .ccc-select-item {
  padding: 8px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: var(--color-text);
  font-size: 12px;
  border-radius: var(--border-radius-sm);
}
.el-select-dropdown .ccc-select-item:hover,
.el-select-dropdown .ccc-select-item.hover,
.el-select-dropdown .ccc-select-item.selected {
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
}
.el-select-dropdown .ccc-select-item.selected {
  font-weight: 500;
}
.el-select-dropdown .ccc-select-item__icon {
  margin-right: 12px;
  color: var(--color-primary);
}
.el-select-dropdown .ccc-select-item:not(:first-child) {
  margin-top: 8px;
}
.el-select-dropdown.el-popper {
  padding: 8px;
}
.el-select-dropdown.el-popper .popper__arrow {
  display: none;
}
.el-select-dropdown.el-popper .el-select-dropdown__list {
  padding: 0;
}
@media screen and (min-width: 750px) {
  .ccc-select {
    width: 206px;
  }
  .ccc-select .el-input .el-input__inner {
    padding: 0 30px;
    height: 40px !important;
    line-height: 40px;
    font-size: 14px;
  }
  .ccc-select .el-input .el-input__suffix {
    right: 20px;
  }
  .ccc-select .el-input .el-input__suffix .el-input__icon {
    line-height: 40px;
  }
  .ccc-select .ccc-select-drawer .select-drawer-content {
    padding: 30px;
  }
  .ccc-select .ccc-select-drawer .select-drawer-content .ccc-select-item {
    font-size: 14px;
  }
  .el-select-dropdown .ccc-select-item {
    font-size: 14px;
  }
}

/** mixins **/

/** mixins **/
.ccc-iconfont {
  color: #898AAC;
}

/** mixins **/

/** mixins **/
.copyright {
  background-color: #fefefe;
  margin-top: 20px;
  padding: 21px 31px;
}
.copyright .copyright-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1200px;
}
.copyright .copyright-inner .copyright-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.copyright .copyright-inner .copyright-logos .copyright-logo {
  position: relative;
  padding: 0 15px;
}
.copyright .copyright-inner .copyright-logos .copyright-logo:nth-child(1) {
  padding-left: 0;
}
.copyright .copyright-inner .copyright-logos .copyright-logo:last-child {
  padding-right: 0;
}
.copyright .copyright-inner .copyright-logos .copyright-logo:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 15px;
  background-color: #DEE0F9;
}
.copyright .copyright-inner .copyright-logos .copyright-logo > img {
  display: block;
}
.copyright .copyright-inner .copyright-logos .copyright-logo-netease {
  width: 90px;
}
.copyright .copyright-inner .copyright-logos .copyright-logo-thunderfire {
  width: 39px;
}
.copyright .copyright-inner .copyright-logos .copyright-logo-creatorhub {
  width: 30px;
}
.copyright .copyright-inner .copyright-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  font-size: 12px;
  color: #7B848D;
}
.copyright .copyright-inner .copyright-content .copyright-links {
  margin-top: 10px;
}
.copyright .copyright-inner .copyright-content .copyright-links .copyright-link-item {
  text-decoration: underline;
}
.copyright .copyright-inner .copyright-content .copyright-links .copyright-link-item:not(:first-child) {
  margin-left: 20px;
}
@media screen and (min-width: 750px) {
  .copyright {
    margin-top: 40px;
    padding: 36px 84px;
  }
  .copyright .copyright-inner .copyright-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .copyright .copyright-inner .copyright-logos .copyright-logo {
    padding: 0 18px;
  }
  .copyright .copyright-inner .copyright-logos .copyright-logo:not(:last-child)::after {
    width: 2px;
    height: 20px;
  }
  .copyright .copyright-inner .copyright-logos .copyright-logo-netease {
    width: 122px;
  }
  .copyright .copyright-inner .copyright-logos .copyright-logo-thunderfire {
    width: 46px;
  }
  .copyright .copyright-inner .copyright-logos .copyright-logo-creatorhub {
    width: 40px;
  }
  .copyright .copyright-inner .copyright-content {
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  .copyright {
    padding: 36px 14px;
  }
  .copyright .copyright-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .copyright .copyright-inner .copyright-content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 0;
    margin-left: 50px;
  }
  .copyright .copyright-inner .copyright-content .copyright-links {
    margin-top: 10px;
  }
  .copyright .copyright-inner .copyright-content .copyright-links .copyright-link-item {
    text-decoration: underline;
  }
  .copyright .copyright-inner .copyright-content .copyright-links .copyright-link-item:not(:first-child) {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1050px) {
  .copyright {
    padding-left: 70px;
  }
  .copyright .copyright-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1924px) {
  .copyright {
    padding-left: 134px;
  }
}

/** mixins **/

/** mixins **/
.common-container {
  padding: 20px;
  background-color: var(--bg-color-light);
  border-radius: var(--border-radius-lg);
  position: relative;
}
.common-container .common-container-inner {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.common-container .common-header ~ .common-container-body {
  margin-top: 15px;
}
.common-header .common-header-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.common-header .common-header-main .common-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-header);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  cursor: default;
}
.common-header .common-header-main .common-header-title .common-header-title__text.is-required.is-left::before {
  content: '*';
  margin-right: 2px;
  color: var(--color-warn);
  vertical-align: middle;
}
.common-header .common-header-main .common-header-title .common-header-title__text.is-required.is-right::after {
  content: '*';
  margin-left: 2px;
  color: var(--color-warn);
  display: inline-block;
  vertical-align: middle;
}
.common-header .common-header-main .common-header-title .common-header-title__icon {
  margin-left: 6px;
  font-size: 12px;
}
.common-header .common-header-main .common-header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-header .common-header-main .common-header-right .prefix-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.common-header .common-header-main .common-header-right .prefix-link::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #7B848D;
  margin-left: 10px;
}
.common-header .common-header-main .common-header-right .prefix-link .activity-icon {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/icon-activity-center_22fcfa86.png) no-repeat 100% 100%;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.common-header .common-header-main .common-header-right .prefix-link span {
  color: var(--color-warn);
  font-size: 14px;
}
.common-header .common-header-main .common-header-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-secondary);
  font-size: var(--text-font-size-normal);
  cursor: pointer;
  margin-left: 10px;
}
.common-header .common-header-main .common-header-link:hover {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}
.common-header .common-header-main .common-header-link:hover .ccc-iconfont {
  color: var(--color-primary);
}
.common-header .common-header-main .common-header-link .common-header-link__text {
  display: none;
  font-size: 12px;
  white-space: nowrap;
}
.common-header .common-header-main .common-header-link .common-header-link__text.is-always {
  display: block;
}
.common-header .common-header-main .common-header-link .common-header-link__icon {
  font-size: var(--text-font-size-sm);
  padding: 6px;
  margin-right: -6px;
}
.common-header .common-header-sub {
  color: var(--color-text-secondary);
  font-size: 12px;
  margin-top: 10px;
}
.common-header-tip.el-tooltip__popper {
  border: none;
  background-color: var(--bg-color-light);
  -webkit-box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
          box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
  color: var(--color-text);
  font-size: 12px;
  border-radius: var(--border-radius-lg);
  padding: 10px 12px;
}
@media screen and (min-width: 750px) {
  .common-container {
    padding: 40px;
  }
  .common-container .common-header ~ .common-container-body {
    margin-top: 20px;
  }
  .common-header .common-header-main .common-header-title {
    font-size: 20px;
  }
  .common-header .common-header-main .common-header-title .common-header-title__icon {
    font-size: 16px;
    margin-left: 10px;
  }
  .common-header .common-header-main .common-header-link .common-header-link__text {
    display: block;
    margin-right: -4px;
    font-size: 14px;
  }
  .common-header .common-header-sub {
    font-size: 14px;
    margin-top: 8px;
  }
  .common-header-tip.el-tooltip__popper {
    padding: 18px 20px;
  }
}
@media screen and (min-width: 960px) {
  .common-container {
    padding: 30px;
  }
}
@media screen and (max-width: 1690px) and (min-width: 1500px) {
  .common-header .common-header-main .common-header-right .prefix-link span {
    display: none;
  }
}
@media screen and (max-width: 1230px) and (min-width: 1120px) {
  .common-header .common-header-main .common-header-right .prefix-link span {
    display: none;
  }
}

/** mixins **/

/** mixins **/

/** mixins **/
.ccc-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
  cursor: pointer;
  border-radius: 30px;
}
.ccc-btn .ccc-btn-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.ccc-btn .ccc-btn-inner .ccc-btn-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ccc-btn .ccc-btn-inner .ccc-btn-icon {
  margin-right: 4px;
}
.ccc-btn:hover {
  background-color: #DEE0FF;
}
.ccc-btn.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.ccc-btn.is-disabled:hover {
  background-color: var(--bg-color-secondary);
}
.ccc-btn.ccc-btn-primary {
  color: var(--color-light);
  background-color: var(--bg-color-primary);
}
.ccc-btn.ccc-btn-primary:hover {
  background-color: #707EFF;
}
.ccc-btn.ccc-btn-primary.is-disabled:hover {
  background-color: var(--bg-color-primary);
}
.ccc-btn.ccc-btn-danger {
  background-color: var(--bg-color-danger);
  color: var(--color-light);
}
.ccc-btn.ccc-btn-danger:hover {
  background-color: #F41B22;
}
.ccc-btn.ccc-btn-danger.is-disabled:hover {
  background-color: var(--bg-color-danger);
}
.ccc-btn.ccc-btn-md .ccc-btn-inner {
  padding: 0 30px;
}
.ccc-btn.ccc-btn-lg .ccc-btn-inner {
  width: 270px;
  height: 44px;
  font-size: 14px;
}
@media screen and (min-width: 750px) {
  .ccc-btn .ccc-btn-inner {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .ccc-btn.ccc-btn-md .ccc-btn-inner {
    padding: 0 60px;
  }
  .ccc-btn.ccc-btn-lg .ccc-btn-inner {
    width: 400px;
    font-size: 16px;
  }
}

/** mixins **/

/** mixins **/
.ccc-backtop .ccc-backtop-icon {
  width: 44px;
  height: 44px;
}
@media screen and (min-width: 750px) {
  .ccc-backtop .ccc-backtop-icon {
    width: 48px;
    height: 48px;
  }
}

/** mixins **/

@charset "utf-8";
/** mixins **/
@media screen and (max-width: 750px) {
  .col-xs-4 {
    width: 100%;
  }
  .col-xs-3 {
    width: 75%;
  }
  .col-xs-2 {
    width: 50%;
  }
  .col-xs-1 {
    width: 25%;
  }
}
@media screen and (min-width: 750px) and (max-width: 960px) {
  .col-sm-4 {
    width: 100%;
  }
  .col-sm-3 {
    width: 75%;
  }
  .col-sm-2 {
    width: 50%;
  }
  .col-sm-1 {
    width: 25%;
  }
}
@media screen and (min-width: 960px) and (max-width: 1280px) {
  .col-md-4 {
    width: 100%;
  }
  .col-md-3 {
    width: 75%;
  }
  .col-md-2 {
    width: 50%;
  }
  .col-md-1 {
    width: 25%;
  }
}
@media screen and (min-width: 1280px) {
  .col-lg-4 {
    width: 100%;
  }
  .col-lg-3 {
    width: 75%;
  }
  .col-lg-2 {
    width: 50%;
  }
  .col-lg-1 {
    width: 25%;
  }
}
.fl-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.clear::before,
.clear::after {
  content: '';
  display: table;
  clear: both;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体日语 */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体韩语 */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体泰语 */
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}
html {
  font-family: "Noto Sans SC", sans-serif;
}
[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}
[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}
[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}
[lang|="th"] {
  font-family: "Noto Sans Thai", sans-serif;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em {
  font-weight: normal;
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
button,
a,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
input,
textarea {
  outline: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
#NIE-topBar {
  z-index: 999 !important;
}
#NIE-topBar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
:root {
  --min-width: 330px;
  --max-width: 2560px;
  --color-primary: #6168E7;
  --color-secondary: #EFF0FF;
  --color-success: #2A8A47;
  --color-danger: #B50C0C;
  --color-warn: #ED6AD4;
  --color-light: #FEFEFE;
  --color-text: #4E5760;
  --color-text-danger: #DE3339;
  --color-text-secondary: #7B848D;
  --color-text-tertiary: #898AAC;
  --color-header: #282C35;
  --color-disabled: #BEBEBE;
  --border-radius-sm: 4px;
  --border-radius-normal: 6px;
  --border-radius-md: 16px;
  --border-radius-lg: 12px;
  --padding-sm: 8px;
  --padding-normal: 20px;
  --padding-md: 30px;
  --padding-lg: 40px;
  --padding-xl: 60px;
  --bg-color-light: #FEFEFE;
  --bg-color-primary: #6168E7;
  --bg-color-secondary: #EFF0FF;
  --bg-color-secondary-op6: rgba(239, 240, 255, 0.6);
  --bg-color-danger: #DE3339;
  --text-font-size-sm: 12px;
  --text-font-size-normal: 14px;
  --text-font-size-md: 16px;
  --text-font-size-lg: 20px;
  --font-weight-normal: 500;
  --font-weight-bold: 700;
  --gap: 20px;
}
@media screen and (min-width: 750px) {
  :root {
    --gap: 40px;
    --border-radius-normal: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 24px;
  }
}
.el-popper {
  min-width: 110px;
  padding: 4px;
  background: var(--bg-color-light);
  border: none;
  border-radius: var(--border-radius-md);
  -webkit-box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
          box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
}
.el-popper .popper__arrow {
  display: none;
}
.el-popper .popper__arrow::after {
  border-width: 8px;
  top: -10px;
}
@media screen and (min-width: 750px) {
  .el-popover.el-popper {
    padding: 8px;
  }
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-width: var(--min-width);
  max-width: var(--max-width);
  font-size: 12px;
  color: var(--color-text);
  background-color: var(--bg-color-light);
}
body {
  max-width: 2560px;
  font-size: 12px;
}
#app {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#app .ccc-topbar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.app-body {
  padding-left: var(--topbar-navmenu-width);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.page-body-wrap {
  position: relative;
  background: #F7F5FB;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-body {
  padding: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 750px) {
  .page-body {
    padding: 40px;
  }
  .page-body-wrap {
    border-top-left-radius: 40px;
  }
}
.entrance-page .app-body {
  padding-left: 0;
}
.entrance-page .app-body .page-body {
  border-top-left-radius: 0;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mask.no-mask {
  background: transparent;
}
.pop-bg-wrap {
  padding: 12px;
  background: var(--bg-color-light);
  border-radius: var(--border-radius-md);
  position: relative;
}
.pop-bg {
  width: calc(100vw - 30px - 12px * 2);
  min-width: calc(var(--min-width) - 12px * 2);
  max-width: calc(1000px - 12px * 2);
  max-height: calc(100vh - 128px - 12px * 2);
  padding: calc(30px - 12px) calc(20px - 12px);
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pop-bg .pop-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pop-bg .pop-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #272636;
  font-size: 18px;
}
.pop-bg .pop-header .pop-header-title {
  font-size: 16px;
  color: var(--color-header);
  font-weight: 500;
}
.pop-bg .pop-header .pop-header-subtitle {
  font-size: 12px;
  color: var(--color-text-secondary);
  margin-top: 15px;
}
.pop-bg .pop-header .pop-header-subtitle > a {
  color: var(--color-primary);
}
.pop-bg.pop-bg-sm {
  width: calc(100vw - 40px - 12px * 2);
  max-width: calc(385px - 12px * 2);
  min-height: calc(250px - 12px * 2);
  padding: calc(20px - 12px);
}
.pop-bg.pop-bg-sm .pop-close {
  top: 20px;
  right: 20px;
}
@media screen and (min-width: 750px) {
  .pop-bg-wrap {
    padding: 24px;
    border-radius: var(--border-radius-lg);
  }
  .pop-bg {
    padding: calc(60px - 24px) calc(120px - 24px);
    width: calc(100vw - 80px - 24px * 2);
    max-height: calc(100vh - 256px - 24px * 2);
  }
  .pop-bg .pop-close {
    top: 40px;
    right: 40px;
    font-size: 32px;
  }
  .pop-bg .pop-header .pop-header-title {
    font-size: 24px;
  }
  .pop-bg .pop-header .pop-header-subtitle {
    font-size: 14px;
    margin-top: 8px;
  }
  .pop-bg.pop-bg-sm {
    padding: calc(40px - 24px);
    width: calc(100vw - 40px - 24px * 2);
    max-width: calc(480px - 24px * 2);
    min-height: calc(340px - 24px * 2);
  }
  .pop-bg.pop-bg-sm .pop-close {
    top: 30px;
    right: 30px;
  }
}
.msg-pop .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.msg-pop .message-title {
  text-align: center;
  font-size: 16px;
  color: var(--color-header);
  font-weight: 500;
}
.msg-pop .message-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-header);
  font-size: 12px;
  font-weight: 500;
  min-height: 82px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msg-pop .message-content.center {
  text-align: center;
}
.msg-pop .message-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-pop .message-btns.single {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-pop .message-btns.single .ccc-btn {
  width: 100%;
}
.msg-pop .message-btns .ccc-btn-inner {
  min-width: 130px;
  height: 40px;
}
.msg-pop .message-btns :not(:first-child) {
  margin-left: 20px;
}
@media screen and (min-width: 750px) {
  .msg-pop .message-title {
    font-size: 24px;
  }
  .msg-pop .message-content {
    font-size: 16px;
  }
  .msg-pop .message-btns .ccc-btn-inner {
    min-width: 176px;
    height: 48px;
  }
  .msg-pop .message-btns.single .ccc-btn-inner {
    width: 316px;
  }
}
.special-pop .creations-types,
.special-pop .game-types {
  margin-top: 30px;
}
.special-pop .creations-types .ccc-form-item .ccc-form-item__label .ccc-form-item__label--title,
.special-pop .game-types .ccc-form-item .ccc-form-item__label .ccc-form-item__label--title {
  white-space: wrap;
}
.special-pop .types-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-header);
}
.special-pop .special-types-list-wrap {
  margin-top: 15px;
}
.special-pop .special-types-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -15px;
}
.special-pop .special-types-list .el-checkbox {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-right: 0;
  margin-top: 15px;
}
.special-pop .special-types-list .checkbox-group-suffix {
  width: 100%;
}
.special-pop .checkbox-group-suffix {
  position: relative;
}
.special-pop .checkbox-group-suffix .el-checkbox {
  width: 100%;
}
.special-pop .checkbox-group-suffix .ccc-input {
  position: absolute;
  top: 13px;
  left: 92px;
  right: 0;
}
.special-pop .confirm-btn-box {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .special-pop .creations-types {
    margin-top: 60px;
  }
  .special-pop .game-types {
    margin-top: 32px;
  }
  .special-pop .special-types-list-wrap {
    margin-top: 20px;
  }
  .special-pop .special-types-list {
    margin-top: -20px;
  }
  .special-pop .special-types-list .el-checkbox {
    margin-top: 20px;
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
  }
  .special-pop .special-types-list .el-checkbox.is-over {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
  .special-pop .special-types-list .el-checkbox .el-checkbox__label {
    padding-right: 6px;
  }
  .special-pop .confirm-btn-box {
    margin-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .special-pop .game-types {
    margin-top: 40px;
  }
  .special-pop .special-types-list .el-checkbox {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
  .special-pop .special-types-list .el-checkbox.is-over {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}
@media screen and (max-width: 750px) {
  .type-col-sm-2 .checkbox-group-suffix {
    width: 100%;
  }
  .type-col-sm-1 .checkbox-group-suffix {
    width: 50%;
  }
}
@media screen and (min-width: 750px) and (max-width: 960px) {
  .type-col-md-4 .checkbox-group-suffix {
    width: 100%;
  }
  .type-col-md-3 .checkbox-group-suffix {
    width: 75%;
  }
  .type-col-md-2 .checkbox-group-suffix {
    width: 50%;
  }
  .type-col-md-1 .checkbox-group-suffix {
    width: 25%;
  }
}
@media screen and (min-width: 960px) {
  .type-col-lg-5 .checkbox-group-suffix {
    width: 100%;
  }
  .type-col-lg-4 .checkbox-group-suffix {
    width: 80%;
  }
  .type-col-lg-3 .checkbox-group-suffix {
    width: 60%;
  }
  .type-col-lg-2 .checkbox-group-suffix {
    width: 40%;
  }
  .type-col-lg-1 .checkbox-group-suffix {
    width: 20%;
  }
}
.register-pop .item-gutter {
  margin-top: 30px;
}
.register-pop .personal-discord .ccc-form-item__label .discord-guide-icon {
  cursor: pointer;
  margin-left: 4px;
  font-size: 12px;
}
.register-pop .ccc-form-item-control {
  margin-top: 15px;
}
.register-pop .pop-header .pop-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.register-pop .register-pop-subtitle {
  font-size: 12px;
  color: var(--color-text-secondary);
  margin-top: 15px;
}
.register-pop .register-pop-subtitle > a {
  color: var(--color-primary);
}
.register-pop .steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.register-pop .steps .progress-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #BEBEBE;
  height: 2px;
  margin: 0 8px;
}
.register-pop .steps .progress-line.is-actived {
  background-color: var(--bg-color-primary);
}
.register-pop .steps .step-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-pop .steps .step-item .step-item-num {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #BEBEBE;
  color: var(--color-light);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  cursor: default;
  font-family: 'DIN', sans-serif;
}
.register-pop .steps .step-item .step-item-num .ccc-iconfont {
  color: var(--color-light);
}
.register-pop .steps .step-item .step-item-text {
  display: none;
  position: relative;
  font-weight: 500;
  margin-left: 4px;
  font-size: 12px;
  color: #BEBEBE;
  white-space: nowrap;
}
.register-pop .steps .step-item.is-actived .step-item-num {
  background-color: var(--bg-color-primary);
}
.register-pop .steps .step-item.is-actived .step-item-text {
  color: var(--color-text);
}
.register-pop .steps .step-item.is-active .step-item-num {
  background-color: var(--bg-color-primary);
}
.register-pop .steps .step-item.is-active .step-item-text {
  display: inline-block;
  color: var(--color-primary);
}
.register-pop .step-header {
  margin-top: 30px;
}
.register-pop .step-header .step-header-title {
  font-size: 14px;
  position: relative;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
}
.register-pop .step-header .step-header-title .required-icon {
  position: relative;
  color: #ED6AD4;
  display: inline-block;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.register-pop .step-header .step-header-text {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.register-pop .confirm-btn-box {
  margin-top: 20px;
}
.register-pop .agree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: var(--color-text-secondary);
  margin-bottom: 24px;
}
.register-pop .agree > p {
  margin-left: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  white-space: break-spaces;
}
.register-pop .agree > p > a,
.register-pop .agree > p > span {
  white-space: nowrap;
}
.register-pop .agree a {
  color: var(--color-primary);
}
.register-pop .logout {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  margin-top: 20px;
  cursor: pointer;
}
.register-pop .logout:hover {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}
@media screen and (min-width: 750px) {
  .register-pop .item-gutter {
    margin-top: 40px;
  }
  .register-pop .personal-discord .ccc-form-item__label .discord-guide-icon {
    font-size: 16px;
  }
  .register-pop .ccc-form-item-control {
    margin-top: 12px;
  }
  .register-pop .ccc-form-item .ccc-form-item__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .register-pop .ccc-form-item .ccc-form-item__label .ccc-form-item__label--desc {
    margin-left: 0;
    margin-top: 8px;
  }
  .register-pop .pop-header .pop-header-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .register-pop .register-pop-subtitle {
    font-size: 14px;
    margin-top: 8px;
  }
  .register-pop .steps {
    margin-top: 40px;
  }
  .register-pop .steps .progress-line {
    margin: 0 20px;
  }
  .register-pop .steps .step-item .step-item-text {
    margin-left: 8px;
    font-size: 14px;
    display: inline-block !important;
  }
  .register-pop .step-header {
    margin-top: 50px;
  }
  .register-pop .step-header .step-header-title {
    font-size: 20px;
  }
  .register-pop .step-header .step-header-title .required-icon {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  .register-pop .step-header .step-header-text {
    font-size: 14px;
    margin-top: 8px;
  }
  .register-pop .confirm-btn-box {
    margin-top: 60px;
  }
  .register-pop .agree {
    margin-bottom: 12px;
  }
  .register-pop .agree > p {
    margin-left: 8px;
  }
  .register-pop .logout {
    font-size: 16px;
  }
}
@media screen and (min-width: 750px) and (max-width: 940px) {
  .register-pop .steps .progress-line {
    margin: 0 12px;
  }
}
.confirm-pop {
  padding: 16px 21px;
  width: 100%;
}
.confirm-pop .pop-close {
  top: 30px;
  right: 30px;
  font-size: 33px;
}
.confirm-pop .pop-content {
  width: 390px;
}
.confirm-pop .confirm-pop-title {
  font-size: 24px;
  font-weight: var(--font-weight-normal);
  color: var(--color-header);
  text-align: center;
}
.confirm-pop .confirm-wrapper {
  margin: 30px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.confirm-pop .confirm-wrapper img {
  width: 88px;
  height: 88px;
}
.confirm-pop .confirm-wrapper .confirm-text {
  font-size: 16px;
  color: var(--color-header);
  line-height: 2;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
}
.confirm-pop .ccc-btn.ccc-btn-lg {
  width: 100%;
  text-align: center;
}
.confirm-pop .ccc-btn.ccc-btn-lg .ccc-btn-inner {
  width: 100%;
  height: 48px;
  line-height: 48px;
}
@media screen and (max-width: 750px) {
  .confirm-pop {
    padding: 18px;
  }
  .confirm-pop .pop-close {
    top: 15px;
    right: 15px;
    font-size: 24px;
  }
  .confirm-pop .pop-content {
    width: auto;
  }
  .confirm-pop .confirm-pop-title {
    font-size: 16px;
  }
  .confirm-pop .confirm-wrapper .confirm-text {
    font-size: 12px;
  }
  .confirm-pop .confirm-wrapper img {
    width: 44px;
    height: 44px;
  }
  .confirm-pop .ccc-btn.ccc-btn-lg .ccc-btn-inner {
    height: 44px;
    line-height: 44px;
  }
}
.picture-preview-pop {
  background-color: transparent;
  width: 90%;
  height: 90%;
  padding: 60px 32px;
  overflow: hidden;
  position: relative;
}
.picture-preview-pop .pop-content {
  position: absolute;
  top: 60px;
  right: 32px;
  left: 32px;
  bottom: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.picture-preview-pop .img-swiper .img-grid {
  display: block;
  max-width: 100%;
  max-height: 100%;
  padding: 0 98px;
  text-align: center;
}
.picture-preview-pop .img-swiper .img-grid img {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.picture-preview-pop .swiper-button-prev,
.picture-preview-pop .swiper-button-next {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-header);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
}
.picture-preview-pop .swiper-button-prev .ccc-iconfont,
.picture-preview-pop .swiper-button-next .ccc-iconfont {
  color: var(--bg-color-secondary);
  font-size: 26px;
}
.picture-preview-pop .swiper-button-prev .ccc-iconfont.rotate,
.picture-preview-pop .swiper-button-next .ccc-iconfont.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.picture-preview-pop .swiper-button-prev {
  left: 0;
}
.picture-preview-pop .swiper-button-next {
  right: 0;
}
.picture-preview-pop .pop-close {
  color: var(--color-light);
  font-size: 16px;
  background-color: var(--color-header);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
}
.picture-preview-pop .download-icon {
  margin: 30px auto;
  width: 40px;
  height: 40px;
  background-color: var(--color-header);
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}
.picture-preview-pop .download-icon .icon-xiazai {
  font-size: 19px;
  color: var(--color-light);
}
.picture-preview-pop .img-info {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75px;
  line-height: 75px;
  color: var(--color-secondary);
  background-color: rgba(38, 44, 50, 0.98);
}
.picture-preview-pop .img-info .img-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.picture-preview-pop .img-info span {
  vertical-align: middle;
}
.picture-preview-pop .img-info .img-game {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.picture-preview-pop .img-info .img-game::after {
  content: '';
  width: 1px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  background-color: #898AAC;
}
@media screen and (max-width: 750px) {
  .picture-preview-pop {
    padding: 60px 0;
  }
  .picture-preview-pop .pop-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .picture-preview-pop .img-swiper .img-grid {
    padding: 0;
  }
  .picture-preview-pop .pop-close {
    width: 40px;
    height: 40px;
    right: 0;
  }
  .picture-preview-pop .img-info {
    height: 57px;
    line-height: 57px;
    padding: 0 41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: var(--text-font-size-sm);
  }
  .picture-preview-pop .img-info .img-name {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (min-width: 751px) {
  .picture-preview-pop .pop-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .picture-preview-pop .img-info {
    font-size: var(--text-font-size-md);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 60px;
  }
  .picture-preview-pop .img-info .img-name {
    margin-right: 30px;
  }
  .picture-preview-pop .img-info .img-game {
    margin-left: 8px;
  }
  .picture-preview-pop .img-info .img-game::after {
    width: 1px;
    height: 16px;
    margin: 0 8px;
  }
  .picture-preview-pop .img-info .icon-xiazai {
    font-size: 24px;
    color: var(--color-light);
    margin-left: 43px;
  }
}
.discord-pop .pop-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discord-pop .pop-header .pop-header-subtitle {
  margin-top: 10px;
  line-height: 20px;
  text-align: center;
}
.discord-pop .pop-content-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discord-pop .pop-content-body > :not(:first-child) {
  margin-top: 10px;
}
.discord-pop .pop-content-body .discord-username {
  width: 100%;
}
.discord-pop .pop-content-body .discord-username .ccc-input-inner {
  padding: 0 30px;
}
.discord-pop .pop-content-body .discord-username .ccc-input-inner .ccc-input-inner__suffix {
  right: 18px;
  cursor: pointer;
}
.discord-pop .pop-content-body .discord-logo {
  width: 55px;
  margin-top: 30px;
}
.discord-pop .pop-content-body .discord-tip {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.discord-pop .discord-pop-once {
  margin-top: 34px;
  text-align: center;
}
.discord-pop .discord-pop-once .el-checkbox__label {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.discord-pop .pop-footer {
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discord-pop .pop-footer :not(:first-child) {
  margin-left: 20px;
}
.discord-pop .pop-footer .ccc-btn-inner {
  min-width: 130px;
  height: 40px;
}
@media screen and (min-width: 750px) {
  .discord-pop .pop-header .pop-header-subtitle {
    font-size: 16px;
  }
  .discord-pop .pop-content-body > :not(:first-child) {
    margin-top: 12px;
  }
  .discord-pop .pop-content-body .discord-username .ccc-input-inner .ccc-input-inner__suffix {
    right: 12px;
  }
  .discord-pop .pop-content-body .discord-logo {
    width: 80px;
    margin-top: 40px;
  }
  .discord-pop .pop-content-body .discord-tip {
    font-size: 16px;
  }
  .discord-pop .discord-pop-once {
    margin-top: 42px;
    text-align: center;
  }
  .discord-pop .discord-pop-once .el-checkbox__label {
    font-size: 14px;
  }
  .discord-pop .pop-footer {
    margin-top: 13px;
  }
  .discord-pop .pop-footer .ccc-btn-inner {
    min-width: 176px;
    height: 48px;
  }
}
.discord-guide-pop .pop-header .pop-header-title {
  text-align: center;
}
.discord-guide-pop .discord-guide-img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 25px;
  border-radius: 12px;
}
@media screen and (min-width: 750px) {
  .discord-guide-pop .discord-guide-img {
    margin-top: 30px;
  }
}
.multi-login-bind-pop-mask {
  z-index: 9999;
}
.page-home {
  --gap: 20px;
}
.page-home .paypal-unbind-alert {
  margin: -10px 0 10px;
}
.page-home .paypal-unbind-alert .paypal-bind-text {
  color: var(--color-primary);
  font-weight: 500;
  cursor: pointer;
  margin-left: 5px;
}
.page-home .news-container {
  position: relative;
  display: none;
}
.page-home .news-container .common-container-body {
  position: relative;
}
.page-home .news-container .news-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.page-home .news-container .news-content .right-news {
  display: none;
}
.page-home .news-container .news-content .news-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
}
.page-home .news-container .news-content .news-item .news-item__title {
  color: var(--color-header);
  font-size: var(--text-font-size-normal);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-home .news-container .news-content .news-item .news-item__date {
  color: var(--color-text-secondary);
  font-size: var(--text-font-size-normal);
  margin-left: 40px;
}
.page-home .news-container .news-content .news-item.is-new .news-item__title::before {
  content: 'NEW';
  background-color: var(--bg-color-secondary);
  color: var(--color-primary);
  border-radius: 4px;
  font-size: var(--text-font-size-sm);
  padding: 2px 6px;
  margin-right: 4px;
}
.page-home .news-container .news-content .news-item:not(:last-child) {
  margin-bottom: 16px;
}
.page-home .news-container .news-content .news-item:hover .news-item__title,
.page-home .news-container .news-content .news-item:hover .news-item__date {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}
.page-home .news-container.bottom-news {
  display: block;
  margin-top: var(--gap);
}
.page-home .news-container.bottom-news .news-content {
  position: relative;
}
.page-home .home-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: var(--gap);
}
.page-home .home-center .common-container:not(:last-child) {
  margin-bottom: 20px;
  margin-right: 0;
}
.page-home .home-center .activity-statistics {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg_8a8c5b95.png) no-repeat center center;
  background-size: cover;
}
.page-home .home-center .activity-statistics .common-container-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-home .home-center .activity-statistics .activity-statistics-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 0;
}
.page-home .home-center .activity-statistics .activity-statistics-item .activity-statistics-item__data {
  color: var(--color-header);
  font-size: 40px;
  font-weight: var(--font-weight-bold);
  font-family: 'DIN', sans-serif;
}
.page-home .home-center .activity-statistics .activity-statistics-item .activity-statistics-item__desc {
  color: var(--color-text-secondary);
  font-size: 14px;
  margin-top: 8px;
}
.page-home .home-center .profit-container {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/profit_bg_a97e954b.png) no-repeat center center;
  background-size: cover;
  --select-input-bg-color: rgba(5, 0, 146, 0.3);
}
.page-home .home-center .profit-container .profit-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-home .home-center .profit-container .profit-header .profit-header-l {
  color: var(--color-light);
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.page-home .home-center .profit-container .profit-header .profit-header-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
  color: var(--color-light);
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
  text-align: center;
  gap: 6px;
}
.page-home .home-center .profit-container .profit-header .profit-account-select {
  max-width: 106px;
  font-size: 12px;
  margin-left: 6px;
}
.page-home .home-center .profit-container .profit-header .profit-account-select .el-input__inner {
  color: var(--color-secondary);
}
.page-home .home-center .profit-container .profit-header .profit-account-select .el-input__suffix .el-input__icon::before {
  color: var(--color-secondary);
}
.page-home .home-center .profit-container .profit-header .profit-header-account--label {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-home .home-center .profit-container .profit-header .profit-header-title {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-home .home-center .profit-container .profit-header .profit-header-icon {
  color: var(--color-light);
  padding: 6px;
  margin-left: -2px;
  cursor: pointer;
}
.page-home .home-center .profit-container .profit-body {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-home .home-center .profit-container .profit-body .profit-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--color-light);
}
.page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-text {
  font-size: 12px;
}
.page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-value {
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  margin-top: 6px;
  font-family: 'DIN', sans-serif;
}
.page-home .home-data {
  margin-top: var(--gap);
}
.page-home .home-data .common-container-body {
  margin-top: 10px;
}
.page-home .home-data .ccc-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-home .home-data .data-origin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 13px;
}
.page-home .home-data .data-origin .origin-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 50%;
  padding: 15px;
}
.page-home .home-data .data-origin .origin-item .origin-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-home .home-data .data-origin .origin-item .origin-item-header__title {
  font-size: 12px;
  color: var(--color-text);
  margin-left: 4px;
  white-space: nowrap;
}
.page-home .home-data .data-origin .origin-item .origin-item-header__icon {
  font-size: 18px;
  color: var(--color-primary);
}
.page-home .home-data .data-origin .origin-item .origin-item-value {
  color: var(--color-header);
  margin-top: 10px;
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  font-family: 'DIN', sans-serif;
}
.page-home .home-data .auth-expired {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--bg-color-secondary);
  font-size: 12px;
  color: var(--color-header);
  min-height: 36px;
  border-radius: 6px;
  padding: 10px 24px;
  cursor: default;
  margin-top: 2px;
}
.page-home .home-data .auth-expired .ccc-iconfont {
  color: var(--color-primary);
  font-size: 14px;
}
.page-home .home-data .auth-expired > span {
  padding: 0 4px;
}
.page-home .home-data .auth-expired > a {
  color: var(--color-primary);
}
.page-home .home-data .auth-expired + .data-origin {
  margin-top: 0;
}
.page-home .home-data .auth-expired .link-btn {
  max-width: 150px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 4px;
}
@media screen and (min-width: 420px) {
  .page-home .home-data .ccc-tab {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-home .home-data .ccc-tab .ccc-tab-item {
    width: 95px;
  }
}
@media screen and (min-width: 750px) {
  .page-home {
    --gap: 40px;
  }
  .page-home .paypal-unbind-alert {
    margin: -20px 0 20px;
  }
  .page-home .paypal-unbind-alert .paypal-bind-text {
    margin-left: 10px;
  }
  .page-home .news-container.bottom-news {
    display: block;
    margin-top: var(--gap);
    padding: 30px 40px;
  }
  .page-home .home-center .common-container:not(:last-child) {
    margin-bottom: 40px;
    margin-right: 0;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-l {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  .page-home .home-center .profit-container .profit-header .profit-header-account--label {
    font-size: 20px;
    margin-right: 12px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select {
    width: 168px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__inner {
    font-size: 20px;
    padding: 8px 16px;
    height: 46px;
    line-height: 46px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__suffix {
    right: 16px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__suffix .el-input__icon:before {
    font-size: 20px;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-title {
    font-size: 30px;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-icon {
    font-size: 34px;
    padding: 0;
    margin-left: 6px;
  }
  .page-home .home-center .profit-container .profit-body {
    margin-top: 55px;
  }
  .page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-text {
    font-size: 20px;
  }
  .page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-value {
    font-size: 58px;
    margin-top: 12px;
  }
  .page-home .home-center .profit-container .profit-body .profit-more .ccc-btn-inner {
    padding: 0 60px;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
  }
  .page-home .home-data .ccc-tab {
    margin-top: 15px;
  }
  .page-home .home-data .ccc-tab .ccc-tab-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-home .home-data .data-origin {
    margin-top: 10px;
  }
  .page-home .home-data .data-origin .origin-item {
    width: 33%;
    padding: 30px;
  }
  .page-home .home-data .data-origin .origin-item .origin-item-header__title {
    font-size: 14px;
    margin-left: 9px;
  }
  .page-home .home-data .data-origin .origin-item .origin-item-header__icon {
    font-size: 24px;
  }
  .page-home .home-data .data-origin .origin-item .origin-item-value {
    margin-top: 20px;
    font-size: 40px;
  }
  .page-home .home-data .auth-expired {
    margin-top: 8px;
    font-size: 14px;
  }
  .page-home .home-data .auth-expired .link-btn {
    max-width: 307px;
    margin-left: 8px;
  }
}
@media screen and (min-width: 820px) {
  .page-home .home-data .ccc-tab {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-home .home-data .ccc-tab .ccc-tab-item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 140px;
  }
}
@media screen and (min-width: 960px) {
  .page-home .home-center .profit-container .profit-header .profit-header-l {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  .page-home .home-center .profit-container .profit-header .profit-header-account--label {
    font-size: 14px;
    margin-right: 8px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select {
    width: 120px;
    max-width: 120px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__inner {
    font-size: 14px;
    padding: 6px 16px;
    height: 32px;
    line-height: 32px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__suffix {
    right: 16px;
  }
  .page-home .home-center .profit-container .profit-header .profit-account-select .el-input .el-input__suffix .el-input__icon:before {
    font-size: 16px;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-title {
    font-size: 20px;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-icon {
    font-size: 24px;
    padding: 0;
    margin-left: 4px;
  }
  .page-home .home-center .profit-container .profit-body {
    margin-top: 38px;
  }
  .page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-text {
    font-size: 14px;
  }
  .page-home .home-center .profit-container .profit-body .profit-detail .profit-detail-value {
    font-size: 40px;
    margin-top: 8px;
  }
  .page-home .home-center .profit-container .profit-body .profit-more .ccc-btn-inner {
    padding: 0 30px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
  .page-home .home-data .common-container-body {
    margin-top: 15px;
  }
  .page-home .news-container.bottom-news {
    padding: 30px 30px;
  }
}
@media screen and (min-width: 1120px) {
  .page-home .home-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .page-home .home-center .profit-container .profit-header .profit-header-l {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  .page-home .home-center .common-container:not(:last-child) {
    margin-bottom: 0;
    margin-right: 40px;
  }
  .page-home .home-center .activity-statistics,
  .page-home .home-center .profit-container {
    max-width: 500px;
  }
}
@media screen and (min-width: 1280px) {
  .page-home .home-data .data-origin {
    margin-top: 8px;
  }
  .page-home .home-data .data-origin .origin-item {
    width: 16.6%;
  }
}
@media screen and (min-width: 1500px) {
  .page-home .home-center .news-container {
    display: block;
  }
  .page-home .news-container.bottom-news {
    display: none;
  }
}
@media screen and (min-width: 2000px) {
  .page-home .news-container .news-content.is-group .left-news {
    float: left;
    width: 50%;
    padding-right: 50px;
  }
  .page-home .news-container .news-content .right-news {
    display: block;
    padding-left: 50px;
    float: right;
    width: 50%;
  }
}
.page-personal .page-personal-inner {
  max-width: 1540px;
  margin: 0 auto;
}
.page-personal .gap {
  margin-top: var(--gap);
}
.page-personal .page-personal-header {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
}
.page-personal .page-header-desc {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.page-personal .common-container .common-header ~ .common-container-body {
  margin-top: 15px;
}
.page-personal .specialty-list-container {
  display: inline-block;
  width: 100%;
}
.page-personal .specialty-list {
  margin: -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-personal .specialty-list .specialty-item-outer {
  padding: 5px;
  width: 50%;
}
.page-personal .specialty-list .specialty-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/profit_bg_a97e954b.png) no-repeat center center;
  background-size: cover;
  border-radius: 12px;
  padding: 16px 15px;
  height: 100%;
  min-width: 85px;
}
.page-personal .specialty-list .specialty-item .specialty-item-title {
  font-size: 12px;
  color: var(--color-light);
}
.page-personal .specialty-list .specialty-item .specialty-item-icon-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  background-color: rgba(239, 240, 255, 0.2);
  border-radius: 50%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 6px;
}
.page-personal .specialty-list .specialty-item .specialty-item-icon {
  font-size: 15px;
  color: var(--color-secondary);
}
.page-personal .specialty-list-empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-personal .specialty-list-empty .empty-img {
  width: 125px;
  height: 94px;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/empty_d6ff0dee.png) center no-repeat;
  background-size: contain;
  position: relative;
}
.page-personal .specialty-list-empty .empty-img__desc {
  position: absolute;
  color: #BEBEBE;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.page-personal .personal-specialty-game .specialty-item-outer {
  width: 50%;
}
.page-personal .personal-info .personal-discord {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg_8a8c5b95.png) no-repeat top right;
  background-size: cover;
}
.page-personal .personal-info .discord-title .discord-title-icon {
  margin-left: 8px;
  cursor: pointer;
}
.page-personal .personal-email-input {
  width: 170px;
}
.page-personal .personal-area {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg_8a8c5b95.png) no-repeat top right;
  background-size: cover;
}
.page-personal .personal-email {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg_8a8c5b95.png) no-repeat top right;
  background-size: cover;
}
.page-personal .personal-email .common-container-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-personal .personal-email-btn {
  margin-left: 20px;
}
.page-personal .custom-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--bg-color-secondary);
  font-weight: 500;
}
.page-personal .custom-link .ccc-iconfont {
  color: var(--color-primary);
  font-size: 18px;
}
.page-personal .custom-link:hover {
  background-color: var(--bg-color-primary);
}
.page-personal .custom-link:hover .ccc-iconfont {
  color: var(--color-light) !important;
}
.page-personal .custom-link.custom-link-confirm {
  margin-left: 8px;
}
.page-personal .custom-link.custom-link-confirm .ccc-iconfont {
  font-size: 22px;
}
.page-personal .custom-link.custom-link-cancel .ccc-iconfont {
  font-size: 16px;
}
.page-personal .ccc-email,
.page-personal .personal-area-select {
  width: 170px;
}
.page-personal .personal-user {
  background-color: #fff;
  border-radius: 16px;
  height: 76px;
  position: relative;
  margin-top: var(--gap);
  overflow: hidden;
}
.page-personal .personal-user::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/mask-mini_19cf78ca.png) no-repeat;
  background-size: cover;
  background-position: center center;
  right: 0;
  bottom: 0;
}
.page-personal .personal-user .personal-user-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14.5px 14.5px 14.5px 7.5px;
  position: relative;
}
.page-personal .personal-user .personal-user-inner .account-user-icon {
  width: 47px;
  height: 47px;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/pic_813021a5.png) center center no-repeat;
  background-size: 100%;
}
.page-personal .personal-user .personal-user-inner .account-user-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-personal .personal-user .personal-user-inner .account-user-info .username {
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  color: var(--color-header);
}
.page-personal .personal-user .personal-user-inner .account-user-info .uid {
  font-size: 11.5px;
  color: var(--color-text-secondary);
  margin-top: 10px;
}
@media screen and (min-width: 750px) {
  .page-personal .page-personal-header {
    font-size: 28px;
  }
  .page-personal .page-header-desc {
    font-size: 14px;
  }
  .page-personal .common-container .common-header ~ .common-container-body {
    margin-top: 37px;
  }
  .page-personal .specialty-list {
    margin: -10px;
  }
  .page-personal .specialty-list .specialty-item-outer {
    padding: 10px;
  }
  .page-personal .specialty-list .specialty-item-outer .specialty-item {
    min-height: 92px;
  }
  .page-personal .specialty-list .specialty-item {
    padding: 22px 20px;
    border-radius: var(--border-radius-md);
  }
  .page-personal .specialty-list .specialty-item .specialty-item-icon-wrap {
    width: 36px;
    height: 36px;
  }
  .page-personal .specialty-list .specialty-item .specialty-item-title {
    font-size: 16px;
  }
  .page-personal .specialty-list .specialty-item .specialty-item-icon {
    font-size: 18px;
  }
  .page-personal .specialty-list-empty .empty-img {
    width: 250px;
    height: 187px;
  }
  .page-personal .specialty-list-empty .empty-img__desc {
    bottom: 20px;
    font-size: 14px;
  }
  .page-personal .personal-email-input {
    width: 280px;
  }
  .page-personal .custom-link {
    width: 40px;
    height: 40px;
  }
  .page-personal .custom-link .ccc-iconfont {
    font-size: 20px;
  }
  .page-personal .custom-link.custom-link-confirm {
    margin-left: 15px;
  }
  .page-personal .custom-link.custom-link-confirm .ccc-iconfont {
    font-size: 24px;
  }
  .page-personal .custom-link.custom-link-cancel .ccc-iconfont {
    font-size: 18px;
  }
  .page-personal .ccc-email,
  .page-personal .personal-area-select {
    width: 247px;
  }
  .page-personal .personal-user {
    border-radius: 24px;
    height: 108px;
    position: relative;
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/bg-large_b3c2090c.png) no-repeat;
    background-position: right center;
    overflow: hidden;
  }
  .page-personal .personal-user::before {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/mask-normal_d527354e.png) no-repeat;
  }
  .page-personal .personal-user .personal-user-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px 15px;
  }
  .page-personal .personal-user .personal-user-inner .account-user-icon {
    width: 68px;
    height: 68px;
  }
  .page-personal .personal-user .personal-user-inner .account-user-info {
    padding: 0 20px 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
  }
  .page-personal .personal-user .personal-user-inner .account-user-info .username {
    font-size: 20px;
  }
  .page-personal .personal-user .personal-user-inner .account-user-info .uid {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1120px) {
  .page-personal .specialty-list .specialty-item-outer {
    width: 33%;
  }
}
@media screen and (min-width: 1280px) {
  .page-personal .specialty-list .specialty-item-outer {
    width: 25%;
  }
}
@media screen and (min-width: 960px) and (max-width: 1520px) {
  .page-personal .common-container {
    padding: 50px 50px 40px;
  }
}
@media screen and (min-width: 1520px) {
  .page-personal .personal-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-personal .personal-info .common-container {
    float: left;
    width: calc(50% - 20px);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-personal .personal-info .common-container .common-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-personal .personal-info .common-container:not(:first-child) {
    margin-left: 40px;
  }
  .page-personal .personal-info .personal-email {
    width: 100%;
  }
  .page-personal .common-container {
    padding: 40px 50px 40px;
  }
  .page-personal .personal-specialty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-personal .specialty-list .specialty-item-outer {
    width: 50%;
  }
  .page-personal .personal-specialty-create {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .page-personal .personal-specialty-game {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3;
    margin-left: 40px;
  }
  .page-personal .personal-specialty-game .common-header-sub {
    min-height: 40px;
  }
  .page-personal .personal-specialty-game .specialty-item-outer {
    width: 33%;
  }
  .page-personal .common-header-sub {
    min-height: 40px;
  }
}
@media screen and (min-width: 1520px) {
  .page-personal .personal-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-personal .personal-info .common-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-personal .personal-info .common-container .common-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-personal .personal-info .common-container:not(:first-child) {
    margin-left: 40px;
  }
}
@media screen and (max-width: 750px) {
  .page-personal .personal-user .personal-user-inner .ccc-btn .ccc-btn-inner {
    padding: 0 21px;
  }
}
@media screen and (max-width: 1519px) {
  .page-personal .personal-email,
  .page-personal .personal-area,
  .page-personal .personal-info .personal-discord {
    position: relative;
  }
  .page-personal .personal-email::before,
  .page-personal .personal-area::before,
  .page-personal .personal-info .personal-discord::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg-2_a8316030.png) no-repeat top right;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 750px) {
  .page-personal .personal-email,
  .page-personal .personal-area,
  .page-personal .personal-info .personal-discord {
    position: relative;
  }
  .page-personal .personal-email::before,
  .page-personal .personal-area::before,
  .page-personal .personal-info .personal-discord::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/activity_info_bg_8a8c5b95.png) no-repeat top right;
    bottom: 0;
    left: 0;
  }
}
.page-activity-list .fade-enter,
.page-activity-list .fade-leave-to {
  opacity: 0;
}
.page-activity-list .fade-enter-to,
.page-activity-list .fade-leave {
  opacity: 1;
}
.page-activity-list .fade-enter-active,
.page-activity-list .fade-leave-active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-activity-list .gap {
  margin-top: var(--gap);
}
.page-activity-list .page-activity-list-header {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-activity-list .page-activity-list-header .ccc-iconfont {
  font-size: 24px;
}
.page-activity-list .page-activity-list-header .ccc-iconfont.active {
  color: var(--color-primary);
}
.page-activity-list .page-activity-list-search {
  display: none;
}
.page-activity-list .page-activity-list-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.page-activity-list .page-activity-list-list .activity-card {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-image {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 201px;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-image .is-join {
  padding: 3px 11px;
  background-color: rgba(40, 44, 53, 0.3);
  line-height: 29px;
  border-radius: var(--border-radius-md);
  text-align: center;
  color: #fefefe;
  font-size: 14px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info {
  padding: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-info-wrapper {
  width: 100%;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-tags .tag {
  background-color: #EFF0FF;
  padding: 0 var(--padding-sm);
  border-radius: var(--border-radius-normal);
  font-size: var(--text-font-size-sm);
  height: 20px;
  line-height: 20px;
  color: var(--bg-color-primary);
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-tags .tag.exclusive {
  background-color: #FFE3FA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--color-warn);
  vertical-align: middle;
  line-height: 20px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-tags .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  right: 1px;
  vertical-align: middle;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-title {
  font-size: 14px;
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
  margin-top: 10px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-channel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-channel > img {
  width: 12px;
  height: 12px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-channel span {
  color: var(--color-text);
  font-size: var(--text-font-size-sm);
  white-space: nowrap;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-time {
  margin-top: 20px;
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
  word-break: break-all;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail {
  overflow: hidden;
  margin-top: 10px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .tag {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .tag.end-tag {
  background-color: #f0f0f0;
  color: var(--color-text-secondary);
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .tag.doing-tag {
  color: var(--color-warn);
  background-color: #FFE3FA;
}
.page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
  float: right;
}
.page-activity-list .game-bind-tip {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #FFE2ED;
  border-radius: var(--border-radius-md);
  font-size: 14px;
  color: var(--color-header);
  font-weight: 400;
  line-height: 1.8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-activity-list .game-bind-tip .tip-icon {
  font-size: 24px;
  color: var(--color-text-danger);
  margin-right: 10px;
}
.page-activity-list .game-bind-tip a {
  color: var(--color-primary);
  text-decoration: underline;
  padding: 0 4px;
}
@media screen and (min-width: 751px) {
  .page-activity-list .page-activity-list-header {
    font-size: 28px;
    padding-bottom: 10px;
  }
  .page-activity-list .page-activity-list-header .ccc-iconfont {
    display: none;
  }
  .page-activity-list .activity-search-mobile {
    display: none;
  }
  .page-activity-list .page-activity-list-search {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 20px 0;
    gap: 20px;
  }
  .page-activity-list .page-activity-list-search .ccc-select {
    width: 199px;
  }
  .page-activity-list .page-activity-list-search .ccc-select .el-input .el-input__inner {
    color: var(--color-header);
    background-color: #FEFEFE;
    text-overflow: ellipsis;
    padding: 0 38px;
  }
  .page-activity-list .page-activity-list-search .ccc-select .el-input .el-select__caret {
    color: var(--nav-icon-color);
  }
  .page-activity-list .page-activity-list-search .ccc-select .el-input .el-select__caret::before,
  .page-activity-list .page-activity-list-search .ccc-select .el-input .el-select__caret::after {
    color: var(--nav-icon-color);
  }
  .page-activity-list .page-activity-list-list {
    gap: 20px;
  }
  .page-activity-list .page-activity-list-list .activity-card {
    width: calc(50% - 10px);
    border-radius: 24px;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-image {
    height: 202px;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info {
    padding: var(--padding-normal);
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
    margin-top: 10px;
  }
  .page-activity-list .game-bind-tip {
    padding: 12px 64px;
    font-size: 16px;
    color: var(--color-header);
    line-height: 1.6;
    margin-top: 0;
  }
  .page-activity-list .game-bind-tip .tip-icon {
    margin-right: 8px;
  }
  .page-activity-list .game-bind-tip a {
    padding: 0 8px;
  }
}
@media screen and (min-width: 1560px) {
  .page-activity-list .page-activity-list-list {
    gap: 40px;
    margin-top: 40px;
  }
  .page-activity-list .page-activity-list-list .activity-card {
    width: calc(33.333333% - (80px / 3));
    position: relative;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-image {
    height: 290px;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info {
    padding: var(--padding-md);
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-time {
    font-size: var(--text-font-size-normal);
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
  .page-activity-list .game-bind-tip {
    margin-top: 10px;
  }
}
@media screen and (min-width: 2155px) {
  .page-activity-list .page-activity-list-inner {
    width: 1889px;
    margin: 0 auto;
  }
  .page-activity-list .page-activity-list-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 60px;
    margin-top: 60px;
  }
  .page-activity-list .page-activity-list-list .activity-card {
    width: 589px;
  }
  .page-activity-list .page-activity-list-list .activity-card .activity-card-image {
    height: 342px;
  }
}
.page-activity-detail .detail-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  background-color: #F7F5FB;
  z-index: 1;
}
.page-activity-detail .detail-header .detail-header-back {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #000;
  font-size: 18px;
  line-height: 23px;
  cursor: pointer;
}
.page-activity-detail .detail-header .detail-header-text {
  max-width: 222px;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
}
.page-activity-detail .detail-header .detail-header-tag {
  font-size: 11px;
  line-height: 16px;
  padding: 0 4px;
  border-radius: 2px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 8px;
}
.page-activity-detail .detail-header .detail-header-tag.end-tag {
  color: var(--color-text-secondary);
  background-color: #f0f0f0;
}
.page-activity-detail .detail-header .detail-header-tag.doing-tag {
  color: var(--color-warn);
  background-color: #FFE3FA;
}
.page-activity-detail .detail-header .detail-header-tag.exclusive-tag {
  color: var(--color-warn);
  background-color: #FFE3FA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
}
.page-activity-detail .detail-header .detail-header-tag.exclusive-tag::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-activity-detail .detail-info .detail-info-cover {
  width: 100%;
  height: 217px;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 12px;
}
.page-activity-detail .detail-info .detail-info-cover .cover-info {
  padding: var(--padding-normal);
  color: var(--bg-color-light);
}
.page-activity-detail .detail-info .detail-info-cover .cover-info .cover-info-title {
  font-size: var(--text-font-size-md);
  font-weight: var(--font-weight-bold);
  line-height: 23px;
}
.page-activity-detail .detail-info .detail-info-cover .cover-info .cover-info-desc {
  font-size: var(--text-font-size-sm);
  margin-top: 10px;
  line-height: 16.5px;
}
.page-activity-detail .detail-info .detail-info-panel {
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-key {
  font-size: 14px;
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 14px;
  line-height: 20px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main {
  font-size: 12px;
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .media-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .media-type::after {
  content: '';
  display: inline-block;
  width: 0.7px;
  height: 16px;
  background-color: var(--color-header);
  vertical-align: middle;
  margin-left: 4px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .media-type:last-child::after {
  content: none;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .detail-tag {
  padding: 0 4px;
  color: var(--color-primary);
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  background-color: #e4e6ff;
  float: left;
  border-radius: 2px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .detail-tag .ccc-iconfont {
  font-size: 11px;
  color: var(--color-primary);
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group span {
  vertical-align: middle;
  margin-left: 4px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group::after {
  content: '';
  display: inline-block;
  width: 0.7px;
  height: 16px;
  background-color: var(--color-header);
  vertical-align: middle;
  margin-left: 4px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group:last-child::after {
  content: none;
}
.page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main a {
  text-decoration: underline;
  color: var(--color-primary);
}
.page-activity-detail .detail-info .detail-info-panel .detail-line + .detail-line {
  margin-top: 15px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions {
  height: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 0;
  z-index: 9;
  gap: 20px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn {
  height: 44px;
  background-color: #e4e6ff;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn .ccc-btn-inner {
  height: 44px;
  line-height: 44px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-suoding {
  color: var(--bg-color-light);
  background-color: #C0C3F5;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-suoding .ccc-iconfont {
  color: var(--bg-color-light);
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share {
  width: 44px;
  height: 44px;
  background-color: #e4e6ff;
  border-radius: 50%;
  position: relative;
  padding: 0;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share .ccc-btn-inner {
  padding: 0 14px;
}
.page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share .ccc-btn-inner .ccc-btn-icon {
  margin-right: 0;
  color: var(--color-primary);
}
.page-activity-detail .detail-warning {
  padding: 12px 15px;
  border-radius: 12px;
  background: #FFE2ED;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -25px;
  margin-bottom: 15px;
}
.page-activity-detail .detail-warning .detail-warning-icon {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive-icon_9e524017.png) no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-activity-detail .detail-warning .detail-warning-tips {
  font-size: 12px;
  line-height: 22px;
  color: var(--color-header);
}
.page-activity-detail .detail-panel {
  padding: 20px;
  border-radius: 12px;
  background-color: #fff;
}
.page-activity-detail .detail-panel .detail-actions {
  z-index: 9;
}
.page-activity-detail .detail-panel .detail-actions .detail-actions-inner {
  background-color: #fff;
  height: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-activity-detail .detail-tab {
  padding-bottom: 30px;
}
.page-activity-detail .detail-tab.fixed {
  position: fixed;
  background-color: #fff;
}
.page-activity-detail .detail-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 2;
}
.page-activity-detail .detail-content.pad-bot {
  padding-bottom: 140px;
}
.page-activity-detail .detail-content ul,
.page-activity-detail .detail-content ol {
  padding-left: 20px;
}
.page-activity-detail .detail-content li {
  list-style: unset;
}
.page-activity-detail .detail-content .detail-content-title {
  font-size: 18px;
  font-weight: var(--font-weight-normal);
  line-height: 52px;
}
.page-activity-detail .detail-content .detail-content-main {
  font-size: 14px;
  color: var(--color-header);
  line-height: 28px;
}
.page-activity-detail .detail-content .detail-content-main .color-primary {
  color: var(--color-primary);
}
.page-activity-detail .detail-content .detail-content-main .font-bold {
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 750px) {
  .page-activity-detail {
    padding: 20px 0;
  }
  .page-activity-detail .detail-header {
    padding: 20px;
  }
  .page-activity-detail .detail-info {
    padding: 0 20px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions {
    gap: 15px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn .ccc-btn-inner {
    padding: 0 10px;
  }
  .page-activity-detail .detail-tab.fixed {
    top: calc(var(--topbar-height) - 1px + 63px);
    padding: 20px 20px 30px;
    left: 0;
    right: 0;
    border-radius: 12px;
  }
  .page-activity-detail .detail-tab.fixed.detail-tab-houtai {
    top: 63px;
  }
}
@media screen and (min-width: 751px) {
  .page-activity-detail .detail-header .detail-header-back {
    font-size: 24px;
    line-height: 29px;
  }
  .page-activity-detail .detail-header .detail-header-text {
    width: auto;
    max-width: none;
    font-size: 20px;
    line-height: 29px;
  }
  .page-activity-detail .detail-header .detail-header-tag {
    font-size: 12px;
    padding: 0 6px;
    border-radius: 4px;
  }
  .page-activity-detail .detail-info .detail-info-cover {
    height: 415px;
  }
  .page-activity-detail .detail-info .detail-info-cover .cover-info {
    padding: var(--padding-xl);
  }
  .page-activity-detail .detail-info .detail-info-cover .cover-info .cover-info-title {
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 35px;
  }
  .page-activity-detail .detail-info .detail-info-cover .cover-info .cover-info-desc {
    font-size: var(--text-font-size-normal);
    margin-top: 14px;
    line-height: 1.6;
  }
  .page-activity-detail .detail-info .detail-info-panel {
    padding: 40px 0;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-key {
    font-size: 16px;
    line-height: 23px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .detail-tag {
    padding: 0 8px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group .ccc-iconfont {
    font-size: 24px;
    vertical-align: middle;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group span {
    vertical-align: middle;
    margin-left: 4px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group::after {
    margin-left: 8px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main .media-type::after {
    margin-left: 8px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line + .detail-line {
    margin-top: 30px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions {
    position: static;
    height: auto;
    background-color: transparent;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 20px;
    padding: 0;
    margin-top: 30px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn {
    height: 40px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .ccc-btn .ccc-btn-inner {
    height: 40px;
    line-height: 40px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share {
    width: 40px;
    height: 40px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share .ccc-btn-inner {
    padding: 0 8px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions .detail-actions-share .ccc-btn-inner .ccc-btn-icon {
    font-size: 24px;
  }
  .page-activity-detail .detail-warning {
    padding: 12px 30px;
    margin-top: -10px;
  }
  .page-activity-detail .detail-warning .detail-warning-icon {
    margin-right: 8px;
  }
  .page-activity-detail .detail-warning .detail-warning-tips {
    font-size: 14px;
    line-height: 22px;
  }
  .page-activity-detail .detail-panel {
    padding: 60px;
    border-radius: 24px;
    background-color: #fff;
    margin-bottom: 0;
  }
  .page-activity-detail .detail-tab.fixed {
    top: calc(var(--topbar-height) - 1px + 109px);
    left: 188px;
    right: 60px;
    padding: 60px 60px 40px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-tab.fixed.detail-tab-houtai {
    top: 109px;
  }
  .page-activity-detail .detail-content {
    gap: 0;
    line-height: 1.5;
    font-size: 14px;
  }
  .page-activity-detail .detail-content .detail-content-title {
    font-size: 20px;
    line-height: 29px;
  }
  .page-activity-detail .detail-content .detail-content-main {
    font-size: 14px;
    line-height: 33px;
  }
}
@media screen and (min-width: 961px) {
  .page-activity-detail .detail-header {
    right: 40px;
  }
  .page-activity-detail .detail-warning {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .page-activity-detail .detail-tab.fixed {
    left: calc(var(--topbar-navmenu-width) + 40px);
  }
  .page-activity-detail .detail-tab.fixed.detail-tab-houtai {
    left: 40px;
  }
}
@media screen and (min-width: 961px) {
  .page-activity-detail .detail-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-activity-detail .detail-info .detail-info-cover {
    width: 748px;
    height: 424px;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-radius: 20px;
  }
  .page-activity-detail .detail-info .detail-info-panel {
    margin-left: 10px;
    padding: var(--padding-normal);
    padding-right: 0;
    min-width: 480px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-key {
    min-width: 110px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-actions {
    margin-top: 37px;
  }
  .page-activity-detail .detail-panel {
    margin-top: 30px;
    width: 100%;
  }
}
@media screen and (min-width: 1350px) {
  .page-activity-detail .detail-info .detail-info-panel {
    padding: var(--padding-md);
  }
}
@media screen and (min-width: 1800px) {
  .page-activity-detail .page-activity-detail-inner {
    width: 1434px;
    margin: 0 auto;
  }
  .page-activity-detail .header-wrapper {
    position: fixed;
    top: calc(var(--topbar-height) - 1px);
  }
  .page-activity-detail .header-wrapper.header-wrapper-houtai {
    top: 0;
  }
  .page-activity-detail .detail-header {
    width: 1434px;
    position: static;
  }
  .page-activity-detail .activity-tab.fixed {
    background: transparent;
    padding: 0;
  }
  .page-activity-detail .activity-tab.fixed .activity-tab-inner {
    padding: 60px 60px 40px;
    margin: 0 auto;
    background-color: #fff;
    width: 1434px;
  }
}
.activity-tab .activity-tab-inner {
  overflow: hidden;
}
@media screen and (min-width: 961px) and (max-width: 1440px) {
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel {
    gap: 20px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group span {
    display: none;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group::after {
    margin-left: 20px;
  }
}
@media screen and (max-width: 560px) {
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel {
    gap: 10px;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group span {
    display: none;
  }
  .page-activity-detail .detail-info .detail-info-panel .detail-line .detail-main.detail-channel .channel-group::after {
    margin-left: 10px;
  }
}
.page-activity-detail .detail-content {
  color: var(--color-header);
}
.page-activity-detail .detail-content h1,
.page-activity-detail .detail-content h2,
.page-activity-detail .detail-content h3,
.page-activity-detail .detail-content h4,
.page-activity-detail .detail-content h5,
.page-activity-detail .detail-content h6 {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
  margin-top: 30px;
  margin-bottom: 30px;
}
.page-activity-detail .detail-content h1:first-child,
.page-activity-detail .detail-content h2:first-child,
.page-activity-detail .detail-content h3:first-child,
.page-activity-detail .detail-content h4:first-child,
.page-activity-detail .detail-content h5:first-child,
.page-activity-detail .detail-content h6:first-child {
  margin-top: 0;
}
.page-activity-detail .detail-content a {
  color: var(--color-primary);
  text-decoration: underline;
  word-break: break-all;
}
.page-activity-detail .detail-content .artPoem {
  color: #1ab2c2;
}
.page-activity-detail .detail-content .img-desc {
  color: var(--color-text-secondary);
  text-align: center;
}
.page-activity-detail .detail-content table {
  border-color: transparent;
  background-color: rgba(239, 240, 255, 0.4);
  color: var(--color-header);
}
.page-activity-detail .detail-content table th {
  font-weight: bold;
  text-align: center;
}
.page-activity-detail .detail-content table tbody {
  background-color: rgba(239, 240, 255, 0.4);
}
.page-activity-detail .detail-content ol > li::marker {
  color: var(--color-primary);
}
.page-activity-detail .detail-content ol,
.page-activity-detail .detail-content ul {
  padding-left: 20px;
}
.page-activity-detail .detail-content ul > li::marker {
  color: var(--color-primary);
}
@media screen and (min-width: 751px) {
  .page-activity-detail .detail-content h1 {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-content h2 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  .page-activity-detail .detail-content h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  .page-activity-detail .detail-content h4 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 14px;
  }
  .page-activity-detail .detail-content h5 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 14px;
  }
  .page-activity-detail .detail-content h6 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 14px;
  }
  .page-activity-detail .detail-content img {
    margin: 30px 0 15px;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .page-activity-detail .detail-content .img-desc {
    font-size: var(--text-font-size-sm);
    line-height: 19px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-content table {
    margin: 20px 0;
    border-radius: 24px;
    overflow: hidden;
  }
  .page-activity-detail .detail-content table caption {
    height: 75px;
    line-height: 75px;
    background-color: var(--bg-color-secondary);
    font-size: 24px;
    color: var(--color-primary);
  }
  .page-activity-detail .detail-content table th {
    font-size: 16px;
    line-height: 23px;
  }
  .page-activity-detail .detail-content table td,
  .page-activity-detail .detail-content table th {
    font-size: 16px;
    line-height: 32px;
    padding: 15px 18px;
  }
  .page-activity-detail .detail-content table td img,
  .page-activity-detail .detail-content table th img {
    height: 64px;
    display: block;
    min-width: 116px;
    margin: 0 auto;
  }
  .page-activity-detail .detail-content table tr > td:first-child,
  .page-activity-detail .detail-content table tr > th:first-child {
    padding-left: 36px;
  }
  .page-activity-detail .detail-content table tr > td:last-child,
  .page-activity-detail .detail-content table tr > th:last-child {
    padding-right: 36px;
  }
  .page-activity-detail .detail-content table tr:first-child > td,
  .page-activity-detail .detail-content table tr:first-child > th {
    padding-top: 30px;
  }
  .page-activity-detail .detail-content table tr:last-child > td,
  .page-activity-detail .detail-content table tr:last-child > th {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .page-activity-detail .detail-content h1,
  .page-activity-detail .detail-content h2,
  .page-activity-detail .detail-content h3,
  .page-activity-detail .detail-content h4,
  .page-activity-detail .detail-content h5,
  .page-activity-detail .detail-content h6 {
    margin-top: 20px;
  }
  .page-activity-detail .detail-content h1:first-child,
  .page-activity-detail .detail-content h2:first-child,
  .page-activity-detail .detail-content h3:first-child,
  .page-activity-detail .detail-content h4:first-child,
  .page-activity-detail .detail-content h5:first-child,
  .page-activity-detail .detail-content h6:first-child {
    margin-top: 0;
  }
  .page-activity-detail .detail-content h1 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-content h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-content h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .page-activity-detail .detail-content h4 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .page-activity-detail .detail-content h5 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .page-activity-detail .detail-content h6 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .page-activity-detail .detail-content img {
    margin: 20px 0 10px;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .page-activity-detail .detail-content .img-desc {
    font-size: var(--text-font-size-sm);
    line-height: 19px;
    margin-bottom: 20px;
  }
  .page-activity-detail .detail-content table {
    margin: 20px 0;
    padding: 0 15px;
    border-radius: 12px;
    overflow: hidden;
  }
  .page-activity-detail .detail-content table caption {
    height: 46px;
    line-height: 46px;
    background-color: var(--bg-color-secondary);
    font-size: 18px;
    color: var(--color-primary);
  }
  .page-activity-detail .detail-content table th {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 6px;
  }
  .page-activity-detail .detail-content table td {
    font-size: 14px;
    line-height: 28px;
    padding: 10px 6px;
  }
  .page-activity-detail .detail-content table td img {
    height: 36px;
    min-width: 64px;
    margin: 0;
  }
  .page-activity-detail .detail-content table tr > td:first-child,
  .page-activity-detail .detail-content table tr > th:first-child {
    padding-left: 20px;
  }
  .page-activity-detail .detail-content table tr > td:last-child,
  .page-activity-detail .detail-content table tr > th:last-child {
    padding-right: 20px;
  }
  .page-activity-detail .detail-content table tr:first-child > td,
  .page-activity-detail .detail-content table tr:first-child > th {
    padding-top: 20px;
  }
  .page-activity-detail .detail-content table tr:last-child > td,
  .page-activity-detail .detail-content table tr:last-child > th {
    padding-bottom: 20px;
  }
}
.detail-submit-drawer .ccc-btn .ccc-btn-inner {
  height: 40px;
  line-height: 40px;
}
.detail-submit-drawer .el-drawer__header {
  margin-bottom: 0;
}
.detail-submit-drawer .submit-title {
  color: var(--color-header);
  font-size: var(--text-font-size-md);
  line-height: 23px;
  font-weight: var(--font-weight-bold);
}
.detail-submit-drawer .el-drawer__close-btn {
  font-size: 24px;
  color: #272636;
  position: relative;
  z-index: 1;
}
.detail-submit-drawer .el-drawer__close-btn i {
  font-weight: var(--font-weight-bold);
}
.detail-submit-drawer .el-drawer__body {
  padding: 0 20px 40px;
  overflow-y: auto;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .activity-tab {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 20px 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .submit-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-title {
  font-size: var(--text-font-size-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-header);
  line-height: 20.5px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-title.mt30 {
  margin-top: 30px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-desc {
  margin-top: 15px;
  line-height: 17.5px;
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel {
  background-color: var(--bg-color-secondary);
  padding: 20px;
  border-radius: 6px;
  position: relative;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .icon-link {
  font-size: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  vertical-align: middle;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .panel-header-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 4px;
  color: var(--color-header);
  font-size: var(--text-font-size-normal);
  vertical-align: middle;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea {
  margin-top: 13px;
  margin-bottom: 30px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner {
  border: none;
  background-color: transparent;
  padding: 0;
  resize: none;
  height: 41px;
  line-height: 20.5px;
  color: var(--color-header);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner::-webkit-input-placeholder {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner::-moz-placeholder {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner:-ms-input-placeholder {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner::-ms-input-placeholder {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner::placeholder {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea.is-disabled .el-textarea__inner {
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .panel-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #E4E6FF;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon:hover {
  background-color: #DEE0FF;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon .ccc-btn-inner {
  padding: 7px;
  height: 30px;
  width: 30px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon .ccc-btn-inner .ccc-btn-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon .ccc-btn-inner img {
  width: 15px;
  height: 15px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-add {
  height: 44px;
  border: 2px dashed #EFF0FF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-add .icon-plus {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #898AAC;
  color: var(--color-light);
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-add .add-text {
  color: var(--color-header);
  margin-left: 10px;
  font-size: var(--text-font-size-normal);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record {
  height: 134.5px;
  border-radius: 6px;
  background-color: var(--bg-color-secondary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  margin: 20px 0;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .record-title-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .record-title-inner .live-record-desc {
  margin: 0;
  margin-left: 12px;
  display: none;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .record-title-inner .interval-time {
  display: none;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .live-icon {
  width: 24px;
  height: 24px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title span {
  font-size: 14px;
  margin-left: 6px;
  color: var(--color-header);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title span.interval-time {
  margin-left: 0;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title span.interval-time * {
  color: var(--color-warn);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .interval-time * {
  color: var(--color-warn);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-desc {
  margin-top: 10px;
  line-height: 20.5px;
  font-size: var(--text-font-size-normal);
  color: var(--color-text-secondary);
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-btn {
  text-align: right;
  margin-top: 10px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-btn .ccc-btn {
  width: 100%;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .social-add {
  height: 83px;
  border-radius: 6px;
  border: 2px dashed #EFF0FF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: var(--color-header);
  margin-top: 20px;
  padding: 0 15px;
}
.detail-submit-drawer .el-drawer__body .drawer-detail-submit .social-add a {
  color: var(--color-primary);
  text-decoration: underline;
  font-weight: var(--font-weight-normal);
  margin: 0 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 850px) {
  .detail-submit-drawer {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
@media screen and (min-width: 851px) {
  .detail-submit-drawer {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .detail-submit-drawer .submit-title {
    font-size: 28px;
    line-height: 41px;
  }
  .detail-submit-drawer .el-drawer__header {
    padding: 60px 60px 0;
    margin-bottom: 0;
  }
  .detail-submit-drawer .el-drawer__body {
    padding: 0 60px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-title {
    font-size: 24px;
    line-height: 35px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-title.mt30 {
    margin-top: 60px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .form-desc {
    font-size: var(--text-font-size-normal);
    line-height: 20px;
    margin-top: 8px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea {
    margin: 0 10px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .el-textarea .el-textarea__inner {
    height: 23px;
    line-height: 23px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .panel-header-text {
    font-size: var(--text-font-size-md);
    margin-left: 8px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .panel-btn {
    position: static;
    margin-right: 60px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon {
    top: 24px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon .ccc-btn-inner {
    width: 40px;
    height: 40px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-panel .delete-icon .ccc-btn-inner img {
    width: 20px;
    height: 20px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-add {
    height: 88px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .video-urls .video-urls-add .add-text {
    font-size: var(--text-font-size-md);
    margin-left: 8px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 88px;
    padding: 24px 20px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title span {
    font-size: var(--text-font-size-md);
    margin-left: 12px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .record-title-inner .live-record-desc {
    display: block;
    margin-left: 12px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-title .record-title-inner .interval-time {
    display: block;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record > .live-record-desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 20px;
    font-size: var(--text-font-size-md);
    display: none;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record > .interval-time {
    display: none;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-btn {
    margin-top: 0;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .live-record .live-record-btn .ccc-btn {
    width: auto;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .social-add {
    height: 88px;
    border-radius: 12px;
    border: 4px dashed #EFF0FF;
    font-size: 16px;
  }
  .detail-submit-drawer .el-drawer__body .drawer-detail-submit .social-add a {
    margin: 0 20px;
  }
}
@media screen and (min-width: 751px) {
  .detail-submit-drawer .ccc-btn .ccc-btn-inner {
    height: 44px;
    line-height: 44px;
  }
}
.page-my-activity .fade-enter,
.page-my-activity .fade-leave-to {
  opacity: 0;
}
.page-my-activity .fade-enter-to,
.page-my-activity .fade-leave {
  opacity: 1;
}
.page-my-activity .fade-enter-active,
.page-my-activity .fade-leave-active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-my-activity .gap {
  margin-top: var(--gap);
}
.page-my-activity .page-my-activity-header {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-my-activity .page-my-activity-header .ccc-iconfont {
  font-size: 24px;
}
.page-my-activity .page-my-activity-header .ccc-iconfont.active {
  color: var(--color-primary);
}
.page-my-activity .page-my-activity-search {
  display: none;
}
.page-my-activity .page-my-activity-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.page-my-activity .page-my-activity-list .activity-card {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-image {
  background: url(https://www.fragpunk.com/images/20250107/1736248214896_f08d9e49b0.webp) no-repeat;
  background-size: cover;
  width: 100%;
  height: 201px;
  position: relative;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-image .is-join {
  width: 64px;
  height: 29px;
  background-color: rgba(40, 44, 53, 0.3);
  line-height: 29px;
  border-radius: var(--border-radius-md);
  text-align: center;
  color: #fefefe;
  font-size: 14px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info {
  padding: 15px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-tags .tag {
  background-color: #EFF0FF;
  padding: 0 var(--padding-sm);
  border-radius: var(--border-radius-normal);
  font-size: var(--text-font-size-sm);
  height: 20px;
  line-height: 20px;
  color: var(--bg-color-primary);
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-title {
  font-size: 14px;
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
  margin-top: 10px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-channel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-channel > img {
  width: 12px;
  height: 12px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-channel span {
  color: var(--color-text);
  font-size: var(--text-font-size-sm);
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-time {
  margin-top: 20px;
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail {
  overflow: hidden;
  margin-top: 10px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .tag {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .tag.end-tag {
  background-color: #f0f0f0;
  color: var(--color-text-secondary);
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .tag.doing-tag {
  color: var(--color-warn);
  background-color: #FFE3FA;
}
.page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
  float: right;
}
.page-my-activity .page-my-activity-notice {
  margin-top: 20px;
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
  line-height: 17.5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-my-activity .page-my-activity-table {
  background-color: var(--bg-color-light);
  margin-top: 20px;
  border-radius: 12px;
  overflow: hidden;
}
.page-my-activity .page-my-activity-table .el-table tr,
.page-my-activity .page-my-activity-table .el-table th {
  background-color: var(--bg-color-light);
}
.page-my-activity .el-table {
  font-size: 12px;
}
.page-my-activity .el-table .el-table__header-wrapper th {
  font-weight: normal;
  color: var(--color-text-secondary);
}
.page-my-activity .el-table.no-data tbody {
  font-size: 0;
}
.page-my-activity .el-table .cell {
  padding: 0 15px;
}
.page-my-activity .el-table td {
  padding: 20px 0;
}
.page-my-activity .el-table td .channels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-my-activity .el-table td .channels img {
  width: 24px;
  height: 24px;
}
.page-my-activity .el-table td .reward-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
}
.page-my-activity .el-table td .reward-type .reward-type-tag {
  font-size: var(--text-font-size-sm);
  line-height: 20px;
  padding: 0 4px;
  border-radius: 2px;
  background-color: var(--bg-color-secondary);
  color: var(--color-primary);
}
.page-my-activity .el-table td .status-tag {
  font-size: var(--text-font-size-sm);
  line-height: 20px;
  padding: 0 4px;
  border-radius: 2px;
}
.page-my-activity .el-table td .status-tag.doing {
  background-color: #FFE3FA;
  color: var(--color-warn);
}
.page-my-activity .el-table td .status-tag.end {
  color: var(--color-text-secondary);
  background-color: #F0F0F0;
}
.page-my-activity .el-table .el-table__body-wrapper .el-table__row:hover {
  background-color: var(--bg-color-secondary);
}
.page-my-activity .el-table .el-table__body-wrapper .el-table__row:hover td {
  background-color: transparent;
}
.page-my-activity .ccc-table .channels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-my-activity .ccc-table .channels img {
  width: 24px;
  height: 24px;
}
.page-my-activity .ccc-table .reward-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
}
.page-my-activity .ccc-table .reward-type .reward-type-tag {
  font-size: var(--text-font-size-sm);
  line-height: 20px;
  padding: 0 4px;
  border-radius: 2px;
  background-color: var(--bg-color-secondary);
  color: var(--color-primary);
}
.page-my-activity .ccc-table .status-tag {
  font-size: var(--text-font-size-sm);
  line-height: 20px;
  padding: 0 4px;
  border-radius: 2px;
}
.page-my-activity .ccc-table .status-tag.doing {
  background-color: #FFE3FA;
  color: var(--color-warn);
}
.page-my-activity .ccc-table .status-tag.end {
  color: var(--color-text-secondary);
  background-color: #F0F0F0;
}
@media screen and (min-width: 751px) {
  .page-my-activity .page-my-activity-header {
    padding-bottom: 10px;
  }
  .page-my-activity .page-my-activity-header span {
    font-size: 28px;
  }
  .page-my-activity .page-my-activity-header .ccc-iconfont {
    display: none;
  }
  .page-my-activity .page-my-activity-search-mobile {
    display: none;
  }
  .page-my-activity .page-my-activity-search {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 20px 0;
    gap: 20px;
  }
  .page-my-activity .page-my-activity-search .ccc-select {
    width: 199px;
  }
  .page-my-activity .page-my-activity-search .ccc-select .el-input .el-input__inner {
    color: var(--color-header);
    background-color: #FEFEFE;
    text-overflow: ellipsis;
    padding: 0 38px;
  }
  .page-my-activity .page-my-activity-search .ccc-select .el-input .el-select__caret {
    color: var(--nav-icon-color);
  }
  .page-my-activity .page-my-activity-search .ccc-select .el-input .el-select__caret::before,
  .page-my-activity .page-my-activity-search .ccc-select .el-input .el-select__caret::after {
    color: var(--nav-icon-color);
  }
  .page-my-activity .page-my-activity-list {
    gap: 20px;
    margin-top: 20px;
  }
  .page-my-activity .page-my-activity-list .activity-card {
    width: calc(50% - 10px);
    height: 415px;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-image {
    height: 202px;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info {
    padding: var(--padding-normal);
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
    margin-top: 10px;
  }
  .page-my-activity .page-my-activity-notice {
    font-size: var(--text-font-size-md);
    color: var(--color-text-secondary);
    line-height: 20px;
  }
  .page-my-activity .page-my-activity-table .el-table {
    font-size: 16px;
  }
  .page-my-activity .page-my-activity-table .el-table td .channels {
    gap: 8px;
  }
  .page-my-activity .page-my-activity-table .el-table td .channels img {
    width: 28px;
    height: 28px;
  }
  .page-my-activity .page-my-activity-table .ccc-table .channels {
    gap: 8px;
  }
  .page-my-activity .page-my-activity-table .ccc-table .channels img {
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 1735px) {
  .page-my-activity .page-my-activity-list {
    gap: 40px;
    margin-top: 40px;
  }
  .page-my-activity .page-my-activity-list .activity-card {
    width: calc(33.333333% - 40px);
    height: 492px;
    position: relative;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-image {
    height: 290px;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info {
    padding: var(--padding-md);
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-time {
    font-size: var(--text-font-size-normal);
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-info .activity-card-detail .detail-btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
}
@media screen and (min-width: 2190px) {
  .page-my-activity .page-my-activity-inner {
    width: 1924px;
    margin: 0 auto;
  }
  .page-my-activity .page-my-activity-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 60px;
    margin-top: 60px;
  }
  .page-my-activity .page-my-activity-list .activity-card {
    width: 589px;
    height: 545px;
  }
  .page-my-activity .page-my-activity-list .activity-card .activity-card-image {
    height: 342px;
  }
}
.detail-submit-record .el-drawer__header {
  margin-bottom: 0;
}
.detail-submit-record .el-drawer__header .submit-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-submit-record .el-drawer__header .submit-title .submit-title-main {
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
}
.detail-submit-record .el-drawer__header .submit-title .submit-title-desc {
  color: var(--color-text-secondary);
}
.detail-submit-record .el-drawer__close-btn {
  font-size: 24px;
  color: #272636;
  position: relative;
  z-index: 1;
}
.detail-submit-record .el-drawer__close-btn i {
  font-weight: var(--font-weight-bold);
}
.detail-submit-record .el-drawer__body {
  padding: 0 20px 40px;
  overflow-y: auto;
}
.detail-submit-record .el-drawer__body .drawer-submit-record {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .activity-tab {
  padding: 20px 0;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .tabs-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .tabs-title {
  font-size: var(--text-font-size-normal);
  color: var(--color-header);
  font-weight: var(--font-weight-bold);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .tabs-title.sub-title {
  margin-top: 30px;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .tabs-notice {
  margin-top: 15px;
  line-height: 17.5px;
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .submit-table {
  padding: 4px;
  background-color: var(--color-secondary);
  border-radius: 12px;
  margin-top: 15px;
  overflow: hidden;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table {
  background-color: var(--color-secondary);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table tr {
  background-color: transparent;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table.no-data tbody {
  font-size: 0;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table thead tr {
  background-color: var(--color-secondary);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table thead tr th {
  background-color: var(--color-secondary);
  padding: 5px 0;
  font-weight: normal;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table thead tr th .cell {
  display: block;
  color: var(--color-text);
  font-size: 12px;
  line-height: 18px;
  padding: 0 8px;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body-wrapper,
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__fixed-body-wrapper {
  border-radius: 12px;
  background-color: #fefefe;
  overflow-y: auto;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__fixed-body-wrapper {
  overflow: hidden;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td {
  border-bottom: none;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell {
  font-size: 12px;
  line-height: 18px;
  padding: 0 8px;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel span {
  display: none;
  vertical-align: middle;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content img {
  width: 64px;
  height: 36px;
  border-radius: 2px;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--color-header);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-container .status-container-desc {
  color: var(--color-text);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag {
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag.auditing {
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag.pass {
  color: var(--color-success);
  background-color: #DBF7E4;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag.reject {
  color: #DE3339;
  background-color: #FDF0F0;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .audit-remark {
  display: block;
  font-size: 12px;
  line-height: 21px;
}
.detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__fixed-right {
  bottom: 0 !important;
}
@media screen and (max-width: 850px) {
  .detail-submit-record .el-drawer__header {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
  .detail-submit-record .el-drawer__header .el-drawer__close-btn {
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .detail-submit-record .el-drawer__header .submit-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
  .detail-submit-record .el-drawer__header .submit-title .submit-title-main {
    line-height: 23px;
    font-size: 16px;
  }
  .detail-submit-record .el-drawer__header .submit-title .submit-title-desc {
    font-size: var(--text-font-size-sm);
    line-height: 17.5px;
  }
}
@media screen and (min-width: 851px) {
  .detail-submit-record .el-drawer__header {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .detail-submit-record .el-drawer__header .submit-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .detail-submit-record .el-drawer__header .submit-title .submit-title-main {
    font-size: 28px;
  }
  .detail-submit-record .el-drawer__header .submit-title .submit-title-desc {
    font-size: var(--text-font-size-normal);
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .tabs-title {
    font-size: 20px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .tabs-title.sub-title {
    margin-top: 60px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .tab-notice {
    margin-top: 20px;
    line-height: 20px;
    font-size: var(--text-font-size-normal);
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .submit-table {
    padding: 8px;
    margin-top: 20px;
    border-radius: 24px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table thead tr th {
    padding: 16px 0;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table thead tr th .cell {
    font-size: 16px;
    line-height: 24px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell {
    font-size: 14px;
    line-height: 24px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel span {
    display: inline-block;
    margin-left: 8px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content {
    gap: 8px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content img {
    width: 94px;
    height: 53px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag {
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    border-radius: 4px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__fixed-right-patch {
    display: none;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body-wrapper,
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__fixed-body-wrapper {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell {
    font-size: 14px;
    line-height: 24px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel img {
    width: 24px;
    height: 24px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-channel span {
    display: inline-block;
    margin-left: 8px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content {
    gap: 8px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .table-content img {
    width: 105px;
    height: 60px;
  }
  .detail-submit-record .el-drawer__body .drawer-submit-record .el-table .el-table__body td .cell .status-tag {
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    border-radius: 4px;
  }
}
.reward-settlement-drawer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.reward-settlement-drawer .el-drawer__header {
  margin-bottom: 0;
}
.reward-settlement-drawer .el-drawer__header .reward-title {
  color: var(--color-header);
  font-size: var(--text-font-size-md);
  line-height: 23px;
  font-weight: var(--font-weight-bold);
}
.reward-settlement-drawer .el-drawer__close-btn {
  font-size: 24px;
  color: #272636;
  position: relative;
  z-index: 1;
}
.reward-settlement-drawer .el-drawer__close-btn i {
  font-weight: var(--font-weight-bold);
}
.reward-settlement-drawer .el-drawer__body {
  overflow-y: auto;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement {
  padding: 0 20px;
  height: 100%;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table {
  padding: 4px;
  background-color: var(--color-secondary);
  border-radius: 12px;
  margin-top: 15px;
  width: 100%;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table {
  background-color: var(--color-secondary);
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table.no-data tbody {
  font-size: 0;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table thead tr {
  background-color: var(--color-secondary);
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table thead tr th {
  background-color: var(--color-secondary);
  padding: 5px 0;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table thead tr th .cell {
  display: block;
  color: var(--color-text);
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell {
  font-size: 12px;
  color: var(--color-header);
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .reward-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .reward-content img {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .reward-content span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .status-container .status-tag {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 3px;
  display: inline-block;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .status-container .status-tag.finish {
  color: var(--color-success);
  background-color: #DBF7E4;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .status-container .status-tag.not-finish {
  color: var(--color-text-secondary);
  background-color: #f0f0f0;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .status-container .status-tag.reject {
  color: #DE3339;
  background-color: #FDF0F0;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link {
  margin-top: 15px;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-desc {
  line-height: 17px;
  font-size: 12px;
  color: var(--color-text-secondary);
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 10px;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-container .link-container-input {
  font-size: 12px;
  line-height: 22px;
  color: var(--color-text-secondary);
  padding: 4px 15px;
  border-radius: 20px;
  background-color: #f1f1f1;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement .reward-settlement-none {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement .reward-settlement-none .none-bg {
  width: 168px;
  height: 126px;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/none-reward_dc60f35e.png) no-repeat;
  background-size: contain;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement .reward-settlement-none .none-title {
  font-size: var(--text-font-size-md);
  color: var(--color-text-secondary);
  line-height: 23px;
  margin-top: 10px;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement .reward-settlement-none .none-desc {
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
  line-height: 17.5px;
  margin-top: 12px;
  text-align: center;
  margin-bottom: 25px;
}
.reward-settlement-drawer .el-drawer__body .reward-settlement.no-settlement .reward-settlement-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 851px) {
  .reward-settlement-drawer {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
  }
  .reward-settlement-drawer .el-drawer__header {
    padding: 60px 60px 0;
  }
  .reward-settlement-drawer .el-drawer__header .reward-title {
    font-size: 28px;
    line-height: 41px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement {
    padding: 0 60px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table {
    padding: 8px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table thead tr th {
    padding: 10px 0;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table thead tr th .cell {
    font-size: var(--text-font-size-md);
    line-height: 1.5;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell {
    font-size: var(--text-font-size-md);
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .reward-content img {
    width: 60px;
    height: 60px;
    border-radius: 4px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-table .el-table .el-table__body td .cell .status-container .status-tag {
    padding: 10px;
    font-size: var(--text-font-size-normal);
    line-height: 100%;
    border-radius: 4px;
    display: inline-block;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link {
    margin-top: 55px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-desc {
    line-height: 20px;
    font-size: 14px;
    color: var(--color-text-secondary);
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    margin-top: 20px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement .reward-settlement-link .link-container .link-container-input {
    font-size: 14px;
    line-height: 16px;
    color: var(--color-text-secondary);
    padding: 12px 90px 12px 30px;
    border-radius: 20px;
    background-color: #f1f1f1;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement.reward-settlement {
    padding: 0 60px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement.reward-settlement .reward-settlement-none {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 150px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement.reward-settlement .reward-settlement-none .none-bg {
    width: 300px;
    height: 225px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement.reward-settlement .reward-settlement-none .none-title {
    font-size: 24px;
    line-height: 35px;
  }
  .reward-settlement-drawer .el-drawer__body .reward-settlement.reward-settlement .reward-settlement-none .none-desc {
    font-size: var(--text-font-size-md);
    line-height: 20px;
    margin-top: 12px;
    text-align: center;
    margin-bottom: 15px;
  }
}
.activity-search-mobile {
  --label-width: 90px;
  position: relative;
  padding: 19px 17px;
  background-color: var(--bg-color-light);
  border-radius: 6px;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.activity-search-mobile .search-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  overflow-x: auto;
}
.activity-search-mobile .search-line::-webkit-scrollbar {
  display: none;
}
.activity-search-mobile .search-line .search-tag {
  padding: 0 4px;
  border-radius: 6px;
  line-height: 29px;
  font-size: var(--text-font-size-normal);
  color: var(--color-text-secondary);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.activity-search-mobile .search-line .search-tag.checked {
  color: var(--color-primary);
  background-color: rgba(222, 224, 249, 0.3);
}
.activity-search-mobile .ccc-select-inline .select-inline__label {
  width: var(--label-width);
  padding: 10px 20px 10px 0;
}
.activity-search-mobile::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: var(--label-width);
  width: 20px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(-7.5%, rgba(221, 214, 234, 0.2)), color-stop(50.26%, rgba(221, 214, 234, 0)));
  background: linear-gradient(90deg, rgba(221, 214, 234, 0.2) -7.5%, rgba(221, 214, 234, 0) 50.26%);
}
@media screen and (min-width: 751px) {
  .activity-search-mobile {
    display: none;
  }
}
.lang-zh-cht .activity-search-mobile,
.lang-zh-cn .activity-search-mobile {
  --label-width: 62px;
}
.lang-jp .activity-search-mobile {
  --label-width: 98px;
}
.page-account .page-account-inner {
  max-width: 1000px;
  margin: 0 auto;
}
.page-account .gap {
  margin-top: var(--gap);
}
.page-account .page-account-header {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
}
.page-account .account-platform-item:nth-child(1) .platform-item {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .page-account .page-account-header {
    font-size: 28px;
  }
}
.page-profit .page-profit-title {
  font-size: var(--text-font-size-md);
  line-height: 23px;
  font-weight: var(--font-weight-bold);
  color: var(--color-header);
}
.page-profit .page-profit-title.sub-title {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-size: var(--text-font-size-normal);
}
.page-profit .page-profit-title.sub-title .sub-title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-profit .page-profit-title.sub-title.reward-title {
  margin-top: 30px;
}
.page-profit .page-profit-title.sub-title .paypal-account {
  font-size: var(--text-font-size-sm);
  color: var(--color-text-secondary);
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-profit .page-profit-title.sub-title .bind-btn {
  font-size: var(--text-font-size-sm);
  color: var(--color-primary);
  text-decoration: underline;
}
.page-profit .page-profit-desc {
  margin-top: 15px;
  color: var(--color-text-secondary);
  line-height: 17px;
  font-size: var(--text-font-size-sm);
  word-break: break-all;
}
.page-profit .page-profit-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.page-profit .page-profit-grid.swiper-container {
  padding-bottom: 30px;
}
.page-profit .page-profit-grid .profit-grid-item {
  background-image: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/normal-bg_ffd833cc.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(50% - 10px);
  height: 152px;
  padding: 15px 15px 20px 20px;
  color: var(--color-light);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border-radius: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-top .top-icon {
  width: 116px;
  height: 22px;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/logo_15e18f36.svg) no-repeat;
  background-position: center center;
  display: none;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-item-wrapper .icon-currency {
  width: 60px;
  height: 60px;
  background-color: rgba(239, 240, 255, 0.1);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-item-wrapper .icon-currency .ccc-iconfont {
  color: var(--color-light);
  font-size: 31px;
}
.page-profit .page-profit-grid .profit-grid-item .profit-grid-item-wrapper .profit-grid-item-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-profit .page-profit-grid .profit-grid-item .currency {
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  line-height: 21px;
}
.page-profit .page-profit-grid .profit-grid-item .grid-item-title > span {
  font-size: 10px;
  line-height: 29px;
}
.page-profit .page-profit-grid .profit-grid-item .grid-item-title .ccc-iconfont {
  font-size: var(--text-font-size-sm);
  color: var(--color-light);
  margin-left: 6px;
}
.page-profit .page-profit-grid .profit-grid-item .grid-item-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-profit .page-profit-grid .profit-grid-item .grid-item-price > span {
  font-size: 20px;
  font-family: 'DIN', sans-serif;
}
.page-profit .page-profit-grid.grid-1 .profit-grid-item {
  width: 100%;
  background-image: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/normal-bg_ffd833cc.png);
  border-radius: 12px;
}
.page-profit .page-profit-grid .swiper-pagination {
  bottom: 0;
}
.page-profit .page-profit-grid .swiper-pagination .swiper-pagination-bullet {
  background: var(--bg-color-primary);
  opacity: 0.6;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.page-profit .page-profit-grid .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 24px;
}
.page-profit .page-profit-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.page-profit .page-profit-copy .email-container {
  height: 100%;
  background-color: rgba(190, 190, 190, 0.2);
  padding: 4px 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  color: var(--color-text-secondary);
  font-size: var(--text-font-size-sm);
  line-height: 22px;
  border-radius: 20px;
}
.page-profit .page-profit-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-profit .page-profit-tabs .tab-item {
  border-radius: 15px;
  text-align: center;
  font-size: var(--text-font-size-sm);
  color: var(--color-text);
  background-color: #fff;
  line-height: 20px;
  cursor: pointer;
  padding: 6px 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-profit .page-profit-tabs .tab-item.check {
  background-color: var(--bg-color-primary);
  color: var(--color-light);
}
.page-profit .page-profit-table {
  background-color: var(--bg-color-light);
  margin-top: 15px;
  border-radius: 12px;
  overflow: hidden;
}
.page-profit .page-profit-table .el-table {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.page-profit .page-profit-table .el-table tr,
.page-profit .page-profit-table .el-table th {
  background-color: var(--bg-color-light);
}
.page-profit .page-profit-table .el-table.no-data tbody {
  font-size: 0;
}
.page-profit .page-profit-table .el-table .el-table__header-wrapper th {
  font-weight: normal;
  color: var(--color-text-secondary);
}
.page-profit .page-profit-table .el-table td .reward-currency {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em;
  font-weight: var(--font-weight-normal);
}
.page-profit .page-profit-table .el-table td .reward-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-profit .page-profit-table .el-table td .reward-content img {
  width: 35px;
  height: 35px;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-profit .page-profit-table .el-table td .reward-content span {
  line-height: 17px;
  color: var(--color-header);
}
.page-profit .page-profit-table .el-table td .status-container .status-tag {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 3px;
  display: inline-block;
}
.page-profit .page-profit-table .el-table td .status-container .status-tag.finish {
  color: var(--color-success);
  background-color: #DBF7E4;
}
.page-profit .page-profit-table .el-table td .status-container .status-tag.not-finish {
  color: var(--color-text-secondary);
  background-color: #f0f0f0;
}
.page-profit .page-profit-table .el-table td .status-container .status-tag.fail {
  color: var(--color-text-danger);
  background-color: #FDF0F0;
}
.page-profit .page-profit-table .el-table td .status-container .status-tag.reject {
  color: #DE3339;
  background-color: #FDF0F0;
}
.page-profit .page-profit-table .el-table .el-table__body-wrapper .el-table__row:hover {
  background-color: var(--bg-color-secondary);
}
.page-profit .page-profit-table .el-table .el-table__body-wrapper .el-table__row:hover td {
  background-color: transparent;
}
.page-profit .ccc-table .reward-currency {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em;
  font-weight: var(--font-weight-normal);
  color: var(--color-header);
}
.page-profit .ccc-table .reward-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-profit .ccc-table .reward-content img {
  width: 35px;
  height: 35px;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-profit .ccc-table .reward-content span {
  line-height: 17px;
  color: var(--color-header);
}
.page-profit .ccc-table .status-container .status-tag {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 3px;
  display: inline-block;
}
.page-profit .ccc-table .status-container .status-tag.finish {
  color: var(--color-success);
  background-color: #DBF7E4;
}
.page-profit .ccc-table .status-container .status-tag.not-finish {
  color: var(--color-text-secondary);
  background-color: #f0f0f0;
}
.page-profit .ccc-table .status-container .status-tag.fail {
  color: var(--color-text-danger);
  background-color: #FDF0F0;
}
@media screen and (min-width: 751px) {
  .page-profit .page-profit-title {
    font-size: 28px;
    line-height: 41px;
    font-weight: var(--font-weight-bold);
    color: var(--color-header);
  }
  .page-profit .page-profit-title.sub-title {
    margin-top: 30px;
    font-size: 20px;
    line-height: 29px;
  }
  .page-profit .page-profit-title.sub-title.reward-title {
    margin-top: 60px;
  }
  .page-profit .page-profit-group {
    margin-top: 20px;
  }
  .page-profit .page-profit-group .page-profit-desc {
    font-size: var(--text-font-size-md);
    line-height: 20px;
  }
  .page-profit .page-profit-group .page-profit-copy .email-container {
    font-size: var(--text-font-size-md);
    line-height: 16px;
    padding: 12px 30px;
  }
  .page-profit .page-profit-grid.grid-1 .profit-grid-top .top-icon {
    display: block;
  }
  .page-profit .page-profit-grid.grid-1 .profit-grid-item {
    width: 100%;
    border-radius: 24px;
    height: 222px;
    padding: 40px;
  }
  .page-profit .page-profit-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 15px;
  }
  .page-profit .page-profit-tabs .tab-item {
    border-radius: 20px;
    font-size: var(--text-font-size-normal);
    padding: 10px 30px;
  }
  .page-profit .page-profit-tabs .tab-item.check {
    background-color: var(--bg-color-primary);
    color: var(--color-light);
  }
  .page-profit .page-profit-table {
    margin-top: 20px;
  }
  .page-profit .page-profit-table .el-table {
    font-size: 16px;
  }
  .page-profit .page-profit-table .el-table td .reward-content {
    gap: 8px;
  }
  .page-profit .page-profit-table .el-table td .reward-content img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
  }
  .page-profit .page-profit-table .el-table td .status-container .status-tag {
    padding: 10px;
    font-size: 14px;
    line-height: 100%;
    border-radius: 4px;
    display: inline-block;
  }
  .page-profit .ccc-table .reward-content {
    gap: 8px;
  }
  .page-profit .ccc-table .reward-content img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
  }
  .page-profit .ccc-table .status-container .status-tag {
    padding: 10px;
    font-size: 14px;
    line-height: 100%;
    border-radius: 4px;
    display: inline-block;
  }
  .page-profit .page-profit-grid .profit-grid-item .grid-item-title > span {
    font-size: var(--text-font-size-normal);
  }
}
@media screen and (min-width: 1034px) {
  .page-profit .page-profit-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .page-profit .page-profit-grid .profit-grid-item {
    width: calc(50% - 15px);
    height: 211px;
    padding: 30px;
    border-radius: 24px;
  }
  .page-profit .page-profit-grid .profit-grid-item .currency {
    font-size: 20px;
    line-height: 29px;
  }
  .page-profit .page-profit-grid .profit-grid-item .grid-item-title > span {
    font-size: var(--text-font-size-normal);
    line-height: 20px;
  }
  .page-profit .page-profit-grid .profit-grid-item .grid-item-title .ccc-iconfont {
    font-size: var(--text-font-size-md);
    color: var(--color-light);
    margin-left: 6px;
  }
  .page-profit .page-profit-grid .profit-grid-item .grid-item-price {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-profit .page-profit-grid .profit-grid-item .grid-item-price > span {
    line-height: 48px;
    font-size: 40px;
  }
  .page-profit .page-profit-grid.grid-1 .profit-grid-top .top-icon {
    display: block;
  }
  .page-profit .page-profit-grid.grid-1 .profit-grid-item {
    padding: 40px 124px;
  }
  .page-profit .page-profit-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-profit .page-profit-group .page-profit-desc {
    margin-top: 0;
  }
  .page-profit .page-profit-group .page-profit-copy {
    margin-top: 0;
  }
}
@media screen and (min-width: 1436px) {
  .page-profit .page-profit-record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-profit .page-profit-record .page-profit-group .page-profit-desc {
    margin: 0 20px;
  }
}
@media screen and (min-width: 1930px) {
  .page-profit .page-profit-inner {
    width: 1574px;
    margin: 0 auto;
  }
  .page-profit .page-profit-grid {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 40px;
  }
  .page-profit .page-profit-grid.grid-2 .profit-grid-top .top-icon {
    display: block;
  }
  .page-profit .page-profit-grid.grid-2 .profit-grid-item {
    width: calc(50% - 20px);
  }
  .page-profit .page-profit-grid.grid-3 .profit-grid-top .top-icon {
    display: block;
  }
  .page-profit .page-profit-grid.grid-3 .profit-grid-item {
    width: calc(33.333333% - 26.66666667px);
  }
  .page-profit .page-profit-grid.grid-4 .profit-grid-item {
    width: calc(25% - 30px);
  }
}
.paypal-tooltip.is-light {
  padding: 20px;
  -webkit-box-shadow: -2px 2px 6px 0 rgba(97, 104, 231, 0.05);
          box-shadow: -2px 2px 6px 0 rgba(97, 104, 231, 0.05);
  border: none;
  font-size: var(--text-font-size-sm);
  line-height: 17px;
  color: var(--color-text-secondary);
  max-width: 335px;
}
.paypal-tooltip.is-light .popper__arrow {
  border-color: transparent !important;
}
.page-media .page-media-title {
  color: var(--color-header);
  font-weight: var(--font-weight-bold);
}
.page-media .page-media-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 10px;
}
.page-media .page-media-header .el-tabs .el-tabs__header {
  margin-bottom: 0;
}
.page-media .page-media-header .el-tabs .el-tabs__nav-wrap::after {
  display: none;
}
.page-media .page-media-header .el-tabs .el-tabs__active-bar {
  display: none;
}
.page-media .page-media-header .el-tabs .el-tabs__item {
  padding: 0;
}
.page-media .page-media-header .el-tabs .el-tabs__item.is-active {
  color: var(--color-primary);
  font-weight: bold;
}
.page-media .page-media-header .el-tabs .el-tabs__item.is-active::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--bg-color-primary);
  border-radius: 100px;
  display: block;
}
.page-media .page-media-header .page-media-header-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.page-media .page-media-header .page-media-header-layout .el-checkbox__inner {
  background-color: #E1E0F0;
  border-color: #E1E0F0;
}
.page-media .page-media-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  float: right;
}
.page-media .page-media-search .page-media-search-input {
  background-color: var(--bg-color-light);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 98px;
}
.page-media .page-media-search .page-media-search-input input {
  border: none;
  background-color: transparent;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-media .page-media-search .ccc-select .el-input .el-input__inner {
  background-color: var(--bg-color-light);
}
.page-media .page-media-scene {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  width: 100%;
  gap: 20px;
}
.page-media .page-media-scene .page-media-scene-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100px;
}
.page-media .page-media-scene.mobile {
  overflow-x: auto;
}
.page-media .page-media-scene.mobile::-webkit-scrollbar {
  display: none;
}
.page-media .page-media-scene .el-tabs .el-tabs__nav-wrap::after {
  display: none;
}
.page-media .page-media-scene .el-tabs .el-tabs__active-bar {
  display: none;
}
.page-media .page-media-scene .el-tabs .el-tabs__header {
  margin-bottom: 0;
}
.page-media .page-media-scene .el-tabs .el-tabs__item {
  background-color: var(--bg-color-light);
  color: var(--color-text);
  border-radius: 250px;
  line-height: normal;
  height: auto;
}
.page-media .page-media-scene .el-tabs .el-tabs__item.is-active {
  background-color: var(--bg-color-primary);
  color: var(--color-light);
}
.page-media .page-media-scene .picture-slot {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
.page-media .page-media-scene .picture-slot .el-checkbox__inner {
  background-color: #E1E0F0;
}
.page-media .page-media-scene .picture-slot .ccc-iconfont {
  color: var(--color-light);
}
.page-media .video-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-media .video-container .video-items {
  overflow: hidden;
  background: var(--bg-color-light);
}
.page-media .video-container .video-items:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(97, 104, 231, 0.12)), to(rgba(97, 104, 231, 0.12))), #FEFEFE;
  background: linear-gradient(0deg, rgba(97, 104, 231, 0.12), rgba(97, 104, 231, 0.12)), #FEFEFE;
}
.page-media .video-container .video-items .video-items-cover {
  position: relative;
}
.page-media .video-container .video-items .video-items-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-media .video-container .video-items .video-items-cover .icon-bofang {
  position: absolute;
  color: var(--bg-color-light);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.page-media .video-container .video-items .video-items-info .video-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-media .video-container .video-items .video-items-info .video-infos .tag {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .video-container .video-items .video-items-info .video-infos .tag.exclusive {
  color: var(--color-warn);
  background-color: #FFE3FA;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--border-radius-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 8px;
}
.page-media .video-container .video-items .video-items-info .video-infos .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-media .video-container .video-items .video-items-info .video-title {
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .video-container .video-items .video-items-info .video-title .media-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-media .video-container .video-items .video-items-info .video-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container {
  color: var(--color-text-secondary);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container .hidden {
  display: none;
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container span::after {
  content: '';
  display: inline-block;
  background-color: rgba(137, 138, 172, 0.6);
}
.page-media .video-container .video-items .video-items-info .video-info .video-info-container span:last-child::after {
  content: none;
}
.page-media .video-container .video-items .video-items-info .video-info .ccc-iconfont {
  color: var(--color-text);
  margin-left: 15px;
  cursor: pointer;
}
.page-media .video-container .video-items .video-items-info .video-info .ccc-iconfont:hover {
  color: #707EFF;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page-media .layout-list .content-hidden {
  display: none;
}
.page-media .layout-list .layout-list-m {
  padding: 16px 0;
  background-color: var(--bg-color-light);
  border-radius: 12px;
}
.page-media .layout-list .layout-list-m .layout-list-items {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.page-media .layout-list .layout-list-m .layout-list-items .layout-list-cover {
  width: 142px;
  height: 81px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow: hidden;
  border-radius: 4px;
}
.page-media .layout-list .layout-list-m .layout-list-items .layout-list-cover.play-cover::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(50, 53, 99, 0.6);
}
.page-media .layout-list .layout-list-m .layout-list-items .layout-list-cover img {
  height: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-media .layout-list .layout-list-m .layout-list-items .layout-list-cover .ccc-iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--color-light);
  font-size: 24px;
  width: 24px;
  cursor: pointer;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header .media-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--text-font-size-normal);
  line-height: 23px;
  color: var(--color-header);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header .media-title .suffix {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header .media-title .media-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header .ccc-iconfont {
  font-size: 20px;
  margin-left: 10px;
  color: var(--color-text);
  cursor: pointer;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-header .ccc-iconfont:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  color: #707EFF;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-games {
  margin-top: 4px;
  line-height: 17px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-games .tag {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-games .tag.exclusive {
  color: var(--color-warn);
  background-color: #FFE3FA;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--border-radius-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
  margin-right: 7px;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-games .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-games .items-info-game {
  font-size: var(--text-font-size-sm);
  color: var(--color-header);
}
.page-media .layout-list .layout-list-m .layout-list-items .items-info .items-info-other {
  font-size: var(--text-font-size-sm);
  line-height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--color-text-secondary);
}
.page-media .layout-list .layout-list-pc {
  background-color: var(--bg-color-light);
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.page-media .layout-list .layout-list-pc .list-pc-inner {
  overflow-x: auto;
}
.page-media .layout-list .layout-list-pc .list-header {
  font-size: var(--text-font-size-md);
  color: var(--color-text-secondary);
  line-height: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 60px;
  gap: 20px;
  position: relative;
}
.page-media .layout-list .layout-list-pc .list-header span {
  display: inline-block;
  width: var(--data-width);
  text-align: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .layout-list .layout-list-pc .list-header span.flex-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: var(--data-width);
}
.page-media .layout-list .layout-list-pc .list-header span.fixed-right {
  right: 55px;
  z-index: 1;
  background-color: #fff;
  text-align: center;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line {
  padding: 20px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: relative;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line:hover,
.page-media .layout-list .layout-list-pc .list-content .list-content-line.checked {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(97, 104, 231, 0.12)), to(rgba(97, 104, 231, 0.12))), #FEFEFE;
  background: linear-gradient(0deg, rgba(97, 104, 231, 0.12), rgba(97, 104, 231, 0.12)), #FEFEFE;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .cover {
  width: 104px;
  height: 60px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .cover.cover-mask::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(50, 53, 99, 0.6);
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .cover .ccc-iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--color-light);
  font-size: 24px;
  width: 24px;
  cursor: pointer;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-action {
  width: 32px;
  height: 32px;
  text-align: center !important;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content div {
  width: var(--data-width);
  text-align: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: var(--text-font-size-md);
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content div.flex-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: var(--data-width);
  width: var(--data-width);
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  color: var(--color-header);
  overflow: hidden;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-wrapper .tag {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-wrapper .tag.exclusive {
  color: var(--color-warn);
  background-color: #FFE3FA;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--border-radius-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 8px;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-wrapper .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-master {
  font-size: var(--text-font-size-md);
  line-height: 23px;
  font-weight: var(--font-weight-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-master .media-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-name .info-name-game {
  font-size: var(--text-font-size-sm);
  line-height: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-media .layout-list .layout-list-pc .list-content .list-content-line .info-content .info-fixed-right {
  right: 55px;
  z-index: 1;
}
.page-media .layout-list .layout-list-pc .el-table th {
  color: var(--color-text-secondary);
  font-weight: normal;
  font-size: var(--text-font-size-md);
  padding: 20px 0;
}
.page-media .layout-list .layout-list-pc .el-table tr {
  position: relative;
}
.page-media .layout-list .layout-list-pc .el-table td,
.page-media .layout-list .layout-list-pc .el-table th.is-leaf {
  border-bottom: none;
  position: static;
}
.page-media .layout-list .layout-list-pc .el-table .el-table__body-wrapper::-webkit-scrollbar {
  background-color: #f5f5f5;
  height: 5px;
  width: 5px;
}
.page-media .layout-list .layout-list-pc .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ddd;
  height: 3px;
}
.page-media .layout-list .layout-list-pc .layout-list-cover {
  width: 100%;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  overflow: hidden;
  border-radius: 6px;
}
.page-media .layout-list .layout-list-pc .layout-list-cover img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}
.page-media .layout-list .layout-list-pc .layout-list-cover .ccc-iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--color-light);
  font-size: 24px;
  width: 24px;
  cursor: pointer;
}
.page-media .layout-list .layout-list-pc .layout-list-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.page-media .layout-list .layout-list-pc .layout-list-name .layout-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-media .layout-list .layout-list-pc .layout-list-name .layout-name .tag {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .layout-list .layout-list-pc .layout-list-name .layout-name .tag.exclusive {
  color: var(--color-warn);
  background-color: #FFE3FA;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--border-radius-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 8px;
}
.page-media .layout-list .layout-list-pc .layout-list-name .layout-name .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-media .layout-list .layout-list-pc .layout-list-name .name {
  font-size: var(--text-font-size-md);
  line-height: 23px;
  color: var(--color-header);
  font-weight: var(--font-weight-normal);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .layout-list .layout-list-pc .layout-list-name .name .media-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-media .layout-list .layout-list-pc .layout-list-name .name .media-suffix {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .layout-list .layout-list-pc .layout-list-name .game {
  font-size: var(--text-font-size-sm);
  line-height: 17px;
  color: var(--color-header);
  font-weight: normal;
}
.page-media .layout-list .layout-list-pc .layout-list-name .audio-play {
  position: absolute;
  bottom: 0;
  width: 450px;
}
.page-media .layout-list .layout-list-pc .normal-info {
  font-size: var(--text-font-size-md);
  line-height: 23px;
  color: var(--color-text-secondary);
  font-weight: normal;
}
.page-media .layout-list .layout-list-pc .icon-xiazai {
  font-size: 30px;
  color: var(--color-text);
  cursor: pointer;
  display: inline-block;
}
.page-media .layout-list .layout-list-pc .icon-xiazai:hover {
  color: #707EFF;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page-media .layout-list.show-fixed {
  position: relative;
}
.page-media .layout-list .list-fixed {
  display: none;
  -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 27px rgba(0, 0, 0, 0.12);
  background-color: #fff;
}
.page-media .layout-list.show-hidden-x .hidden-x {
  display: block !important;
  opacity: 0;
}
.page-media .layout-list.show-hidden-x .list-fixed {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  bottom: 0;
  overflow: hidden;
}
.page-media .layout-list.show-hidden-x .list-fixed .list-fixed-inner {
  position: absolute;
  top: 0;
  right: -60px;
}
.page-media .layout-list.show-hidden-x .list-fixed .hidden-x {
  opacity: 1;
}
.page-media .picture-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.page-media .picture-container .picture-items {
  overflow: hidden;
  background-color: var(--bg-color-light);
}
.page-media .picture-container .picture-items.checked {
  background-color: #DEE0F9;
}
.page-media .picture-container .picture-items:hover {
  background-color: #EBEBFB;
}
.page-media .picture-container .picture-items .picture-items-cover img {
  width: 100%;
  height: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-media .picture-container .picture-items .picture-items-info .picture-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .picture-container .picture-items .picture-items-info .picture-infos .tag {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .picture-container .picture-items .picture-items-info .picture-infos .tag.exclusive {
  color: var(--color-warn);
  background-color: #FFE3FA;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: var(--border-radius-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 8px;
}
.page-media .picture-container .picture-items .picture-items-info .picture-infos .tag.exclusive::before {
  content: '';
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/exclusive_0d5cdef5.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  vertical-align: middle;
}
.page-media .picture-container .picture-items .picture-items-info .picture-title {
  color: var(--color-header);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .picture-container .picture-items .picture-items-info .picture-title .media-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info .picture-info-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info .el-checkbox .el-checkbox__inner {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--bg-color-primary);
  border-color: var(--bg-color-primary);
}
.page-media .picture-container .picture-items .picture-items-info .picture-info span {
  color: var(--color-text-secondary);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info span.game {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  display: block;
  -webkit-flex-shrink: unset;
      -ms-flex-negative: unset;
          flex-shrink: unset;
  margin-left: 4px;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info span.game::after {
  position: absolute;
  content: '';
  background-color: #898AAC;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info .ccc-iconfont {
  color: var(--color-text);
  cursor: pointer;
}
.page-media .picture-container .picture-items .picture-items-info .picture-info .ccc-iconfont:hover {
  color: #707EFF;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 800px) {
  .page-media .page-media-title {
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .page-media-header {
    margin-top: 20px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item {
    height: 27px;
    line-height: 27px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item.is-active::after {
    height: 3px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item + .el-tabs__item {
    margin-left: 15px;
  }
  .page-media .page-media-header .page-media-header-layout .el-checkbox__inner {
    width: 19px;
    height: 19px;
    background-color: #E1E0F0;
  }
  .page-media .page-media-header .page-media-header-layout .el-checkbox__label {
    padding-left: 4px;
  }
  .page-media .page-media-header .page-media-header-layout .layout-switch {
    margin-left: 10px;
  }
  .page-media .page-media-search {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 26px;
  }
  .page-media .page-media-search .page-media-search-input {
    padding: 5px 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-media .page-media-search .page-media-search-input input {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    width: 100px;
    margin-right: 8px;
  }
  .page-media .page-media-search .ccc-select {
    width: 128px;
  }
  .page-media .page-media-scene {
    padding-top: 20px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__nav-next,
  .page-media .page-media-scene .el-tabs .el-tabs__nav-prev {
    line-height: 30px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__item {
    font-size: var(--text-font-size-sm);
    padding: 6px 15px;
    line-height: 17px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__item + .el-tabs__item {
    margin-left: 20px;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn {
    position: fixed;
    bottom: 94px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn {
    position: relative;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn .ccc-btn-inner {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn .ccc-btn-inner .ccc-iconfont {
    font-size: 24px;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #f7f5fb;
    background-color: #ed6ad4;
    border-radius: 50%;
    top: -3px;
    right: 11px;
    position: absolute;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn.disabled::after {
    content: none;
  }
  .page-media .layout-list::after {
    content: none !important;
  }
  .page-media .video-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .page-media .video-container .video-items {
    width: 100%;
    border-radius: 12px;
  }
  .page-media .video-container .video-items .video-items-cover {
    height: 201px;
  }
  .page-media .video-container .video-items .video-items-cover .icon-bofang {
    font-size: 24px;
  }
  .page-media .video-container .video-items .video-items-info {
    padding: 15px;
  }
  .page-media .video-container .video-items .video-items-info .video-title {
    font-size: var(--text-font-size-normal);
    line-height: 25px;
  }
  .page-media .video-container .video-items .video-items-info .video-info {
    margin-top: 4px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container {
    gap: 4px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span {
    gap: 4px;
    font-size: var(--text-font-size-sm);
    line-height: 17px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span::after {
    width: 1px;
    height: 16px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span:first-child {
    padding-right: 5px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span:first-child::after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-media .video-container .video-items .video-items-info .video-info .ccc-iconfont {
    font-size: 20px;
  }
  .page-media .el-checkbox .el-checkbox__input .el-checkbox__inner {
    width: 16px;
    height: 16px;
  }
  .picture-container {
    gap: 10px;
  }
  .picture-container .picture-items {
    width: calc(50% - 5px);
    border-radius: 12px;
  }
  .picture-container .picture-items .picture-items-cover {
    height: 95px;
  }
  .picture-container .picture-items .picture-items-info {
    padding: 10px;
  }
  .picture-container .picture-items .picture-items-info .picture-title {
    font-size: var(--text-font-size-normal);
    line-height: 25px;
  }
  .picture-container .picture-items .picture-items-info .picture-info {
    gap: 10px;
    margin-top: 4px;
  }
  .picture-container .picture-items .picture-items-info .picture-info .el-checkbox .el-checkbox__inner {
    width: 16px;
    height: 16px;
  }
  .picture-container .picture-items .picture-items-info .picture-info span {
    line-height: 17px;
    font-size: var(--text-font-size-sm);
  }
  .picture-container .picture-items .picture-items-info .picture-info span.game {
    padding-right: 9px;
  }
  .picture-container .picture-items .picture-items-info .picture-info span.game::after {
    width: 1px;
    height: 16px;
    margin: 0 4px;
  }
  .picture-container .picture-items .picture-items-info .picture-info .ccc-iconfont {
    font-size: 20px;
  }
  .el-backtop {
    right: 20px !important;
    bottom: 94px !important;
  }
}
@media screen and (min-width: 801px) {
  .page-media .page-media-title {
    font-size: 28px;
    line-height: 41px;
  }
  .page-media .page-media-header {
    margin-top: 30px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item {
    height: 43px;
    line-height: 43px;
    font-size: 20px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item.is-active::after {
    height: 6px;
  }
  .page-media .page-media-header .el-tabs .el-tabs__item + .el-tabs__item {
    margin-left: 40px;
  }
  .page-media .page-media-search {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
  .page-media .page-media-search .page-media-search-input {
    padding: 10px 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .page-media .page-media-search .page-media-search-input input {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-right: 8px;
  }
  .page-media .page-media-search .ccc-select {
    width: 206px;
  }
  .page-media .page-media-scene {
    padding-top: 20px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__nav-next,
  .page-media .page-media-scene .el-tabs .el-tabs__nav-prev {
    line-height: 40px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__item {
    font-size: var(--text-font-size-normal);
    padding: 10px 30px;
    line-height: 20px;
  }
  .page-media .page-media-scene .el-tabs .el-tabs__item + .el-tabs__item {
    margin-left: 20px;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #f7f5fb;
    background-color: #ed6ad4;
    border-radius: 50%;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn .ccc-btn-inner .ccc-iconfont {
    font-size: 24px;
  }
  .page-media .page-media-scene .picture-slot .pic-download-btn .ccc-btn.disabled::after {
    content: none;
  }
  .page-media .video-container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px;
  }
  .page-media .video-container .video-items {
    width: calc(50% - 10px);
    border-radius: 24px;
  }
  .page-media .video-container .video-items .video-items-cover {
    height: 202px;
  }
  .page-media .video-container .video-items .video-items-cover .icon-bofang {
    font-size: 48px;
  }
  .page-media .video-container .video-items .video-items-info {
    padding: 20px;
  }
  .page-media .video-container .video-items .video-items-info .video-title {
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .video-container .video-items .video-items-info .video-info {
    margin-top: 8px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container {
    gap: 8px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span {
    gap: 8px;
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span::after {
    width: 2px;
    height: 16px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span:first-child {
    padding-right: 11px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span:first-child::after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-media .video-container .video-items .video-items-info .video-info .ccc-iconfont {
    font-size: 30px;
  }
  .page-media .picture-container {
    gap: 20px;
  }
  .page-media .picture-container .picture-items {
    width: calc(50% - 10px);
    border-radius: 24px;
  }
  .page-media .picture-container .picture-items .picture-items-cover {
    height: 202px;
  }
  .page-media .picture-container .picture-items .picture-items-info {
    padding: 20px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-title {
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info {
    gap: 10px;
    margin-top: 4px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info .el-checkbox {
    height: 24px;
    margin-right: 14px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info .el-checkbox .el-checkbox__inner {
    width: 24px;
    height: 24px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info span {
    line-height: 23px;
    font-size: var(--text-font-size-md);
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info span.game {
    padding-right: 18px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info span.game::after {
    width: 2px;
    height: 16px;
    margin: 0 8px;
  }
  .page-media .picture-container .picture-items .picture-items-info .picture-info .ccc-iconfont {
    font-size: 30px;
  }
}
@media screen and (min-width: 1350px) {
  .page-media .page-media-search {
    width: 536px;
    margin-top: 0;
  }
  .page-media .video-container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 40px;
  }
  .page-media .video-container .video-items {
    width: calc(33.3333333% - 26.66666667px);
    border-radius: 24px;
  }
  .page-media .video-container .video-items .video-items-cover {
    height: 290px;
  }
  .page-media .video-container .video-items .video-items-cover .icon-bofang {
    font-size: 48px;
  }
  .page-media .video-container .video-items .video-items-info {
    padding: 30px;
  }
  .page-media .video-container .video-items .video-items-info .video-title {
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .video-container .video-items .video-items-info .video-info {
    margin-top: 8px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container {
    gap: 8px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span {
    gap: 8px;
    font-size: var(--text-font-size-md);
    line-height: 23px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .video-info-container span::after {
    width: 2px;
    height: 16px;
  }
  .page-media .video-container .video-items .video-items-info .video-info .ccc-iconfont {
    font-size: 30px;
  }
  .page-media .picture-container {
    gap: 20px;
  }
  .page-media .picture-container .picture-items {
    width: calc(25% - 20px);
  }
  .page-media .picture-container .picture-items .picture-items-cover {
    height: 170px;
  }
}
@media screen and (min-width: 1600px) {
  .page-media .picture-container {
    gap: 20px;
  }
  .page-media .picture-container .picture-items {
    width: calc(20% - 16px);
  }
  .page-media .picture-container .picture-items .picture-items-cover {
    height: 170px;
  }
}
@media screen and (min-width: 2155px) {
  .page-media .page-media-inner {
    width: 1889px;
    margin: 0 auto;
  }
  .page-media .video-container .video-items .video-items-cover {
    height: 342px;
  }
  .page-media .video-container .video-items .video-items-info {
    padding: 30px;
  }
  .page-media .picture-container {
    gap: 40px;
  }
  .page-media .picture-container .picture-items {
    width: 442px;
  }
  .page-media .picture-container .picture-items .picture-items-cover {
    height: 250px;
  }
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
/* 思源黑体 */
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Heavy.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Heavy.woff') format('woff');
  font-weight: 900;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Bold.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Medium.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Medium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/SourceHanSansCN-Regular.woff') format('woff');
  font-weight: 400;
}
/* DIN */
@font-face {
  font-family: 'DIN';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/DIN-Medium.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/DIN-Medium.woff') format('woff');
  font-weight: 500;
}
.page-entrance-body-wrap {
  border-top-left-radius: 0;
}
.page-entrance {
  padding: 0 !important;
  font-family: Source Han Sans CN, sans-serif;
  font-weight: 400;
}
.page-entrance .content-header {
  color: #040404;
  line-height: 1.4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 32px;
  font-family: notosanssc, sans-serif;
  font-weight: var(--font-weight-bold);
}
.page-entrance .content-header > span {
  white-space: nowrap;
}
.page-entrance .content-header .light {
  color: #6269e8;
}
.page-entrance .entrance-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--topbar-height);
  padding: var(--topbar-padding);
}
.page-entrance .entrance-header .header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 100px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 19, 29, 0.6)), to(rgba(19, 19, 29, 0)));
  background-image: linear-gradient(to bottom, rgba(19, 19, 29, 0.6), rgba(19, 19, 29, 0));
}
.page-entrance .entrance-header .topbar-logo {
  position: relative;
}
.page-entrance .entrance-header .topbar-logo > img {
  width: 116px;
}
.page-entrance .entrance-header .right-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.page-entrance .entrance-header .right-panel .help-doc {
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 9px;
}
.page-entrance .entrance-header .right-panel .help-doc .ccc-iconfont {
  color: #fff;
}
.page-entrance .entrance-header .right-panel .help-doc .help-doc-text {
  display: none;
}
.page-entrance .entrance-header .right-panel .laguage-select {
  margin-right: 10px;
}
.page-entrance .entrance-header .right-panel .laguage-select .laguage-text,
.page-entrance .entrance-header .right-panel .laguage-select .ccc-dropdown__icon {
  display: none;
  color: #fff;
}
.page-entrance .entrance-header .right-panel .laguage-select .ccc-iconfont {
  color: #e9e9e9;
}
.page-entrance .entrance-header .right-panel .login-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 54px;
  border: 1px solid #fff;
  border-radius: 9px;
  height: 18px;
  color: #e9e9e9;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-entrance .entrance-header .right-panel .login-container:hover {
  color: #172246;
  background-color: #fff;
}
.page-entrance .home {
  position: relative;
  width: 100%;
  height: calc(100vh - 10px);
  max-height: 810px;
  overflow: hidden;
  background-color: #d9e3f7;
}
.page-entrance .home .video-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.page-entrance .home .kv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-entrance .home .kv.fragpunk {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv-sm_4c13027c.png) no-repeat bottom center, url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv-sm-lower_ba7769e8.png) no-repeat bottom center;
  background-size: cover;
}
.page-entrance .home .kv.dunkcity {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/dunkcity-kv-sm_aa42f68e.jpg) no-repeat bottom center, url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/dunkcity-kv-sm-lower_2699845b.jpg) no-repeat bottom center;
  background-size: cover;
}
.page-entrance .home .section-content-wrap {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.page-entrance .home .section-content {
  position: relative;
  padding: 120px 22px;
}
.page-entrance .home .section-content .slogan {
  width: 86%;
  max-width: 646px;
}
.page-entrance .home .section-content .slogan .slogan-bg {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/slogan_16108e88.png) center no-repeat;
  width: 100%;
  height: 0;
  padding-top: 17.94%;
  background-size: 100% 100%;
}
.page-entrance .home .section-content .title {
  font-size: 47px;
  color: #fff;
}
.page-entrance .home .section-content .sub-title {
  font-size: 13px;
  color: #fff;
  line-height: 22px;
  margin-top: 18px;
}
.page-entrance .home .section-content .join-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 26px;
  min-width: 200px;
  height: 65px;
  font-size: 17px;
  color: #fff;
  cursor: pointer;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/btn-bg_74866882.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
.page-entrance .home .section-content .join-btn .btn-text {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  font-weight: var(--font-weight-bold);
}
.page-entrance .home .section-content .join-btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/btn-bg-active_f0acb9ea.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.page-entrance .home .section-content .join-btn:hover::before {
  display: block;
}
.page-entrance .home .content-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #13131d), to(rgba(19, 19, 29, 0)));
  background-image: linear-gradient(to top, #13131d 10%, rgba(19, 19, 29, 0) 100%);
}
.page-entrance .creator-equity {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-equity-bg-sm_e8e0e443.png) no-repeat bottom center;
  background-size: cover;
  padding: 81px 0 128px;
}
.page-entrance .creator-equity .equity-header {
  padding: 0 50px;
}
.page-entrance .creator-equity .pagiantion-hidden {
  visibility: hidden;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap {
  position: relative;
  margin: 40px 0 20px;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide {
  width: 52.27% !important;
  padding: 17px;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active {
  width: 56.27% !important;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active .bg-overlay {
  opacity: 0;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next,
.page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-prev {
  opacity: 0.7;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn,
.page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn .ccc-iconfont,
.page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn .ccc-iconfont {
  color: #787eeb;
  font-size: 18px;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn.swiper-button-disabled,
.page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn.swiper-button-disabled {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn {
  left: 28px;
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn .ccc-iconfont {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
  right: 28px;
}
.page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets {
  --indicator-gap: 9px;
  position: relative;
  margin: 0 auto;
}
.page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 4px;
  border-radius: 2px;
  background-color: #c1c7ff;
  opacity: 1;
}
.page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child) {
  margin-left: var(--indicator-gap);
}
.page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #8c97ff;
  width: 15px;
}
.page-entrance .creator-equity .pagination-top {
  display: none;
}
.page-entrance .creator-equity .equity-item {
  position: relative;
  background: no-repeat center center;
  background-size: 100% 100%;
  border-radius: 16px;
  display: block;
}
.page-entrance .creator-equity .equity-item .bg-overlay {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/equity-bg-overlay_6acd7efc.png) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 144.134%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.page-entrance .creator-equity .equity-item .equity-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 12.91% 11.42% 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-entrance .creator-equity .equity-item .equity-content__icon {
  font-size: 36px;
  color: #fff;
}
.page-entrance .creator-equity .equity-item .equity-content__desc {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 23%;
  white-space: wrap;
}
.page-entrance .creator-equity .equity-item:hover .bg-overlay {
  opacity: 0;
}
.page-entrance .creator .creator-content {
  padding: 74px 22px 0;
  background-color: #f1f3ff;
}
.page-entrance .creator .creator-info {
  margin-top: 22px;
}
.page-entrance .creator .creator-info .creator-info-item {
  font-size: 13px;
  line-height: 1.8;
  color: #040404;
  position: relative;
}
.page-entrance .creator .creator-info .creator-info-item::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #6e76ff;
  vertical-align: middle;
}
.page-entrance .creator .creator-info .creator-info-item__text {
  margin-left: 10px;
}
.page-entrance .creator .creator-bg .kv-sm {
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-kv-sm_2ca1c2ff.png) no-repeat top center;
  background-size: 100%;
  padding-top: 91.67%;
}
.page-entrance .creator .creator-bg .kv-normal {
  display: none;
}
.page-entrance .ccc-backtop {
  right: 50px !important;
  bottom: 60px !important;
}
.page-entrance .entrance-feedback {
  right: 16px;
  bottom: 36px;
  background: none;
}
.page-entrance .entrance-feedback .leihuo-feedback-icon {
  color: #6269e8;
  text-shadow: none;
}
.page-entrance .entrance-feedback .leihuo-feedback-text {
  color: #6269e8;
  text-shadow: none;
  font-size: 12px;
  white-space: nowrap;
}
.page-entrance + .copyright {
  margin-top: 0 !important;
}
.laguage-select-popper {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 4px;
  min-width: 98px;
}
.laguage-select-popper .ccc-dropdown .ccc-dropdown-item {
  color: rgba(255, 255, 255, 0.7);
}
.laguage-select-popper .ccc-dropdown .ccc-dropdown-item.is-active,
.laguage-select-popper .ccc-dropdown .ccc-dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
@media screen and (max-width: 580px) {
  .page-entrance .entrance-feedback {
    right: 26px;
    width: 24px !important;
    height: 24px;
  }
  .page-entrance .entrance-feedback .leihuo-feedback-icon {
    font-size: 24px;
  }
  .page-entrance .entrance-feedback .leihuo-feedback-text {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  .laguage-select-popper {
    min-width: 148px;
  }
  .page-entrance .content-header {
    font-size: 72px;
  }
  .page-entrance .entrance-header .topbar-logo > img {
    width: 194px;
  }
  .page-entrance .entrance-header .right-panel .help-doc {
    font-size: 14px;
    margin-right: 18px;
  }
  .page-entrance .entrance-header .right-panel .help-doc .help-doc-text {
    margin-left: 9px;
    display: inline-block;
  }
  .page-entrance .entrance-header .right-panel .laguage-select {
    min-width: 130px;
    margin-right: 24px;
  }
  .page-entrance .entrance-header .right-panel .laguage-select .laguage-text,
  .page-entrance .entrance-header .right-panel .laguage-select .ccc-dropdown__icon {
    display: inline-block;
  }
  .page-entrance .entrance-header .right-panel .laguage-select .laguage-text {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
  }
  .page-entrance .entrance-header .right-panel .login-container {
    font-size: 14px;
    min-width: 80px;
    height: 24px;
    border-radius: 12px;
  }
  .page-entrance .home {
    max-height: 900px;
  }
  .page-entrance .home .section-content {
    padding-left: 148px;
    padding-right: 82px;
  }
  .page-entrance .home .section-content .slogan {
    max-width: 721px;
  }
  .page-entrance .home .section-content .title {
    font-size: 104px;
  }
  .page-entrance .home .section-content .sub-title {
    font-size: 18px;
    margin-top: 32px;
  }
  .page-entrance .home .section-content .join-btn {
    font-size: 26px;
    min-width: 300px;
    height: 100px;
    border-radius: 8px;
    margin-top: 40px;
    -webkit-transform: translateX(-14px);
            transform: translateX(-14px);
  }
  .page-entrance .home .section-content .join-btn .btn-text {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .page-entrance .home .kv.fragpunk {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv-normal_151491ba.png) no-repeat center center, url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv-normal-lower_7c22aff9.png) no-repeat center center;
    background-size: cover;
  }
  .page-entrance .home .kv.dunkcity {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/dunkcity-kv-normal_aa42f68e.jpg) no-repeat center center, url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/dunkcity-kv-normal-lower_7d90d071.jpg) no-repeat center center;
    background-size: cover;
  }
  .page-entrance .creator-equity {
    padding: 96px 0 185px 87px;
  }
  .page-entrance .creator-equity .equity-header {
    padding: 0;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap {
    margin: 60px 0 40px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide {
    width: 34.565% !important;
    padding: 20px;
    min-width: 220px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active {
    width: 34.565% !important;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active .bg-overlay {
    opacity: 1;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active:hover .bg-overlay {
    opacity: 0;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next,
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-prev {
    opacity: 1;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next + .swiper-slide {
    pointer-events: none;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next + .swiper-slide .equity-item::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#a7a9fb), to(#eceeff));
    background-image: linear-gradient(to right, #a7a9fb, #eceeff);
    border-radius: 16px;
    opacity: 0.6;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn,
  .page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
    width: 55px;
    height: 55px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn .ccc-iconfont,
  .page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn .ccc-iconfont {
    font-size: 20px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn {
    display: none;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
    right: 73px;
  }
  .page-entrance .creator-equity .equity-item .equity-content__icon {
    font-size: 46px;
  }
  .page-entrance .creator-equity .equity-item .equity-content__desc {
    font-size: 26px;
  }
  .page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets {
    --indicator-gap: 14px;
    text-align: left;
    padding-left: 8px;
  }
  .page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px;
    height: 6px;
    border-radius: 3px;
  }
  .page-entrance .creator-equity .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
  }
  .page-entrance .creator .creator-content {
    padding: 90px 85px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    z-index: 1;
    background-color: transparent;
  }
  .page-entrance .creator .content-header {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .page-entrance .creator .creator-info {
    max-width: 700px;
    text-align: right;
  }
  .page-entrance .creator .creator-info .creator-info-item {
    font-size: 18px;
    text-align: right;
  }
  .page-entrance .creator .creator-info .creator-info-item::before {
    top: 9px;
    width: 5px;
    height: 5px;
  }
  .page-entrance .creator .creator-info .creator-info-item__text {
    margin-right: 10px;
    margin-left: 0;
  }
  .page-entrance .ccc-backtop {
    right: 100px !important;
    bottom: 120px !important;
  }
  .page-entrance .entrance-feedback {
    right: 38px;
    bottom: 84px;
  }
  .page-entrance .entrance-feedback .leihuo-feedback-icon {
    font-size: 24px;
  }
  .page-entrance .entrance-feedback .leihuo-feedback-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 960px) {
  .page-entrance .content-header {
    font-size: 76px;
  }
  .page-entrance .home {
    max-height: 1080px;
  }
  .page-entrance .home .kv {
    display: none;
  }
  .page-entrance .home .video-wrapper {
    display: block;
  }
  .page-entrance .home .video-wrapper .video-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .page-entrance .home .video-wrapper .video-bg.fragpunk {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv_39ffb9cc.png) no-repeat center center;
  }
  .page-entrance .home .video-wrapper .video-bg.dunkcity {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/kv-dunkcity_7ecf13dd.png) no-repeat center center;
  }
  .page-entrance .home .video {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    min-height: 100%;
    min-width: 100%;
  }
  .page-entrance .creator {
    position: relative;
    height: 1098px;
  }
  .page-entrance .creator .creator-content {
    padding: 152px 182px 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .page-entrance .creator .content-header {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .page-entrance .creator .creator-info {
    text-align: right;
  }
  .page-entrance .creator .creator-info .creator-info-item {
    max-width: 1200px;
  }
  .page-entrance .creator .creator-info .creator-info-item::before {
    top: 14px;
  }
  .page-entrance .creator .creator-bg {
    height: 100%;
  }
  .page-entrance .creator .creator-bg .kv-sm {
    display: none;
  }
  .page-entrance .creator .creator-bg .kv-normal {
    height: 100%;
    display: block;
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-kv_b1869b4a.png) no-repeat top center;
    background-size: cover;
  }
  .page-entrance .creator-equity {
    background-image: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-equity-bg_8f101391.png);
    padding: 160px 120px 224px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap {
    margin: calc(40px - 20px) 0;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .creator-equity-swiper {
    margin: 0;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide {
    width: 20% !important;
    padding: 20px;
    min-width: 220px;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-active {
    width: 20% !important;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next + .swiper-slide {
    opacity: 1;
    pointer-events: all;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .swiper-slide.swiper-slide-next + .swiper-slide .equity-item::after {
    display: none;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .prev-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
  }
  .page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
    right: 0;
  }
  .page-entrance .creator-equity .equity-item .equity-content {
    padding: 13.95% 9.7% 0;
  }
  .page-entrance .creator-equity .equity-item .equity-content__icon {
    width: 18.65%;
    max-width: 50px;
  }
  .page-entrance .creator-equity .equity-item .equity-content__icon > img {
    width: 100%;
  }
  .page-entrance .creator-equity .equity-item .equity-content__desc {
    font-size: 20px;
  }
  .page-entrance .creator-equity .swiper-pagination.pagination-top {
    display: block;
    margin: 50px 20px 0 0;
    text-align: right;
  }
  .page-entrance .creator-equity .pagination-bottom {
    display: none;
  }
  .page-entrance + .copyright {
    padding-left: 166px;
  }
}
@media screen and (min-width: 1280px) {
  .page-entrance .content-header :not(:first-child) {
    margin-left: 16px;
  }
  .page-entrance + .copyright {
    padding-left: 336px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1340px) {
  .page-entrance .creator-equity .creator-equity-swiper-wrap .next-btn {
    right: -20px;
  }
}
@media screen and (min-width: 1400px) {
  .page-entrance .creator-equity {
    padding: 160px 207px 224px;
  }
  .page-entrance .creator-equity .content-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .page-entrance .creator-equity .equity-item .equity-content__desc {
    font-size: 26px;
  }
  .page-entrance .creator-content .content-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1921px) {
  .page-entrance .content-header {
    font-size: 102px;
  }
  .page-entrance .entrance-header .right-panel .help-doc {
    font-size: 20px;
  }
  .page-entrance .entrance-header .right-panel .help-doc .ccc-iconfont {
    font-size: 20px;
  }
  .page-entrance .entrance-header .right-panel .laguage-select .laguage-text,
  .page-entrance .entrance-header .right-panel .laguage-select .ccc-iconfont {
    font-size: 20px;
  }
  .page-entrance .entrance-header .right-panel .laguage-select .ccc-iconfont {
    color: #e9e9e9;
  }
  .page-entrance .entrance-header .right-panel .login-container {
    font-size: 20px;
    height: 32px;
    min-width: 104px;
    border-radius: 16px;
  }
  .page-entrance .home .section-content .slogan {
    width: 942px;
    max-width: 942px;
  }
  .page-entrance .creator {
    position: relative;
    height: 1462px;
  }
  .page-entrance .creator .creator-bg {
    height: 100%;
  }
  .page-entrance .creator .creator-bg .kv-normal {
    background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-kv-2k_952085f6.png) no-repeat top center;
  }
  .page-entrance .creator-equity {
    background-image: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/creator-equity-bg_8f101391.png);
    padding: 204px 243px 288px;
  }
  .page-entrance + .copyright {
    padding-left: 656px;
  }
  .laguage-select-popper {
    min-width: 148px;
  }
  .laguage-select-popper .ccc-dropdown .ccc-dropdown-item {
    font-size: 20px;
  }
}

/** mixins **/
.email-pop .email-header .email-header-title {
  font-size: 14px;
  color: var(--color-header);
  font-weight: 500;
}
.email-pop .email-header .email-header-subtitle {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary);
  margin-top: 10px;
}
.email-pop .email-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.email-pop .email-input-group .email-input .email-input-inner {
  border: none;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #F1F1F1;
  padding: 8px;
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 3px;
}
.email-pop .email-input-group .email-input .email-input-inner::-webkit-input-placeholder {
  color: #7B848D;
}
.email-pop .email-input-group .email-input .email-input-inner::-moz-placeholder {
  color: #7B848D;
}
.email-pop .email-input-group .email-input .email-input-inner:-ms-input-placeholder {
  color: #7B848D;
}
.email-pop .email-input-group .email-input .email-input-inner::-ms-input-placeholder {
  color: #7B848D;
}
.email-pop .email-input-group .email-input .email-input-inner::placeholder {
  color: #7B848D;
}
.email-pop .email-input-group .email-input .email-input-inner:focus {
  outline: none;
}
.email-pop .email-btn {
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
}
.email-pop .email-btn.is-disabled {
  opacity: 0.5;
}
.email-pop .email-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.email-pop .email-footer .ccc-btn-inner {
  min-width: 120px;
}
@media screen and (min-width: 420px) and (max-width: 749px) {
  .email-pop .email-footer {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: 30px;
  }
  .email-pop .email-footer .ccc-btn-inner {
    min-width: 120px;
  }
}
@media screen and (min-width: 750px) {
  .email-pop .email-header .email-header-title {
    font-size: 24px;
  }
  .email-pop .email-header .email-header-subtitle {
    font-size: 14px;
    margin-top: 20px;
  }
  .email-pop .email-input-group {
    margin-top: 20px;
  }
  .email-pop .email-input-group .email-input .email-input-inner {
    border: none;
    width: 48px;
    height: 48px;
    line-height: 48px;
    padding: 12px 14px;
    font-size: 16px;
    border-radius: 6px;
  }
  .email-pop .email-btn {
    font-size: 14px;
    margin-top: 20px;
  }
  .email-pop .email-footer {
    margin-top: 60px;
  }
  .email-pop .email-footer .ccc-btn-inner {
    min-width: 176px;
  }
}
.ccc-email .email-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-email .email-modify {
  font-size: 14px;
  color: var(--color-primary);
  font-weight: 500;
  margin-left: 8px;
  cursor: pointer;
}
.ccc-email .email-btn {
  margin-left: 8px;
}
.ccc-email .email-btn .ccc-btn-inner {
  min-width: 96px;
}
.ccc-email .validate-error {
  color: var(--color-text-danger);
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}
.ccc-email .validate-error .ccc-iconfont {
  color: var(--color-text-danger);
  font-size: 14px;
}
.ccc-email .validate-error .validate-error-text {
  margin-left: 4px;
}
@media screen and (min-width: 750px) {
  .ccc-email .email-btn .ccc-btn-inner {
    min-width: 144px;
  }
  .ccc-email .validate-error {
    font-size: 14px;
    margin-top: 12px;
  }
  .ccc-email .validate-error .ccc-iconfont {
    font-size: 16px;
  }
  .ccc-email .validate-error .validate-error-text {
    margin-left: 4px;
  }
}

/** mixins **/

/** mixins **/

/** mixins **/
.platform-group .platform-item {
  padding: 20px;
  border-radius: 6px;
  margin-top: 15px;
  background-color: var(--bg-color-secondary-op6);
}
.platform-group .platform-item .platform-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.platform-group .platform-item .platform-item-header .ccc-btn .ccc-btn-inner {
  min-width: 120px;
}
.platform-group .platform-item .platform-item-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.platform-group .platform-item .platform-item-icon .platform-item-img {
  width: 36px;
  height: 36px;
  margin-right: 4px;
}
.platform-group .platform-item .platform-item-icon .platform-item-img.no-icon {
  display: none;
}
.platform-group .platform-item .platform-item-name {
  color: var(--color-header);
  font-size: 14px;
  font-weight: 500;
}
.platform-group .platform-item .platform-item-account {
  color: var(--color-text);
  font-size: 12px;
}
.platform-group .platform-item .platform-item-extra {
  font-size: 12px;
}
.platform-group .platform-item .platform-item-extra .platform-item-extra__btn {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.platform-group .platform-item .platform-item-extra .platform-item-extra__error {
  color: var(--color-text-danger);
}
.platform-group .platform-item-small .platform-item-account:not(:empty),
.platform-group .platform-item-small .platform-item-extra:not(:empty) {
  margin-top: 10px;
}
.platform-group .platform-item-normal {
  display: none;
}
.platform-group .sub-platform {
  margin-top: 15px;
  border-radius: 5px;
}
.platform-group .sub-platform.is-active .platform-item.sub-platform--header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.platform-group .sub-platform .sub-platform-extra {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.platform-group .sub-platform .collapse-wrap {
  padding: 0 6px 6px;
  background-color: var(--bg-color-secondary-op6);
}
.platform-group .sub-platform .collapse-wrap .platform-item {
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 0;
  padding: 20px 14px;
  border-radius: 0;
}
.platform-group .sub-platform .collapse-wrap .platform-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.platform-group .sub-platform .collapse-wrap .platform-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.platform-group .sub-platform .open-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
  color: var(--color-header);
  border-radius: 50%;
}
.platform-group .sub-platform .open-btn .open-btn-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.platform-group .sub-platform .open-btn .ccc-iconfont {
  color: var(--nav-icon-color);
  font-size: 18px;
}
.platform-group .sub-platform .open-btn.is-open {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.platform-group.oauth-platform div:first-of-type,
.platform-group.paypal-platform div:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .platform-group .platform-item {
    border-radius: 12px;
    margin-top: 20px;
  }
  .platform-group .platform-item .platform-item-header {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .platform-group .platform-item .platform-item-header .platform-item-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .platform-group .platform-item .platform-item-header .platform-item-icon .platform-item-name-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .platform-group .platform-item .platform-item-header .platform-item-icon .platform-item-name-wrapper .platform-item-account {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .platform-group .platform-item .platform-item-header .platform-item-img {
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
  .platform-group .platform-item .platform-item-header .platform-item-img.no-icon {
    display: block;
    visibility: hidden;
  }
  .platform-group .platform-item .platform-item-header .ccc-btn .ccc-btn-inner {
    min-width: 176px;
    text-align: center;
  }
  .platform-group .platform-item .platform-item-name {
    font-size: 20px;
  }
  .platform-group .platform-item .platform-item-account {
    font-size: 14px;
  }
  .platform-group .platform-item .platform-item-extra {
    font-size: 14px;
  }
  .platform-group .platform-item .platform-item-extra .platform-item-extra__error {
    color: var(--color-text-danger);
  }
  .platform-group .sub-platform {
    border-radius: 10px;
    margin-top: 20px;
  }
  .platform-group .sub-platform .collapse-wrap .platform-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .platform-group .sub-platform .collapse-wrap .platform-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .platform-group .sub-platform .open-btn {
    width: 48px;
    height: 48px;
  }
  .platform-group .sub-platform .open-btn .ccc-iconfont {
    font-size: 24px;
  }
  .platform-group .sub-platform .open-btn:hover {
    background-color: #E4E6FF;
  }
}
@media screen and (min-width: 800px) {
  .platform-group .platform-item-small {
    display: none;
  }
  .platform-group .platform-item-normal {
    display: block;
  }
  .platform-group .platform-item-normal .name-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .platform-group .platform-item-normal .name-group .platform-item-name {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1120px) {
  .platform-group .platform-item-normal .platform-item-name-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .platform-group .platform-item-normal .platform-item-extra {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .platform-group .platform-item .platform-item-header .platform-item-icon .platform-item-name-wrapper .platform-item-account {
    white-space: nowrap;
    max-width: none;
  }
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.toast-wrapper[data-v-fe35c5e6] {
  position: fixed;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--bg-color-light);
  border-radius: 8px;
  padding: 13px 60px;
  font-size: 14px;
  color: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05), 0px 0px 20px rgba(0, 0, 0, 0.05), 0px 0px 20px rgba(97, 104, 231, 0.05);
          box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05), 0px 0px 20px rgba(0, 0, 0, 0.05), 0px 0px 20px rgba(97, 104, 231, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.toast-wrapper.mobile[data-v-fe35c5e6] {
  top: auto;
  bottom: 60px;
}
.icon-wrapper[data-v-fe35c5e6] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.icon-wrapper .ccc-iconfont[data-v-fe35c5e6] {
  color: var(--color-light);
}
.icon-wrapper.icon-success[data-v-fe35c5e6] {
  background-color: #00B227;
}
.icon-wrapper.icon-fail[data-v-fe35c5e6] {
  background-color: #DE3339;
}
.message-text[data-v-fe35c5e6] {
  font-size: var(--text-font-size-normal);
  margin-left: 8px;
}
.message-text.success-text[data-v-fe35c5e6] {
  color: #00B227;
}
.message-text.fail-text[data-v-fe35c5e6] {
  color: #DE3339;
}

/** mixins **/

/** mixins **/

/** mixins **/
.ccc-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ccc-tab .ccc-tab-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F5F5F9;
  color: var(--color-text);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 20px;
  margin: 0 0 10px 0;
}
.ccc-tab .ccc-tab-item:not(:last-child) {
  margin-right: 10px;
}
.ccc-tab .ccc-tab-item .ccc-tab-item__icon {
  width: 16px;
  margin-right: 4px;
  color: inherit;
}
.ccc-tab .ccc-tab-item:hover {
  background-color: var(--bg-color-secondary);
  color: var(--color-primary);
}
.ccc-tab .ccc-tab-item.is-active {
  background-color: var(--color-primary);
  color: var(--color-light);
}
@media screen and (min-width: 750px) {
  .ccc-tab .ccc-tab-item {
    padding: 12px 36px;
    font-size: 14px;
    border-radius: 40px;
  }
  .ccc-tab .ccc-tab-item:not(:last-child) {
    margin-right: 32px;
  }
  .ccc-tab .ccc-tab-item .ccc-tab-item__icon {
    width: 20px;
    margin-right: 8px;
  }
}

/** mixins **/

/** mixins **/
:root {
  --input-bg-color: #F1F1F1;
  --input-border-radius: 32px;
}
.ccc-input {
  display: inline-block;
  position: relative;
}
.ccc-input .ccc-input-inner {
  position: relative;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  background-color: var(--input-bg-color);
  border-radius: var(--input-border-radius);
}
.ccc-input .ccc-input-inner .ccc-input-inner__input {
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
  color: var(--color-header);
  font-size: 12px;
}
.ccc-input .ccc-input-inner .ccc-input-inner__input::-webkit-input-placeholder {
  color: var(--color-text-secondary);
  opacity: 0.6;
}
.ccc-input .ccc-input-inner .ccc-input-inner__input::-moz-placeholder {
  color: var(--color-text-secondary);
  opacity: 0.6;
}
.ccc-input .ccc-input-inner .ccc-input-inner__input:-ms-input-placeholder {
  color: var(--color-text-secondary);
  opacity: 0.6;
}
.ccc-input .ccc-input-inner .ccc-input-inner__input::-ms-input-placeholder {
  color: var(--color-text-secondary);
  opacity: 0.6;
}
.ccc-input .ccc-input-inner .ccc-input-inner__input::placeholder {
  color: var(--color-text-secondary);
  opacity: 0.6;
}
.ccc-input .ccc-input-inner .ccc-input-inner__suffix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ccc-input.is-disabled {
  cursor: not-allowed;
}
.ccc-input.is-disabled .ccc-input-inner {
  opacity: 1;
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input {
  -webkit-text-fill-color: var(--color-disabled);
  color: var(--color-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input[disabled],
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input:disabled {
  color: var(--color-disabled);
  opacity: 1;
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input::-moz-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-input.is-disabled .ccc-input-inner .ccc-input-inner__input::placeholder {
  opacity: 1;
  color: var(--color-text-secondary);
}
.ccc-input.is-center .ccc-input__inner {
  text-align: center;
}
.ccc-input .ccc-input-error {
  display: inline-block;
  color: #DE3339;
  font-size: 12px;
  margin-top: 8px;
}
.ccc-input .ccc-input-error__icon {
  color: #DE3339;
  font-size: 14px;
}
@media screen and (min-width: 750px) {
  .ccc-input .ccc-input-inner {
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
  }
  .ccc-input .ccc-input-inner .ccc-input-inner__input {
    font-size: 14px;
  }
  .ccc-input .ccc-input-inner .ccc-input-inner__suffix {
    right: 12px;
  }
  .ccc-input .ccc-input-error {
    font-size: 14px;
    margin-top: 9px;
  }
  .ccc-input .ccc-input-error__icon {
    font-size: 16px;
  }
}

/** mixins **/

/** mixins **/
.el-checkbox {
  font-size: 14px;
  color: var(--color-header);
}
.el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-sm);
  background-color: rgba(126, 126, 135, 0.2);
  border: none;
}
.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--bg-color-primary) !important;
}
.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
  display: none;
}
.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* stylelint-disable */
  font-family: "iconfont" !important;
  font-size: 18px;
  font-style: normal;
  content: "\E65A";
  color: var(--color-light);
}
.el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--color-header);
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--bg-color-primary) !important;
}
.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--bg-color-light);
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
}
.el-checkbox.is-disabled .el-checkbox__input .el-checkbox__inner {
  background-color: rgba(190, 190, 190, 0.2) !important;
}
.el-checkbox.is-disabled .el-checkbox__input + span.el-checkbox__label {
  color: #BEBEBE;
}
.el-checkbox .el-checkbox__label {
  color: var(--color-header);
  line-height: 24px;
}
.el-checkbox:hover .el-checkbox__input .el-checkbox__inner {
  background-color: #BEBEBE;
  -webkit-transition: none;
  transition: none;
}

/** mixins **/

/** mixins **/
.ccc-form-item .ccc-form-item__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ccc-form-item .ccc-form-item__label--title {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-header);
  white-space: nowrap;
}
.ccc-form-item .ccc-form-item__label--desc {
  font-size: 12px;
  color: var(--color-text-secondary);
  margin-top: 15px;
}
.ccc-form-item.is-required .ccc-form-item__label--title::after {
  content: '*';
  color: var(--color-warn);
  font-size: 14px;
  vertical-align: middle;
  margin-left: 4px;
  display: inline-block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media screen and (min-width: 750px) {
  .ccc-form-item .ccc-form-item__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .ccc-form-item .ccc-form-item__label--desc {
    margin-left: 8px;
    margin-top: 0;
  }
  .ccc-form-item.is-required .ccc-form-item__label--title::after {
    font-size: 16px;
  }
}

/** mixins **/

/** mixins **/
.el-pagination {
  padding: 15px 20px 20px;
  text-align: center;
  color: #BEBEBE;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el-pagination .el-pager li:hover,
.el-pagination .el-pager li.active {
  color: var(--color-primary);
}
.el-pagination span.el-pagination__sizes {
  height: 100%;
  margin: 0 40px;
}
.el-pagination span.el-pagination__sizes .el-select .el-input {
  width: 144px;
  height: 40px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F1F1F1;
  border-radius: 20px;
  overflow: hidden;
  padding: 0 20px;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__inner {
  height: 40px;
  line-height: 40px;
  border: none;
  background: #F1F1F1;
  padding: 0;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__suffix {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__suffix .el-input__suffix-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__suffix .el-select__caret {
  font-family: "iconfont", sans-serif !important;
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
  font-size: 16px !important;
  color: #898AAC;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__suffix .el-select__caret::before {
  content: "\E613" !important;
}
.el-pagination span.el-pagination__sizes .el-select .el-input .el-input__suffix .el-select__caret.is-reverse {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.el-pagination span.el-pagination__jump .el-pagination__editor {
  margin: 0;
}
.el-pagination span.el-pagination__jump .el-pagination__editor .el-input__inner {
  background-color: #f1f1f1;
  border: none;
}
.el-pagination .el-pagination__jump {
  margin-left: 0;
}
.el-pagination .el-pagination__editor.el-input .el-input__inner {
  width: 28px;
}
.pagination-select .el-select-dropdown__item.selected {
  color: var(--color-primary);
}
.pagination-select .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: var(--bg-color-secondary);
}
@media screen and (max-width: 750px) {
  .el-pagination {
    padding: 20px 10px;
  }
  .el-pagination span.el-pagination__sizes {
    margin: 0 20px;
  }
  .el-pagination span.el-pagination__sizes .el-select .el-input {
    width: 110px;
    height: 30px;
  }
  .el-pagination span.el-pagination__sizes .el-select .el-input .el-input__inner {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
  }
  .el-pagination button,
  .el-pagination span:not([class*=suffix]) {
    min-width: 24px;
    font-size: 12px;
  }
  .el-pagination .btn-prev {
    padding-right: 6px;
  }
  .el-pagination .btn-next {
    padding-left: 6px;
  }
}

/** mixins **/
.ccc-tooltip.el-tooltip__popper {
  border: none;
  background-color: var(--bg-color-light);
  -webkit-box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
          box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(0, 0, 0, 0.05), 0 0 20px 0 rgba(97, 104, 231, 0.05);
  color: var(--color-text);
  font-size: 12px;
  border-radius: var(--border-radius-lg);
  padding: 10px 12px;
}
@media screen and (min-width: 750px) {
  .ccc-tooltip.el-tooltip__popper {
    padding: 10px 30px;
    font-size: 14px;
  }
}

/** mixins **/

/** mixins **/
/* stylelint-disabled */
@-webkit-keyframes loadingAnimation {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -148px 0;
  }
  1.1% {
    background-position: -296px 0;
  }
  1.7% {
    background-position: -444px 0;
  }
  2.3% {
    background-position: -592px 0;
  }
  2.8% {
    background-position: -740px 0;
  }
  3.4% {
    background-position: -888px 0;
  }
  4% {
    background-position: -1036px 0;
  }
  4.5% {
    background-position: -1184px 0;
  }
  5.1% {
    background-position: -1332px 0;
  }
  5.6% {
    background-position: -1480px 0;
  }
  6.2% {
    background-position: -1628px 0;
  }
  6.8% {
    background-position: -1776px 0;
  }
  7.3% {
    background-position: -1924px 0;
  }
  7.9% {
    background-position: 0 -148px;
  }
  8.5% {
    background-position: -148px -148px;
  }
  9% {
    background-position: -296px -148px;
  }
  9.6% {
    background-position: -444px -148px;
  }
  10.2% {
    background-position: -592px -148px;
  }
  10.7% {
    background-position: -740px -148px;
  }
  11.3% {
    background-position: -888px -148px;
  }
  11.9% {
    background-position: -1036px -148px;
  }
  12.4% {
    background-position: -1184px -148px;
  }
  13% {
    background-position: -1332px -148px;
  }
  13.6% {
    background-position: -1480px -148px;
  }
  14.1% {
    background-position: -1628px -148px;
  }
  14.7% {
    background-position: -1776px -148px;
  }
  15.3% {
    background-position: -1924px -148px;
  }
  15.8% {
    background-position: 0 -296px;
  }
  16.4% {
    background-position: -148px -296px;
  }
  16.9% {
    background-position: -296px -296px;
  }
  17.5% {
    background-position: -444px -296px;
  }
  18.1% {
    background-position: -592px -296px;
  }
  18.6% {
    background-position: -740px -296px;
  }
  19.2% {
    background-position: -888px -296px;
  }
  19.8% {
    background-position: -1036px -296px;
  }
  20.3% {
    background-position: -1184px -296px;
  }
  20.9% {
    background-position: -1332px -296px;
  }
  21.5% {
    background-position: -1480px -296px;
  }
  22% {
    background-position: -1628px -296px;
  }
  22.6% {
    background-position: -1776px -296px;
  }
  23.2% {
    background-position: -1924px -296px;
  }
  23.7% {
    background-position: 0 -444px;
  }
  24.3% {
    background-position: -148px -444px;
  }
  24.9% {
    background-position: -296px -444px;
  }
  25.4% {
    background-position: -444px -444px;
  }
  26% {
    background-position: -592px -444px;
  }
  26.6% {
    background-position: -740px -444px;
  }
  27.1% {
    background-position: -888px -444px;
  }
  27.7% {
    background-position: -1036px -444px;
  }
  28.2% {
    background-position: -1184px -444px;
  }
  28.8% {
    background-position: -1332px -444px;
  }
  29.4% {
    background-position: -1480px -444px;
  }
  29.9% {
    background-position: -1628px -444px;
  }
  30.5% {
    background-position: -1776px -444px;
  }
  31.1% {
    background-position: -1924px -444px;
  }
  31.6% {
    background-position: 0 -592px;
  }
  32.2% {
    background-position: -148px -592px;
  }
  32.8% {
    background-position: -296px -592px;
  }
  33.3% {
    background-position: -444px -592px;
  }
  33.9% {
    background-position: -592px -592px;
  }
  34.5% {
    background-position: -740px -592px;
  }
  35% {
    background-position: -888px -592px;
  }
  35.6% {
    background-position: -1036px -592px;
  }
  36.2% {
    background-position: -1184px -592px;
  }
  36.7% {
    background-position: -1332px -592px;
  }
  37.3% {
    background-position: -1480px -592px;
  }
  37.9% {
    background-position: -1628px -592px;
  }
  38.4% {
    background-position: -1776px -592px;
  }
  39% {
    background-position: -1924px -592px;
  }
  39.5% {
    background-position: 0 -740px;
  }
  40.1% {
    background-position: -148px -740px;
  }
  40.7% {
    background-position: -296px -740px;
  }
  41.2% {
    background-position: -444px -740px;
  }
  41.8% {
    background-position: -592px -740px;
  }
  42.4% {
    background-position: -740px -740px;
  }
  42.9% {
    background-position: -888px -740px;
  }
  43.5% {
    background-position: -1036px -740px;
  }
  44.1% {
    background-position: -1184px -740px;
  }
  44.6% {
    background-position: -1332px -740px;
  }
  45.2% {
    background-position: -1480px -740px;
  }
  45.8% {
    background-position: -1628px -740px;
  }
  46.3% {
    background-position: -1776px -740px;
  }
  46.9% {
    background-position: -1924px -740px;
  }
  47.5% {
    background-position: 0 -888px;
  }
  48% {
    background-position: -148px -888px;
  }
  48.6% {
    background-position: -296px -888px;
  }
  49.2% {
    background-position: -444px -888px;
  }
  49.7% {
    background-position: -592px -888px;
  }
  50.3% {
    background-position: -740px -888px;
  }
  50.8% {
    background-position: -888px -888px;
  }
  51.4% {
    background-position: -1036px -888px;
  }
  52% {
    background-position: -1184px -888px;
  }
  52.5% {
    background-position: -1332px -888px;
  }
  53.1% {
    background-position: -1480px -888px;
  }
  53.7% {
    background-position: -1628px -888px;
  }
  54.2% {
    background-position: -1776px -888px;
  }
  54.8% {
    background-position: -1924px -888px;
  }
  55.4% {
    background-position: 0 -1036px;
  }
  55.9% {
    background-position: -148px -1036px;
  }
  56.5% {
    background-position: -296px -1036px;
  }
  57.1% {
    background-position: -444px -1036px;
  }
  57.6% {
    background-position: -592px -1036px;
  }
  58.2% {
    background-position: -740px -1036px;
  }
  58.8% {
    background-position: -888px -1036px;
  }
  59.3% {
    background-position: -1036px -1036px;
  }
  59.9% {
    background-position: -1184px -1036px;
  }
  60.5% {
    background-position: -1332px -1036px;
  }
  61% {
    background-position: -1480px -1036px;
  }
  61.6% {
    background-position: -1628px -1036px;
  }
  62.1% {
    background-position: -1776px -1036px;
  }
  62.7% {
    background-position: -1924px -1036px;
  }
  63.3% {
    background-position: 0 -1184px;
  }
  63.8% {
    background-position: -148px -1184px;
  }
  64.4% {
    background-position: -296px -1184px;
  }
  65% {
    background-position: -444px -1184px;
  }
  65.5% {
    background-position: -592px -1184px;
  }
  66.1% {
    background-position: -740px -1184px;
  }
  66.7% {
    background-position: -888px -1184px;
  }
  67.2% {
    background-position: -1036px -1184px;
  }
  67.8% {
    background-position: -1184px -1184px;
  }
  68.4% {
    background-position: -1332px -1184px;
  }
  68.9% {
    background-position: -1480px -1184px;
  }
  69.5% {
    background-position: -1628px -1184px;
  }
  70.1% {
    background-position: -1776px -1184px;
  }
  70.6% {
    background-position: -1924px -1184px;
  }
  71.2% {
    background-position: 0 -1332px;
  }
  71.8% {
    background-position: -148px -1332px;
  }
  72.3% {
    background-position: -296px -1332px;
  }
  72.9% {
    background-position: -444px -1332px;
  }
  73.4% {
    background-position: -592px -1332px;
  }
  74% {
    background-position: -740px -1332px;
  }
  74.6% {
    background-position: -888px -1332px;
  }
  75.1% {
    background-position: -1036px -1332px;
  }
  75.7% {
    background-position: -1184px -1332px;
  }
  76.3% {
    background-position: -1332px -1332px;
  }
  76.8% {
    background-position: -1480px -1332px;
  }
  77.4% {
    background-position: -1628px -1332px;
  }
  78% {
    background-position: -1776px -1332px;
  }
  78.5% {
    background-position: -1924px -1332px;
  }
  79.1% {
    background-position: 0 -1480px;
  }
  79.7% {
    background-position: -148px -1480px;
  }
  80.2% {
    background-position: -296px -1480px;
  }
  80.8% {
    background-position: -444px -1480px;
  }
  81.4% {
    background-position: -592px -1480px;
  }
  81.9% {
    background-position: -740px -1480px;
  }
  82.5% {
    background-position: -888px -1480px;
  }
  83.1% {
    background-position: -1036px -1480px;
  }
  83.6% {
    background-position: -1184px -1480px;
  }
  84.2% {
    background-position: -1332px -1480px;
  }
  84.7% {
    background-position: -1480px -1480px;
  }
  85.3% {
    background-position: -1628px -1480px;
  }
  85.9% {
    background-position: -1776px -1480px;
  }
  86.4% {
    background-position: -1924px -1480px;
  }
  87% {
    background-position: 0 -1628px;
  }
  87.6% {
    background-position: -148px -1628px;
  }
  88.1% {
    background-position: -296px -1628px;
  }
  88.7% {
    background-position: -444px -1628px;
  }
  89.3% {
    background-position: -592px -1628px;
  }
  89.8% {
    background-position: -740px -1628px;
  }
  90.4% {
    background-position: -888px -1628px;
  }
  91% {
    background-position: -1036px -1628px;
  }
  91.5% {
    background-position: -1184px -1628px;
  }
  92.1% {
    background-position: -1332px -1628px;
  }
  92.7% {
    background-position: -1480px -1628px;
  }
  93.2% {
    background-position: -1628px -1628px;
  }
  93.8% {
    background-position: -1776px -1628px;
  }
  94.4% {
    background-position: -1924px -1628px;
  }
  94.9% {
    background-position: 0 -1776px;
  }
  95.5% {
    background-position: -148px -1776px;
  }
  96% {
    background-position: -296px -1776px;
  }
  96.6% {
    background-position: -444px -1776px;
  }
  97.2% {
    background-position: -592px -1776px;
  }
  97.7% {
    background-position: -740px -1776px;
  }
  98.3% {
    background-position: -888px -1776px;
  }
  98.9% {
    background-position: -1036px -1776px;
  }
  99.4% {
    background-position: -1184px -1776px;
  }
  100% {
    background-position: -1184px -1776px;
  }
}
@keyframes loadingAnimation {
  0% {
    background-position: 0 0;
  }
  0.6% {
    background-position: -148px 0;
  }
  1.1% {
    background-position: -296px 0;
  }
  1.7% {
    background-position: -444px 0;
  }
  2.3% {
    background-position: -592px 0;
  }
  2.8% {
    background-position: -740px 0;
  }
  3.4% {
    background-position: -888px 0;
  }
  4% {
    background-position: -1036px 0;
  }
  4.5% {
    background-position: -1184px 0;
  }
  5.1% {
    background-position: -1332px 0;
  }
  5.6% {
    background-position: -1480px 0;
  }
  6.2% {
    background-position: -1628px 0;
  }
  6.8% {
    background-position: -1776px 0;
  }
  7.3% {
    background-position: -1924px 0;
  }
  7.9% {
    background-position: 0 -148px;
  }
  8.5% {
    background-position: -148px -148px;
  }
  9% {
    background-position: -296px -148px;
  }
  9.6% {
    background-position: -444px -148px;
  }
  10.2% {
    background-position: -592px -148px;
  }
  10.7% {
    background-position: -740px -148px;
  }
  11.3% {
    background-position: -888px -148px;
  }
  11.9% {
    background-position: -1036px -148px;
  }
  12.4% {
    background-position: -1184px -148px;
  }
  13% {
    background-position: -1332px -148px;
  }
  13.6% {
    background-position: -1480px -148px;
  }
  14.1% {
    background-position: -1628px -148px;
  }
  14.7% {
    background-position: -1776px -148px;
  }
  15.3% {
    background-position: -1924px -148px;
  }
  15.8% {
    background-position: 0 -296px;
  }
  16.4% {
    background-position: -148px -296px;
  }
  16.9% {
    background-position: -296px -296px;
  }
  17.5% {
    background-position: -444px -296px;
  }
  18.1% {
    background-position: -592px -296px;
  }
  18.6% {
    background-position: -740px -296px;
  }
  19.2% {
    background-position: -888px -296px;
  }
  19.8% {
    background-position: -1036px -296px;
  }
  20.3% {
    background-position: -1184px -296px;
  }
  20.9% {
    background-position: -1332px -296px;
  }
  21.5% {
    background-position: -1480px -296px;
  }
  22% {
    background-position: -1628px -296px;
  }
  22.6% {
    background-position: -1776px -296px;
  }
  23.2% {
    background-position: -1924px -296px;
  }
  23.7% {
    background-position: 0 -444px;
  }
  24.3% {
    background-position: -148px -444px;
  }
  24.9% {
    background-position: -296px -444px;
  }
  25.4% {
    background-position: -444px -444px;
  }
  26% {
    background-position: -592px -444px;
  }
  26.6% {
    background-position: -740px -444px;
  }
  27.1% {
    background-position: -888px -444px;
  }
  27.7% {
    background-position: -1036px -444px;
  }
  28.2% {
    background-position: -1184px -444px;
  }
  28.8% {
    background-position: -1332px -444px;
  }
  29.4% {
    background-position: -1480px -444px;
  }
  29.9% {
    background-position: -1628px -444px;
  }
  30.5% {
    background-position: -1776px -444px;
  }
  31.1% {
    background-position: -1924px -444px;
  }
  31.6% {
    background-position: 0 -592px;
  }
  32.2% {
    background-position: -148px -592px;
  }
  32.8% {
    background-position: -296px -592px;
  }
  33.3% {
    background-position: -444px -592px;
  }
  33.9% {
    background-position: -592px -592px;
  }
  34.5% {
    background-position: -740px -592px;
  }
  35% {
    background-position: -888px -592px;
  }
  35.6% {
    background-position: -1036px -592px;
  }
  36.2% {
    background-position: -1184px -592px;
  }
  36.7% {
    background-position: -1332px -592px;
  }
  37.3% {
    background-position: -1480px -592px;
  }
  37.9% {
    background-position: -1628px -592px;
  }
  38.4% {
    background-position: -1776px -592px;
  }
  39% {
    background-position: -1924px -592px;
  }
  39.5% {
    background-position: 0 -740px;
  }
  40.1% {
    background-position: -148px -740px;
  }
  40.7% {
    background-position: -296px -740px;
  }
  41.2% {
    background-position: -444px -740px;
  }
  41.8% {
    background-position: -592px -740px;
  }
  42.4% {
    background-position: -740px -740px;
  }
  42.9% {
    background-position: -888px -740px;
  }
  43.5% {
    background-position: -1036px -740px;
  }
  44.1% {
    background-position: -1184px -740px;
  }
  44.6% {
    background-position: -1332px -740px;
  }
  45.2% {
    background-position: -1480px -740px;
  }
  45.8% {
    background-position: -1628px -740px;
  }
  46.3% {
    background-position: -1776px -740px;
  }
  46.9% {
    background-position: -1924px -740px;
  }
  47.5% {
    background-position: 0 -888px;
  }
  48% {
    background-position: -148px -888px;
  }
  48.6% {
    background-position: -296px -888px;
  }
  49.2% {
    background-position: -444px -888px;
  }
  49.7% {
    background-position: -592px -888px;
  }
  50.3% {
    background-position: -740px -888px;
  }
  50.8% {
    background-position: -888px -888px;
  }
  51.4% {
    background-position: -1036px -888px;
  }
  52% {
    background-position: -1184px -888px;
  }
  52.5% {
    background-position: -1332px -888px;
  }
  53.1% {
    background-position: -1480px -888px;
  }
  53.7% {
    background-position: -1628px -888px;
  }
  54.2% {
    background-position: -1776px -888px;
  }
  54.8% {
    background-position: -1924px -888px;
  }
  55.4% {
    background-position: 0 -1036px;
  }
  55.9% {
    background-position: -148px -1036px;
  }
  56.5% {
    background-position: -296px -1036px;
  }
  57.1% {
    background-position: -444px -1036px;
  }
  57.6% {
    background-position: -592px -1036px;
  }
  58.2% {
    background-position: -740px -1036px;
  }
  58.8% {
    background-position: -888px -1036px;
  }
  59.3% {
    background-position: -1036px -1036px;
  }
  59.9% {
    background-position: -1184px -1036px;
  }
  60.5% {
    background-position: -1332px -1036px;
  }
  61% {
    background-position: -1480px -1036px;
  }
  61.6% {
    background-position: -1628px -1036px;
  }
  62.1% {
    background-position: -1776px -1036px;
  }
  62.7% {
    background-position: -1924px -1036px;
  }
  63.3% {
    background-position: 0 -1184px;
  }
  63.8% {
    background-position: -148px -1184px;
  }
  64.4% {
    background-position: -296px -1184px;
  }
  65% {
    background-position: -444px -1184px;
  }
  65.5% {
    background-position: -592px -1184px;
  }
  66.1% {
    background-position: -740px -1184px;
  }
  66.7% {
    background-position: -888px -1184px;
  }
  67.2% {
    background-position: -1036px -1184px;
  }
  67.8% {
    background-position: -1184px -1184px;
  }
  68.4% {
    background-position: -1332px -1184px;
  }
  68.9% {
    background-position: -1480px -1184px;
  }
  69.5% {
    background-position: -1628px -1184px;
  }
  70.1% {
    background-position: -1776px -1184px;
  }
  70.6% {
    background-position: -1924px -1184px;
  }
  71.2% {
    background-position: 0 -1332px;
  }
  71.8% {
    background-position: -148px -1332px;
  }
  72.3% {
    background-position: -296px -1332px;
  }
  72.9% {
    background-position: -444px -1332px;
  }
  73.4% {
    background-position: -592px -1332px;
  }
  74% {
    background-position: -740px -1332px;
  }
  74.6% {
    background-position: -888px -1332px;
  }
  75.1% {
    background-position: -1036px -1332px;
  }
  75.7% {
    background-position: -1184px -1332px;
  }
  76.3% {
    background-position: -1332px -1332px;
  }
  76.8% {
    background-position: -1480px -1332px;
  }
  77.4% {
    background-position: -1628px -1332px;
  }
  78% {
    background-position: -1776px -1332px;
  }
  78.5% {
    background-position: -1924px -1332px;
  }
  79.1% {
    background-position: 0 -1480px;
  }
  79.7% {
    background-position: -148px -1480px;
  }
  80.2% {
    background-position: -296px -1480px;
  }
  80.8% {
    background-position: -444px -1480px;
  }
  81.4% {
    background-position: -592px -1480px;
  }
  81.9% {
    background-position: -740px -1480px;
  }
  82.5% {
    background-position: -888px -1480px;
  }
  83.1% {
    background-position: -1036px -1480px;
  }
  83.6% {
    background-position: -1184px -1480px;
  }
  84.2% {
    background-position: -1332px -1480px;
  }
  84.7% {
    background-position: -1480px -1480px;
  }
  85.3% {
    background-position: -1628px -1480px;
  }
  85.9% {
    background-position: -1776px -1480px;
  }
  86.4% {
    background-position: -1924px -1480px;
  }
  87% {
    background-position: 0 -1628px;
  }
  87.6% {
    background-position: -148px -1628px;
  }
  88.1% {
    background-position: -296px -1628px;
  }
  88.7% {
    background-position: -444px -1628px;
  }
  89.3% {
    background-position: -592px -1628px;
  }
  89.8% {
    background-position: -740px -1628px;
  }
  90.4% {
    background-position: -888px -1628px;
  }
  91% {
    background-position: -1036px -1628px;
  }
  91.5% {
    background-position: -1184px -1628px;
  }
  92.1% {
    background-position: -1332px -1628px;
  }
  92.7% {
    background-position: -1480px -1628px;
  }
  93.2% {
    background-position: -1628px -1628px;
  }
  93.8% {
    background-position: -1776px -1628px;
  }
  94.4% {
    background-position: -1924px -1628px;
  }
  94.9% {
    background-position: 0 -1776px;
  }
  95.5% {
    background-position: -148px -1776px;
  }
  96% {
    background-position: -296px -1776px;
  }
  96.6% {
    background-position: -444px -1776px;
  }
  97.2% {
    background-position: -592px -1776px;
  }
  97.7% {
    background-position: -740px -1776px;
  }
  98.3% {
    background-position: -888px -1776px;
  }
  98.9% {
    background-position: -1036px -1776px;
  }
  99.4% {
    background-position: -1184px -1776px;
  }
  100% {
    background-position: -1184px -1776px;
  }
}
.ccc-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(254, 254, 254, 0.8);
  z-index: 999;
}
.ccc-loading .ccc-loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ccc-loading .ccc-loading-content > svg {
  width: 44px;
  height: 44px;
}
.ccc-loading .ccc-loading-content .loading-text {
  font-size: 14px;
  margin-left: 8px;
}
.ccc-loading .ccc-loading-inner {
  height: 148px;
  width: 148px;
  font-size: 0;
  -webkit-animation: loadingAnimation 2.95s 0s steps(1) infinite normal;
          animation: loadingAnimation 2.95s 0s steps(1) infinite normal;
  background: url(https://influencer.thunderfire.com/pc/zt/20250120182519/assets/loading_982dd6c8.png);
  background-size: 1400% 1300%;
}
.ccc-loading.ver .ccc-loading-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ccc-loading.ver .ccc-loading-content .loading-text {
  margin-top: 8px;
}
.ccc-loading.fullscreen {
  position: fixed;
}
.ccc-loading.fullscreen .ccc-loading-content > svg {
  width: 74px;
  height: 74px;
}
@media screen and (min-width: 750px) {
  .ccc-loading .ccc-loading-content > svg {
    width: 88px;
    height: 88px;
  }
  .ccc-loading .ccc-loading-content .loading-text {
    font-size: 16px;
  }
  .ccc-loading.fullscreen {
    position: fixed;
  }
  .ccc-loading.fullscreen .ccc-loading-content > svg {
    width: 148px;
    height: 148px;
  }
}

/** mixins **/

/** mixins **/
.common-empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 50px;
}
.common-empty .empty-image {
  width: 261px;
  height: 148px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.common-empty .empty-desc {
  font-size: 12px;
  color: #bebebe;
}
@media screen and (min-width: 751px) {
  .common-empty {
    margin-top: 120px;
  }
  .common-empty .empty-image {
    width: 519px;
    height: 373px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .common-empty .empty-desc {
    font-size: 24px;
  }
}

/** mixins **/

/** mixins **/
.ccc-alert {
  width: 100%;
  border-radius: var(--border-radius-md);
}
.ccc-alert .ccc-alert-content {
  font-size: 14px;
}
.ccc-alert .ccc-alert-close {
  cursor: pointer;
}
.ccc-alert .icon-tip,
.ccc-alert .icon-close {
  font-size: 18px;
}
.ccc-alert.ccc-alert-danger {
  background-color: #FFE2ED;
}
.ccc-alert.ccc-alert-danger .icon-tip {
  color: var(--color-text-danger);
}
.ccc-alert.ccc-alert-danger .icon-close {
  color: var(--color-header);
}
.ccc-alert.ccc-alert-danger .ccc-alert-content {
  color: var(--color-header);
}
.ccc-alert.is-center .ccc-alert-body {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ccc-alert .ccc-alert-normal {
  display: none;
}
.ccc-alert .ccc-alert-small {
  padding: 20px;
}
.ccc-alert .ccc-alert-small .ccc-alert-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ccc-alert .ccc-alert-small .ccc-alert-content {
  margin-top: 10px;
}
@media screen and (min-width: 750px) {
  .ccc-alert {
    position: relative;
  }
  .ccc-alert .ccc-alert-content {
    font-size: 16px;
  }
  .ccc-alert .ccc-alert-content .icon-tip {
    margin-right: 8px;
  }
  .ccc-alert .icon-tip,
  .ccc-alert .icon-close {
    font-size: 20px;
  }
  .ccc-alert .ccc-alert-normal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 65px 20px 45px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .ccc-alert .ccc-alert-normal .ccc-alert-close {
    position: absolute;
    top: 24px;
    right: 20px;
  }
  .ccc-alert .ccc-alert-small {
    display: none;
  }
}

/** mixins **/
.ccc-table {
  position: relative;
}
.ccc-table .ccc-table-wrapper {
  overflow-x: auto;
  background-color: var(--bg-color-light);
}
.ccc-table .ccc-table-header .ccc-table-header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.ccc-table .ccc-table-header span {
  min-width: var(--data-min-width);
  width: var(--data-width);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--color-text-secondary);
  padding: 0 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ccc-table .ccc-table-header span.flex-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ccc-table .ccc-table-header span.align-center {
  text-align: center;
}
.ccc-table .ccc-table-body .table-body-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-table .ccc-table-body .table-body-line:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(97, 104, 231, 0.12)), to(rgba(97, 104, 231, 0.12))), #FEFEFE;
  background: linear-gradient(0deg, rgba(97, 104, 231, 0.12), rgba(97, 104, 231, 0.12)), #FEFEFE;
}
.ccc-table .ccc-table-body .table-body-line .body-item {
  min-width: var(--data-min-width);
  width: var(--data-width);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--color-text-secondary);
  padding: 0 8px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  word-break: break-all;
}
.ccc-table .ccc-table-body .table-body-line .body-item.flex-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ccc-table .ccc-table-body .table-body-line .body-item.align-center {
  text-align: center;
}
.ccc-table .ccc-table-fixed {
  display: none;
  width: calc(var(--data-fixed-width) + 30px);
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 15px);
  background-color: var(--bg-color-light);
  -webkit-box-shadow: 0 -20px 27px rgba(0, 0, 0, 0.12);
          box-shadow: 0 -20px 27px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.ccc-table .ccc-table-fixed .ccc-table-fixed-wrapper {
  position: absolute;
}
.ccc-table .ccc-table-fixed .hidden {
  visibility: hidden;
}
.ccc-table .ccc-table-fixed .ccc-table-body .table-body-line:hover {
  background: transparent;
}
.ccc-table.fixed-table .hidden {
  opacity: 0;
  display: block;
}
.ccc-table.fixed-table .ccc-table-fixed {
  display: block;
}
@media screen and (max-width: 750px) {
  .ccc-table .ccc-table-header {
    padding: 10px;
  }
  .ccc-table .ccc-table-header span {
    padding: 0 5px;
  }
  .ccc-table .ccc-table-header .table-header {
    font-size: var(--text-font-size-sm);
  }
  .ccc-table .ccc-table-body .table-body-line {
    padding: 10px;
    font-size: var(--text-font-size-sm);
  }
  .ccc-table .ccc-table-body .table-body-line .body-item {
    padding: 0 5px;
  }
  .ccc-table-fixed .ccc-table-fixed-wrapper {
    right: 10px;
    text-align: center;
  }
  .fixed-table .ccc-table-fixed {
    height: 100%;
  }
}
@media screen and (min-width: 751px) {
  .ccc-table .ccc-table-header {
    padding: 20px 40px;
  }
  .ccc-table .ccc-table-header .table-header {
    font-size: var(--text-font-size-md);
  }
  .ccc-table .ccc-table-body .table-body-line {
    padding: 20px 40px;
    font-size: var(--text-font-size-md);
  }
  .ccc-table .ccc-table-fixed .ccc-table-fixed-wrapper {
    right: -35px;
    text-align: center;
  }
}

/** mixins **/
.ccc-sticky-inner {
  z-index: 99;
}

/** mixins **/
.ccc-collapse .collapse-header {
  cursor: pointer;
}
.ccc-collapse .collapse-transition {
  -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.ccc-collapse.is-custom .collapse-header {
  cursor: default;
}

/** mixins **/

/** mixins **/
.ccc-select-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ccc-select-inline .select-inline__label {
  position: relative;
  padding-right: 20px;
}
.ccc-select-inline .select-inline__label--title {
  padding: 3px 10px;
  color: var(--color-header);
  font-size: 12px;
  font-weight: 500;
  padding: 3px 0;
}
.ccc-select-inline .select-inline__label--title > span {
  line-height: 23px;
}
.ccc-select-inline .select-inline__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  scrollbar-width: none;
}
.ccc-select-inline .select-inline__content::-webkit-scrollbar {
  display: none;
}
.ccc-select-inline .select-inline__content .select-inline-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F1F1F1;
  border-radius: var(--border-radius-normal);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: pointer;
  padding: 3px 10px;
  color: var(--color-text-tertiary);
  font-size: 12px;
  font-weight: 500;
}
.ccc-select-inline .select-inline__content .select-inline-item > span {
  line-height: 23px;
}
.ccc-select-inline .select-inline__content .select-inline-item.is-selected {
  background-color: rgba(222, 224, 249, 0.3);
}
.ccc-select-inline .select-inline__content .select-inline-item.is-selected .select-inline-item__label {
  color: var(--color-primary);
}
.ccc-select-inline .select-inline__content .select-inline-item.is-selected .select-arrow {
  color: var(--color-primary);
}
.ccc-select-inline .select-inline__content .select-inline-item.mode-single {
  background-color: transparent !important;
}
.ccc-select-inline .select-inline__content > div:not(:last-child) {
  margin-right: 15px;
}
.ccc-select-inline .sub-select-inline {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 15px;
}
.ccc-select-inline .sub-select-inline .select-inline-item .select-arrow {
  margin-left: 4px;
}
.select-inline-popover.el-popper[x-placement^=bottom] {
  margin-top: 6px;
}
.select-inline-popover .sub-select-inline__dropdown--inner {
  width: 241px;
  padding: 0 15px 15px;
  background-color: var(--bg-color-light);
  border-radius: var(--border-radius-lg);
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F1F1F1;
  border-radius: var(--border-radius-normal);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: pointer;
  padding: 3px 10px;
  color: var(--color-text-tertiary);
  font-size: 12px;
  font-weight: 500;
  margin-top: 15px;
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item > span {
  line-height: 23px;
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item.is-selected {
  background-color: rgba(222, 224, 249, 0.3);
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item.is-selected .select-inline-item__label {
  color: var(--color-primary);
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item.is-selected .select-arrow {
  color: var(--color-primary);
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item.mode-single {
  background-color: transparent !important;
}
.select-inline-popover .sub-select-inline__dropdown--inner .select-inline-item:not(:last-child) {
  margin-right: 15px;
}

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/

/** mixins **/
.ccc-cascader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 290px;
  cursor: pointer;
  background-color: var(--bg-color-light);
  border-radius: 30px;
  padding: 0 20px;
}
.ccc-cascader .ccc-cascader__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  width: 100%;
}
.ccc-cascader .ccc-cascader__label {
  color: var(--color-header);
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ccc-cascader .ccc-cascader__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 2px 0;
}
.ccc-cascader .ccc-cascader__tags .ccc-cascader-tag__item {
  background-color: #F1F1F1;
  color: var(--color-text-tertiary);
  font-size: 12px;
  font-weight: 500;
  padding: 0 8px;
  line-height: 1.6;
  border-radius: 4px;
  cursor: default;
  margin: 2px 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ccc-cascader .ccc-cascader__tags .ccc-cascader-tag__item .ccc-cascader-tag__close {
  color: var(--color-text-tertiary);
  font-size: 12px;
  cursor: pointer;
  -webkit-transform: scale(1);
          transform: scale(1);
  margin-left: 8px;
}
.ccc-cascader .ccc-cascader__tags .ccc-cascader-tag__item:not(:last-child) {
  margin-right: 9px;
}
.ccc-cascader .ccc-cascader__tags .ccc-cascader-tag__item:hover {
  color: var(--color-primary);
  background-color: var(--bg-color-secondary);
}
.ccc-cascader .ccc-casader__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: var(--color-header);
  font-weight: 500;
}
.ccc-cascader .ccc-cascader__placeholder {
  color: var(--color-text-secondary);
  font-size: 12px;
}
.ccc-cascader .ccc-cascader__placeholder,
.ccc-cascader .ccc-cascader__tags {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ccc-cascader .ccc-cascader__arrow {
  margin-left: 17px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ccc-cascader-popper.el-popover {
  padding: 12px 10px;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  min-width: 290px;
}
.ccc-cascader-popper.el-popover .el-cascader-panel {
  border: none;
  width: 100%;
}
.ccc-cascader-popper.el-popover[x-placement^=bottom] {
  margin-top: 8px;
}
.ccc-cascader-popper.el-popover .el-cascader-node {
  padding: 8px 10px;
  border-radius: 8px;
  min-height: 40px;
  background-color: transparent;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 0 0 8px;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label .cascader-node__label--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px 0 0;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label .cascader-node__label--inner .cascader-node__label--text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label .cascader-node__label--inner .el-icon-arrow-right {
  margin-left: 8px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label .cascader-node__label--inner.is-selected {
  color: var(--color-primary);
  font-weight: 700;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__label .cascader-node__label--inner.is-selected .el-icon-arrow-right {
  color: var(--color-primary);
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__prefix.el-icon-check {
  position: absolute;
  left: 0;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__prefix.el-icon-check::before {
  /* stylelint-disable */
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  color: #898AAC;
  content: '\E66B';
  /* stylelint-enable */
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-cascader-node__postfix.el-icon-arrow-right {
  display: none;
}
.ccc-cascader-popper.el-popover .el-cascader-node:hover,
.ccc-cascader-popper.el-popover .el-cascader-node.is-active {
  background-color: var(--bg-color-secondary);
}
.ccc-cascader-popper.el-popover .el-cascader-node:hover .el-cascader-node__label,
.ccc-cascader-popper.el-popover .el-cascader-node.is-active .el-cascader-node__label {
  color: var(--color-primary);
}
.ccc-cascader-popper.el-popover .el-cascader-node:hover .el-icon-arrow-right,
.ccc-cascader-popper.el-popover .el-cascader-node.is-active .el-icon-arrow-right {
  color: var(--color-primary);
}
.ccc-cascader-popper.el-popover .el-cascader-node:hover .el-cascader-node__prefix::before,
.ccc-cascader-popper.el-popover .el-cascader-node.is-active .el-cascader-node__prefix::before {
  color: var(--color-primary);
}
.ccc-cascader-popper.el-popover .el-cascader-node.is-active .el-cascader-node__label {
  font-weight: 700;
}
.ccc-cascader-popper.el-popover .el-cascader-node .el-checkbox {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.ccc-cascader-popper.el-popover .el-cascader-node:not(:first-child) {
  margin-top: 8px;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu {
  border-right: none;
  width: 100%;
  position: relative;
  overflow: visible;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu ~ .el-scrollbar {
  width: auto;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu .el-scrollbar__wrap {
  overflow-y: auto;
  overflow-x: visible;
  height: auto;
  max-height: 204px;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  scrollbar-width: none;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu .el-scrollbar__wrap::-webkit-scrollbar {
  display: none;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu .el-scrollbar__wrap .el-scrollbar__view {
  padding: 0;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu .el-scrollbar__wrap .el-scrollbar__view .el-cascader-menu__hover-zone {
  display: none;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu:not(:last-child) {
  padding-right: 20px;
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 12px;
  top: -12px;
  right: 12px;
  bottom: -12px;
  -webkit-transform: translate(100%);
          transform: translate(100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(-16.67%, rgba(221, 214, 234, 0.2)), color-stop(116.67%, rgba(221, 214, 234, 0)));
  background: linear-gradient(90deg, rgba(221, 214, 234, 0.2) -16.67%, rgba(221, 214, 234, 0) 116.67%);
}
.ccc-cascader-popper.el-popover .el-scrollbar.el-cascader-menu:not(:last-child) .el-scrollbar__bar.is-vertical {
  right: 12px;
}
.ccc-cascader-popper.el-popover.mode-single .el-cascader-node {
  padding: 8px 30px;
}
.ccc-cascader-popper.el-popover.mode-single .el-cascader-node .el-cascader-node__prefix.el-icon-check {
  position: absolute;
  top: 9px;
  left: 10px;
}
@media screen and (min-width: 961px) {
  .ccc-cascader {
    min-width: 347px;
  }
  .ccc-cascader-popper.el-popover {
    min-width: 347px;
  }
}

/** mixins **/

/** mixins **/