/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont-ai-image';
  /* Project id 4082187 */
  src: url('//at.alicdn.com/t/c/font_4082187_zzpspx7th7q.woff2?t=1738894701709') format('woff2'), url('//at.alicdn.com/t/c/font_4082187_zzpspx7th7q.woff?t=1738894701709') format('woff'), url('//at.alicdn.com/t/c/font_4082187_zzpspx7th7q.ttf?t=1738894701709') format('truetype');
}
.iconfont-ai-image {
  font-family: 'iconfont-ai-image' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-a-jianqudingceng47:before {
  content: '\E6E3';
}
.icon-lujing2:before {
  content: '\E6E2';
}
.icon-error-circle1:before {
  content: '\E6E1';
}
.icon-chart-arrow-up-rectangle:before {
  content: '\E6DC';
}
.icon-message-center:before {
  content: '\E6E0';
}
.icon-repeat:before {
  content: '\E6DF';
}
.icon-error-circle:before {
  content: '\E6DE';
}
.icon-success-circle:before {
  content: '\E6DD';
}
.icon-a-rongqi15:before {
  content: '\E6DB';
}
.icon-a-lianji110:before {
  content: '\E6DA';
}
.icon-template:before {
  content: '\E6D9';
}
.icon-biji:before {
  content: '\E6D8';
}
.icon-huati:before {
  content: '\E6D7';
}
.icon-wenan:before {
  content: '\E6D6';
}
.icon-zhuanyezhishi:before {
  content: '\E6D5';
}
.icon-zhanghao:before {
  content: '\E6D4';
}
.icon-xiezuo_write-4:before {
  content: '\E601';
}
.icon-shezhi:before {
  content: '\E6D3';
}
.icon-books:before {
  content: '\E6CD';
}
.icon-shopping-bag:before {
  content: '\E6D2';
}
.icon-a-rongqi23:before {
  content: '\E6D1';
}
.icon-dibutabs-icon:before {
  content: '\E6CF';
}
.icon-a-dibutabs-icon1:before {
  content: '\E6D0';
}
.icon-lujing1:before {
  content: '\E6CE';
}
.icon-Chat_Circle_Dots:before {
  content: '\E6CC';
}
.icon-a-rongqi14:before {
  content: '\E6CB';
}
.icon-file-accept:before {
  content: '\E6C9';
}
.icon-folder-search:before {
  content: '\E6CA';
}
.icon-rongqi9:before {
  content: '\E6C8';
}
.icon-award:before {
  content: '\E6C7';
}
.icon-a-dibutabs-icon7:before {
  content: '\E6C1';
}
.icon-a-dibutabs-icon12:before {
  content: '\E6C2';
}
.icon-a-dibutabs-icon9:before {
  content: '\E6C3';
}
.icon-a-dibutabs-icon11:before {
  content: '\E6C4';
}
.icon-a-dibutabs-icon13:before {
  content: '\E6C5';
}
.icon-a-dibutabs-icon10:before {
  content: '\E6C6';
}
.icon-a-dibutabs-icon6:before {
  content: '\E6BF';
}
.icon-a-dibutabs-icon8:before {
  content: '\E6C0';
}
.icon-kos-personality:before {
  content: '\E6BB';
}
.icon-kos-member:before {
  content: '\E6BC';
}
.icon-kos-topic:before {
  content: '\E6BD';
}
.icon-kos-account:before {
  content: '\E6BE';
}
.icon-a-zhankai1:before {
  content: '\E6BA';
}
.icon-a-rongqi45531:before {
  content: '\E6B6';
}
.icon-a-qiehuandatu1:before {
  content: '\E6B7';
}
.icon-a-lianji581:before {
  content: '\E6B8';
}
.icon-a-qiehuandatu2:before {
  content: '\E6B9';
}
.icon-suoxiao:before {
  content: '\E6B4';
}
.icon-fangda:before {
  content: '\E6B5';
}
.icon-qiehuandatu:before {
  content: '\E6B3';
}
.icon-qrcode:before {
  content: '\E6B2';
}
.icon-wig:before {
  content: '\E6B0';
}
.icon-human-figure:before {
  content: '\E6B1';
}
.icon-journey:before {
  content: '\E6AF';
}
.icon-arrow-down-hf:before {
  content: '\E6AA';
}
.icon-copy-link:before {
  content: '\E6A9';
}
.icon-shangchuanshipin1:before {
  content: '\E6AC';
}
.icon-shipinbaogai1:before {
  content: '\E6AE';
}
.icon-a-rongqi5057:before {
  content: '\E6AB';
}
.icon-a-redian1:before {
  content: '\E6A8';
}
.icon-hot-notes:before {
  content: '\E6A7';
}
.icon-hot-word:before {
  content: '\E6A5';
}
.icon-hot-videos:before {
  content: '\E6A6';
}
.icon-hot-immediate:before {
  content: '\E6A2';
}
.icon-hot-calendar:before {
  content: '\E6A3';
}
.icon-hot-topic:before {
  content: '\E6A4';
}
.icon-fankui:before {
  content: '\E6A1';
}
.icon-baowen1:before {
  content: '\E69D';
}
.icon-baotu:before {
  content: '\E69E';
}
.icon-Union:before {
  content: '\E69F';
}
.icon-tools:before {
  content: '\E6A0';
}
.icon-a-jiazaishibaitupianshibai:before {
  content: '\E69C';
}
.icon-arrow-down1:before {
  content: '\E69B';
}
.icon-statistics:before {
  content: '\E69A';
}
.icon-koutu_beijing:before {
  content: '\E699';
}
.icon-content-hotspot:before {
  content: '\E698';
}
.icon-hotest:before {
  content: '\E697';
}
.icon-content-hit:before {
  content: '\E696';
}
.icon-yingxiaorili:before {
  content: '\E695';
}
.icon-shangpai2:before {
  content: '\E692';
}
.icon-shangpai1:before {
  content: '\E691';
}
.icon-shangpai:before {
  content: '\E68D';
}
.icon-folder:before {
  content: '\E68F';
}
.icon-video:before {
  content: '\E690';
}
.icon-hot1:before {
  content: '\E68E';
}
.icon-add:before {
  content: '\E68C';
}
.icon-set:before {
  content: '\E68B';
}
.icon-rongqi8:before {
  content: '\E68A';
}
.icon-rongqi7:before {
  content: '\E688';
}
.icon-a-rongqi4553:before {
  content: '\E689';
}
.icon-tag:before {
  content: '\E687';
}
.icon-knowledge1:before {
  content: '\E686';
}
.icon-tab:before {
  content: '\E685';
}
.icon-tree:before {
  content: '\E684';
}
.icon-dingzhixingxiang:before {
  content: '\E681';
}
.icon-yichubeijing:before {
  content: '\E683';
}
.icon-fuyuanbeijing:before {
  content: '\E682';
}
.icon-close-circle:before {
  content: '\E680';
}
.icon-daochu:before {
  content: '\E67F';
}
.icon-a-AIshiyi:before {
  content: '\E67E';
}
.icon-a-tianjiatupian_huaban1:before {
  content: '\E67D';
}
.icon-taozhuang:before {
  content: '\E67B';
}
.icon-tianjiatupian_huaban:before {
  content: '\E67C';
}
.icon-a-zu44781x1:before {
  content: '\E67A';
}
.icon-arrow-circle-right:before {
  content: '\E679';
}
.icon-a-chuangyishengcheng1x:before {
  content: '\E676';
}
.icon-a-tuijian1x:before {
  content: '\E677';
}
.icon-a-neirongshengcheng1x:before {
  content: '\E678';
}
.icon-rotate_cw:before {
  content: '\E674';
}
.icon-rotate_acw:before {
  content: '\E675';
}
.icon-fuzhi1:before {
  content: '\E673';
}
.icon-a-suoxiao1x:before {
  content: '\E671';
}
.icon-a-fangda1x:before {
  content: '\E672';
}
.icon-a-zuo1x:before {
  content: '\E670';
}
.icon-muse1:before {
  content: '\E66F';
}
.icon-muse:before {
  content: '\E66E';
}
.icon-icon-muse-recommend:before {
  content: '\E66D';
}
.icon-arrow-left-1:before {
  content: '\E66C';
}
.icon-arrow-right-1:before {
  content: '\E66B';
}
.icon-export:before {
  content: '\E66A';
}
.icon-a-zu4242:before {
  content: '\E669';
}
.icon-refresh1:before {
  content: '\E668';
}
.icon-stop1:before {
  content: '\E667';
}
.icon-zhinengtiaoyou:before {
  content: '\E666';
}
.icon-shoes:before {
  content: '\E665';
}
.icon-a-xingxing_star2:before {
  content: '\E664';
}
.icon-rili:before {
  content: '\E663';
}
.icon-a-rongqi41:before {
  content: '\E65C';
}
.icon-a-rongqi32:before {
  content: '\E662';
}
.icon-weishoucang:before {
  content: '\E661';
}
.icon-zhuancunzhiqitawenjianjia:before {
  content: '\E660';
}
.icon-zhedie:before {
  content: '\E65F';
}
.icon-tutorial:before {
  content: '\E65E';
}
.icon-a-shipin11:before {
  content: '\E65D';
}
.icon-rongqi6:before {
  content: '\E65B';
}
.icon-arrow-down-copy:before {
  content: '\ED50';
}
.icon-arrow-down:before {
  content: '\E65A';
}
.icon-zuo_qiehuan:before {
  content: '\E647';
}
.icon-you_qiehuan:before {
  content: '\E659';
}
.icon-shangpin_commodity:before {
  content: '\E646';
}
.icon-edit:before {
  content: '\E658';
}
.icon-stop:before {
  content: '\E657';
}
.icon-select:before {
  content: '\E645';
}
.icon-hotspot-mk:before {
  content: '\E656';
}
.icon-good-full:before {
  content: '\E654';
}
.icon-bad-full:before {
  content: '\E655';
}
.icon-continue-arrow:before {
  content: '\E653';
}
.icon-star-round:before {
  content: '\E651';
}
.icon-star-full:before {
  content: '\E652';
}
.icon-a-lianji39:before {
  content: '\E642';
}
.icon-fenleiguanli:before {
  content: '\E694';
}
.icon-fabu:before {
  content: '\E644';
}
.icon-a-shuju1:before {
  content: '\E643';
}
.icon-refresh-double-arrows:before {
  content: '\E650';
}
.icon-sousuo:before {
  content: '\E693';
}
.icon-Vector-5:before {
  content: '\E641';
}
.icon-baocun:before {
  content: '\E640';
}
.icon-del:before {
  content: '\E64F';
}
.icon-good:before {
  content: '\E64E';
}
.icon-bad:before {
  content: '\E64D';
}
.icon-refresh:before {
  content: '\E64C';
}
.icon-hot:before {
  content: '\E64B';
}
.icon-ai:before {
  content: '\E64A';
}
.icon-down:before {
  content: '\E649';
}
.icon-up:before {
  content: '\E648';
}
.icon-tianjiashuiyin:before {
  content: '\E63F';
}
.icon-jianbieshuiyin:before {
  content: '\E63E';
}
.icon-a-rongqi13:before {
  content: '\E63A';
}
.icon-close:before {
  content: '\E638';
}
.icon-eye-line:before {
  content: '\E639';
}
.icon-rongqi5:before {
  content: '\E637';
}
.icon-a-rongqi12:before {
  content: '\E635';
}
.icon-a-rongqi111:before {
  content: '\E636';
}
.icon-rongqi4:before {
  content: '\E62A';
}
.icon-a-rongqi3:before {
  content: '\E62B';
}
.icon-a-rongqi21:before {
  content: '\E62C';
}
.icon-a-rongqi31:before {
  content: '\E62D';
}
.icon-a-rongqi1:before {
  content: '\E62E';
}
.icon-a-rongqi11:before {
  content: '\E62F';
}
.icon-a-rongqi22:before {
  content: '\E630';
}
.icon-a-rongqi4:before {
  content: '\E631';
}
.icon-qiabianji:before {
  content: '\E6AD';
}
.icon-cloud-upload:before {
  content: '\E7D9';
}
.icon-rongqi3:before {
  content: '\E627';
}
.icon-beijingtianchong:before {
  content: '\E628';
}
.icon-rubber-full:before {
  content: '\E629';
}
.icon-dingzhimote:before {
  content: '\E626';
}
.icon-AIkoutu:before {
  content: '\E624';
}
.icon-a-rongqi2:before {
  content: '\E625';
}
.icon-right-icon:before {
  content: '\E620';
}
.icon-right:before {
  content: '\E621';
}
.icon-right-icon1:before {
  content: '\E622';
}
.icon-right1:before {
  content: '\E623';
}
.icon-a-lianji19:before {
  content: '\E61E';
}
.icon-delete:before {
  content: '\ED4F';
}
.icon-rongqi2:before {
  content: '\E61F';
}
.icon-xiaoxi:before {
  content: '\E616';
}
.icon-copy:before {
  content: '\E61D';
}
.icon-order:before {
  content: '\E63D';
}
.icon-jiantoushang_arrow-up:before {
  content: '\E615';
}
.icon-erweima_two-dimensional-code:before {
  content: '\E612';
}
.icon-caozuoshuoming:before {
  content: '\E613';
}
.icon-erji_headset-one-2:before {
  content: '\E614';
}
.icon-duigou:before {
  content: '\E63C';
}
.icon-share:before {
  content: '\E61C';
}
.icon-fuzhi:before {
  content: '\E61B';
}
.icon-xingxing_star:before {
  content: '\E61A';
}
.icon-rongqi:before {
  content: '\E618';
}
.icon-rongqi1:before {
  content: '\E617';
}
.icon-a-zu1162:before {
  content: '\E619';
}
.icon-bi:before {
  content: '\E63B';
}
.icon-AIerweima:before {
  content: '\E611';
}
.icon-you:before {
  content: '\E610';
}
.icon-star:before {
  content: '\E634';
}
.icon-close-menu-icon:before {
  content: '\E632';
}
.icon-open-menu-icon:before {
  content: '\E633';
}
.icon-shangyibu_back:before {
  content: '\E60E';
}
.icon-chexiao_undo:before {
  content: '\E60F';
}
.icon-lujing:before {
  content: '\E60A';
}
.icon-moka:before {
  content: '\E60B';
}
.icon-motetu:before {
  content: '\E60C';
}
.icon-SNAP:before {
  content: '\E60D';
}
.icon-a-lianji4:before {
  content: '\E603';
}
.icon-jiazai4_loading-four:before {
  content: '\E609';
}
.icon-a-shangpin_commodity1:before {
  content: '\E608';
}
.icon-a-lujing30biankuang:before {
  content: '\E600';
}
.icon-a-lujing1:before {
  content: '\E602';
}
.icon-a-lianji9:before {
  content: '\E604';
}
.icon-qudibu_to-bottom:before {
  content: '\E605';
}
.icon-fangda_zoom-in:before {
  content: '\E606';
}
.icon-suoxiao_zoom-out:before {
  content: '\E607';
}
.ant-form-item-has-error.error-message-to-top .ant-form-item-control-input + div {
  position: relative;
}
.ant-form-item-has-error.error-message-to-top .ant-form-item-control-input + div .ant-form-item-explain {
  position: absolute;
  top: -58px;
  padding: 0;
  padding-left: 10px;
}
.ant-form-item-has-error.error-message-to-top.top36 .ant-form-item-control-input + div .ant-form-item-explain {
  top: -36px;
  padding-left: 16px;
}
.ant-form-item.marginBottom8 {
  margin-bottom: 8px;
}
.ant-form-item.hide-content {
  height: auto;
  margin-top: 0px;
}
.ant-form-item.hide-content .ant-form-item-control-input {
  display: none;
}
.ant-popover .ant-popover-inner,
.ai-image-default-popover .ant-popover-inner {
  padding: 0 !important;
}
.ai-image-reset-popover .ant-popover-inner {
  border: 1px solid rgba(4, 17, 51, 0.2);
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(4, 17, 51, 0.16);
}
.ai-image-custom-popover {
  bottom: 36px !important;
  position: fixed;
  top: auto !important;
}
.ai-image-custom-popover .ant-popover-inner {
  box-shadow: 0 0 16px 0 rgba(4, 17, 51, 0.16);
  border-radius: 10px;
}
.ai-image-custom-popover .ant-popover-arrow {
  display: none;
}
.ai-image-popconfirm.width388 .ant-popover-inner-content {
  width: 388px;
}
.ai-image-popconfirm.ant-popover-placement-bottom,
.ai-image-popconfirm.ant-popover-placement-bottomLeft,
.ai-image-popconfirm.ant-popover-placement-bottomRight {
  padding-top: 6px;
}
.ai-image-popconfirm.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ai-image-popconfirm.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 2px;
}
.ai-image-popconfirm.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 2px;
}
.ai-image-popconfirm .ant-popover-inner {
  box-shadow: 0 0 16px 0 rgba(4, 17, 51, 0.16);
  border-radius: 4px;
}
.ai-image-popconfirm .ant-popover-inner-content {
  padding: 16px;
  width: 260px;
}
.ai-image-popconfirm .ant-popover-message {
  padding: 0;
  padding-bottom: 10px;
}
.ai-image-popconfirm .ant-popover-message-icon {
  color: #e77f2a;
}
.ai-image-popconfirm .ant-popover-message-title {
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.65);
}
.ai-image-popconfirm .ant-popover-message-title .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #041133;
  margin-bottom: 4px;
}
.ai-image-popconfirm .ant-popover-buttons .ant-btn {
  border-radius: 4px;
  height: 26px;
  min-width: 44px;
}
.ant-tooltip .ant-tooltip-inner {
  padding: 4px 8px;
  line-height: 20px;
  min-height: 28px;
  font-size: 12px;
  border-radius: 4px;
}
.ant-tooltip .ant-tooltip-inner pre {
  margin-bottom: 0;
}
.ant-tooltip .ant-tooltip-arrow {
  width: 14px;
  height: 14px;
}
.ant-modal .ant-modal-close:hover,
.ant-modal .ant-modal-close:active {
  background-color: transparent;
}
.ant-slider .ant-slider-step,
.ant-slider:hover .ant-slider-step,
.ant-slider .ant-slider-track,
.ant-slider:hover .ant-slider-track,
.ant-slider .ant-slider-rail,
.ant-slider:hover .ant-slider-rail {
  height: 3px;
}
.ant-slider .ant-slider-rail,
.ant-slider:hover .ant-slider-rail {
  background-color: #d3dcf7;
}
.ant-slider .ant-slider-track,
.ant-slider:hover .ant-slider-track {
  background-color: #2352d8;
}
.ant-slider .ant-slider-handle::before,
.ant-slider:hover .ant-slider-handle::before {
  width: 14px;
  height: 14px;
  background: #2352d8;
  border-radius: 50%;
  inset-inline-start: -2px;
  inset-block-start: -2px;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.ant-slider .ant-slider-handle::after,
.ant-slider:hover .ant-slider-handle::after {
  width: 10px;
  height: 10px;
  box-shadow: none;
  outline: none;
  inset-inline-start: 0px;
  inset-block-start: 0px;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.ant-slider .ant-slider-handle:focus::before,
.ant-slider:hover .ant-slider-handle:focus::before,
.ant-slider .ant-slider-handle.ant-tooltip-open::before,
.ant-slider:hover .ant-slider-handle.ant-tooltip-open::before {
  width: 14px;
  height: 14px;
  inset-inline-start: -2px;
  inset-block-start: -2px;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.ant-slider .ant-slider-handle:focus::after,
.ant-slider:hover .ant-slider-handle:focus::after,
.ant-slider .ant-slider-handle.ant-tooltip-open::after,
.ant-slider:hover .ant-slider-handle.ant-tooltip-open::after {
  width: 8px;
  height: 8px;
  box-shadow: none;
  outline: none;
  inset-inline-start: 1px;
  inset-block-start: 1px;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.ant-modal-confirm-delete .ant-modal-confirm-body {
  padding-top: 20px;
}
.ant-modal-confirm-delete .ant-modal-confirm-btns {
  margin-top: 46px;
}
.ant-modal-confirm-delete .ant-modal-confirm-btns .ant-btn-default {
  width: 80px;
  height: 34px;
}
.ant-modal-confirm-delete .ant-modal-confirm-btns .ant-btn-primary {
  width: 80px;
  height: 34px;
  background: #2352D8;
}
.ai-image-btn,
.ai-image-btn .ant-btn {
  height: 48px;
  border-radius: 4px;
  font-size: 16px;
}
.ai-image-btn.ant-btn-primary,
.ai-image-btn .ant-btn.ant-btn-primary {
  background: #2352d8;
  border: none;
  text-shadow: none;
}
.ai-image-btn.ant-btn-primary:hover,
.ai-image-btn .ant-btn.ant-btn-primary:hover {
  background: #4f75e0;
}
.ai-image-btn.ant-btn-primary:active,
.ai-image-btn .ant-btn.ant-btn-primary:active {
  background: #1c42ad;
}
.ai-image-btn.ant-btn-primary[disabled],
.ai-image-btn .ant-btn.ant-btn-primary[disabled],
.ai-image-btn.ant-btn-primary.disabled,
.ai-image-btn .ant-btn.ant-btn-primary.disabled {
  background: rgba(35, 82, 216, 0.4) !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.ai-image-btn.ant-btn-sm,
.ai-image-btn .ant-btn.ant-btn-sm {
  height: 28px;
  font-size: 14px !important;
}
.ai-image-btn-normal,
.ai-image-btn-normal .ant-btn {
  border-radius: 4px;
  padding: 0 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
}
.ai-image-btn-normal.min,
.ai-image-btn-normal .ant-btn.min {
  height: 24px;
  border-radius: 3px;
  font-size: 12px;
  padding: 0 8px;
}
.ai-image-btn-normal.min .iconfont-ai-image,
.ai-image-btn-normal .ant-btn.min .iconfont-ai-image {
  font-size: 12px;
}
.ai-image-btn-normal .iconfont-ai-image,
.ai-image-btn-normal .ant-btn .iconfont-ai-image {
  color: #fff !important;
}
.ai-image-btn-normal .iconfont-ai-image + span,
.ai-image-btn-normal .ant-btn .iconfont-ai-image + span {
  margin-left: 4px;
}
.ai-image-btn-normal.ant-btn-primary,
.ai-image-btn-normal .ant-btn.ant-btn-primary {
  background: #2352d8;
  border: none;
  text-shadow: none;
}
.ai-image-btn-normal.ant-btn-primary:hover,
.ai-image-btn-normal .ant-btn.ant-btn-primary:hover {
  background: #4f75e0;
}
.ai-image-btn-normal.ant-btn-primary:active,
.ai-image-btn-normal .ant-btn.ant-btn-primary:active {
  background: #1c42ad;
}
.ai-image-btn-normal.ant-btn-primary[disabled],
.ai-image-btn-normal .ant-btn.ant-btn-primary[disabled],
.ai-image-btn-normal.ant-btn-primary.disabled,
.ai-image-btn-normal .ant-btn.ant-btn-primary.disabled {
  background: rgba(35, 82, 216, 0.4) !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.ai-image-btn-normal.ant-btn-sm,
.ai-image-btn-normal .ant-btn.ant-btn-sm {
  height: 28px;
  font-size: 14px !important;
}
.ai-image-btn-ghost,
.ai-image-btn-ghost .ant-btn {
  border-color: #2352d8;
  color: #2352d8 !important;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent !important;
  padding: 0 12px;
  text-shadow: none;
  box-shadow: none;
}
.ai-image-btn-ghost .icon,
.ai-image-btn-ghost .ant-btn .icon {
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-image-btn-ghost:hover:not([disabled]),
.ai-image-btn-ghost .ant-btn:hover:not([disabled]) {
  color: rgba(35, 82, 216, 0.8) !important;
  border-color: rgba(35, 82, 216, 0.8);
  background-color: transparent;
}
.ai-image-btn-ghost:active:not([disabled]),
.ai-image-btn-ghost .ant-btn:active:not([disabled]) {
  color: #1c42ad !important;
  border-color: #1c42ad;
  background-color: transparent;
  box-shadow: none;
}
.ai-image-btn-ghost:not([disabled])[ant-click-animating-without-extra-node='true'],
.ai-image-btn-ghost .ant-btn:not([disabled])[ant-click-animating-without-extra-node='true'] {
  color: #1c42ad !important;
  border-color: #1c42ad;
  background-color: transparent;
}
.ai-image-btn-ghost:not([disabled])[ant-click-animating-without-extra-node='true']::after,
.ai-image-btn-ghost .ant-btn:not([disabled])[ant-click-animating-without-extra-node='true']::after {
  opacity: 0;
}
.ai-image-btn-ghost[disabled],
.ai-image-btn-ghost .ant-btn[disabled],
.ai-image-btn-ghost[disabled]:hover,
.ai-image-btn-ghost .ant-btn[disabled]:hover,
.ai-image-btn-ghost[disabled]:active,
.ai-image-btn-ghost .ant-btn[disabled]:active,
.ai-image-btn-ghost[disabled]:focus,
.ai-image-btn-ghost .ant-btn[disabled]:focus {
  opacity: 0.3;
  border-color: #2352d8;
  color: #2352d8 !important;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ai-image-btn-gray-ghost,
.ai-image-btn-gray-ghost .ant-btn {
  border-color: #e5e7ea;
  color: #041133;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  padding: 0 8px;
  min-width: 32px;
}
.ai-image-btn-gray-ghost .icon,
.ai-image-btn-gray-ghost .ant-btn .icon {
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(4, 17, 51, 0.65);
}
.ai-image-btn-gray-ghost .icon + span,
.ai-image-btn-gray-ghost .ant-btn .icon + span {
  margin-left: 4px;
}
.ai-image-btn-gray-ghost:focus:not([disabled]),
.ai-image-btn-gray-ghost .ant-btn:focus:not([disabled]) {
  color: #041133;
  border-color: #e5e7ea;
  background-color: transparent;
}
.ai-image-btn-gray-ghost:focus:not([disabled]) .icon,
.ai-image-btn-gray-ghost .ant-btn:focus:not([disabled]) .icon {
  color: rgba(4, 17, 51, 0.65);
}
.ai-image-btn-gray-ghost:hover:not([disabled]),
.ai-image-btn-gray-ghost .ant-btn:hover:not([disabled]) {
  border-color: rgba(35, 82, 216, 0.45);
  background-color: rgba(35, 82, 216, 0.05);
  color: #041133;
}
.ai-image-btn-gray-ghost:active:not([disabled]),
.ai-image-btn-gray-ghost .ant-btn:active:not([disabled]) {
  color: #2352d8;
  border-color: #2352d8;
  background-color: rgba(35, 82, 216, 0.05);
  box-shadow: none;
}
.ai-image-btn-gray-ghost:active:not([disabled]) .icon,
.ai-image-btn-gray-ghost .ant-btn:active:not([disabled]) .icon {
  color: #2352d8;
}
.ai-image-btn-gray-ghost:not([disabled])[ant-click-animating-without-extra-node='true']::after,
.ai-image-btn-gray-ghost .ant-btn:not([disabled])[ant-click-animating-without-extra-node='true']::after {
  opacity: 0;
}
.ai-image-btn-gray-ghost[disabled],
.ai-image-btn-gray-ghost .ant-btn[disabled],
.ai-image-btn-gray-ghost[disabled]:hover,
.ai-image-btn-gray-ghost .ant-btn[disabled]:hover,
.ai-image-btn-gray-ghost[disabled]:active,
.ai-image-btn-gray-ghost .ant-btn[disabled]:active,
.ai-image-btn-gray-ghost[disabled]:focus,
.ai-image-btn-gray-ghost .ant-btn[disabled]:focus {
  opacity: 0.3;
  border-color: #e5e7ea;
  color: #041133;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ai-image-btn-gray-ghost.active,
.ai-image-btn-gray-ghost .ant-btn.active {
  color: #2352d8 !important;
  border-color: #e5e7ea;
  background-color: transparent;
  box-shadow: none;
}
.ai-image-btn-gray-ghost.active .icon,
.ai-image-btn-gray-ghost .ant-btn.active .icon {
  color: #2352d8 !important;
}
.gray-transparent-btn,
.gray-transparent-btn .ant-btn {
  height: 30px;
  border-radius: 4px;
  opacity: 1;
  /* 自动布局 */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  border: none;
}
.gray-transparent-btn .icon,
.gray-transparent-btn .ant-btn .icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.gray-transparent-btn:hover,
.gray-transparent-btn .ant-btn:hover,
.gray-transparent-btn:focus,
.gray-transparent-btn .ant-btn:focus,
.gray-transparent-btn:active,
.gray-transparent-btn .ant-btn:active {
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.gray-transparent-btn:hover,
.gray-transparent-btn .ant-btn:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
.gray-transparent-btn:active,
.gray-transparent-btn .ant-btn:active {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.ai-image-select {
  padding: 8px 4px;
  padding-bottom: 4px;
}
.ai-image-select .ant-select-item {
  border-radius: 4px;
  color: #041133;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 4px;
}
.ai-image-select .ant-select-item:hover {
  background: rgba(35, 82, 216, 0.1);
}
.ai-image-select .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: rgba(35, 82, 216, 0.1);
}
.ai-image-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #2352d8;
  color: #ffffff;
  font-weight: normal;
}
.ai-image-select-ele {
  font-size: 14px;
  color: #041133;
}
.ai-image-select-ele.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 4px;
  border-color: rgba(4, 17, 51, 0.1);
  padding: 0 10px;
}
.ant-space-compact .ai-image-select-ele:first-child.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select.ai-image-select-ele:first-child > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact .ant-input-affix-wrapper {
  border-color: rgba(4, 17, 51, 0.1);
}
.ant-input-group.ant-input-group-compact .ant-input-affix-wrapper:focus,
.ant-input-group.ant-input-group-compact .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #2352d8;
}
.ant-input-affix-wrapper {
  border-color: #e8e9ed;
  border-radius: 4px;
  line-height: 22px;
}
.ant-input-affix-wrapper .ai-image-text-area {
  border-radius: 4px;
}
.ai-image-text-area {
  line-height: 22px;
  border-color: #e8e9ed;
  border-radius: 4px;
}
.ai-image-text-area:hover {
  border-color: rgba(35, 82, 216, 0.45);
}
.ai-image-text-area:focus,
.ai-image-text-area.ant-input-focused {
  box-shadow: none;
  border-color: #4978e6;
}
.ant-table-body::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.ant-table-body:hover::-webkit-scrollbar-thumb {
  background-color: #dedee4;
}
.ant-pagination {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.ant-pagination .ant-pagination-total-text {
  -ms-flex: 1;
      flex: 1;
  text-align: left;
  color: rgba(4, 17, 51, 0.45);
}
.ant-pagination .ant-table-pagination.ant-pagination {
  margin-top: 30px;
  padding: 0 40px;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-item,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none;
  border-radius: 4px;
  color: #333333;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover a,
.ant-pagination .ant-pagination-next .ant-pagination-item-link:hover a,
.ant-pagination .ant-pagination-item:hover a,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector:hover a {
  color: #333333;
}
.ant-pagination .ant-pagination-item-active,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: rgba(4, 17, 51, 0.05);
  color: #333333;
}
.ant-pagination .ant-pagination-item-active a,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector a {
  color: #333333;
}
.ai-image-more-tabs {
  overflow: hidden;
}
.ai-image-more-tabs > .ant-tabs-nav {
  margin-bottom: 0;
}
.ai-image-more-tabs > .ant-tabs-nav::before {
  display: none;
}
.ai-image-more-tabs > .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}
.ai-image-more-tabs .ant-tabs-tab {
  padding: 0 16px;
  margin-left: 12px;
  height: 32px;
  border-radius: 32px;
  font-size: 14px;
  color: #041133;
}
.ai-image-more-tabs .ant-tabs-tab:first-child {
  margin-left: 0;
}
.ai-image-more-tabs .ant-tabs-tab .ant-tabs-tab-btn {
  transition: none;
}
.ai-image-more-tabs .ant-tabs-tab .ant-tabs-tab-btn span {
  position: relative;
  display: block;
  text-align: center;
  font-weight: 500;
  color: transparent;
}
.ai-image-more-tabs .ant-tabs-tab .ant-tabs-tab-btn span::after {
  content: attr(data-title);
  display: block;
  text-align: center;
  width: 100%;
  color: #041133;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
}
.ai-image-more-tabs .ant-tabs-tab.ant-tabs-tab-active {
  background: rgba(4, 17, 51, 0.05);
}
.ai-image-more-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  text-shadow: none;
  color: #041133;
}
.ai-image-more-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn span::after {
  color: #041133;
}
.ai-image-more-tabs .ant-tabs-tab:hover {
  font-weight: 500;
}
.ai-image-more-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn {
  text-shadow: none;
}
.ai-image-more-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn span::after {
  color: #041133;
  font-weight: 500;
}
.ai-image-more-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ai-image-more-tabs.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  width: 31px;
  height: 32px;
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
}
.ai-image-more-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more:hover,
.ai-image-more-tabs.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more:hover,
.ai-image-more-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more.ant-tabs-dropdown-open,
.ai-image-more-tabs.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more.ant-tabs-dropdown-open {
  background: rgba(4, 17, 51, 0.05);
}
.ai-image-more-tabs.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more .icon-set,
.ai-image-more-tabs.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more .icon-set {
  font-size: 22px;
  color: #666666;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-image-more-tabs.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 0 !important;
}
.ai-image-more-tabs.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 0 !important;
}
.ai-image-more-dropdown .ant-tabs-dropdown-menu {
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(4, 17, 51, 0.16);
  padding: 4px;
}
.ai-image-more-dropdown .ant-tabs-dropdown-menu-item {
  height: 38px;
  padding: 0 8px;
  color: #041133;
  border-radius: 4px;
}
.ai-image-more-dropdown .ant-tabs-dropdown-menu-item:hover {
  background: rgba(35, 82, 216, 0.1);
}
.ai-image-more-dropdown .ant-tabs-dropdown-menu-item.active {
  background: #2352d8;
  color: #fff;
}
.export-element-wrapper {
  position: fixed;
  top: -100vh;
  left: -100vw;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
}
.hotspot-module-editable [data-content-type='paragraph'],
.hotspot-module-editable [data-content-type='bulletListItem'],
.hotspot-module-editable .paragraph {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: rgba(4, 17, 51, 0.8);
  word-wrap: break-word;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hotspot-module-editable .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-level='3'],
.hotspot-module-editable .h3 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #041133;
}
.hotspot-module-editable [data-text-color='#2352D8'] {
  color: #2352d8;
}
.hotspot-module-editable .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type='bulletListItem']:before,
.hotspot-module-editable [data-content-type='bulletListItem'] ~ .bn-block-group [data-content-type='bulletListItem'] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type='bulletListItem']:before,
.hotspot-module-editable .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type='numberedListItem']:before {
  margin-right: 12px;
  color: #2352d8;
  font-size: 14px;
}
.mott-idea-hotspot-reports {
  position: relative;
  padding: 10px 30px;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.mott-idea-hotspot-reports .hotspot-publisher-idea-tabs {
  width: 100%;
  margin: 0;
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report {
  padding-top: 40px;
  padding-bottom: 100px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report::-webkit-scrollbar {
  display: none;
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down h3 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: #041133;
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down p {
  font-size: 14px;
  line-height: 22.75px;
  font-variation-settings: 'opsz' auto;
  color: rgba(4, 17, 51, 0.8);
  text-indent: 2em;
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down ol li,
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down ul li {
  font-size: 14px;
  line-height: 22.75px;
  font-variation-settings: 'opsz' auto;
  color: rgba(4, 17, 51, 0.8);
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down ol li::before,
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down ul li::before {
  content: '';
}
.mott-idea-hotspot-reports .mott-idea-hotspot-report .product-gpt-mark-down h4 {
  font-size: 15px;
  font-weight: 500;
  color: #041133;
}
.product-info-form-item {
  min-height: 284px;
  background: #fff;
}
.product-info-form-item .ant-form-item-row,
.product-info-form-item .ant-form-item-control,
.product-info-form-item .ant-form-item-control-input,
.product-info-form-item .ant-form-item-control-input-content,
.product-info-form-item .ai-image-label-in-contenteditable-and-num,
.product-info-form-item .label-in-contenteditable-and-num-content,
.product-info-form-item .productimage-markdown-editor,
.product-info-form-item .EasyMDEContainer,
.product-info-form-item .CodeMirror,
.product-info-form-item .CodeMirror-scroll {
  height: 100% !important;
}
.product-info-form-item .CodeMirror-scroll {
  min-height: 100% !important;
}
.product-info-form-item .CodeMirror {
  padding: 10px !important;
  border: 1px solid #e8e9ed !important;
  border-radius: 4px;
  outline: none;
}
.product-info-form-item .CodeMirror:hover {
  border-color: rgba(35, 82, 216, 0.65) !important;
}
.product-info-form-item .CodeMirror.CodeMirror-focused {
  border-color: #2352d8 !important;
}
.product-info-form-item .ai-image-label-in-contenteditable-and-num {
  border: none;
}
.product-info-form-item .ai-image-label-in-contenteditable-and-num.editable {
  border: none;
}
.product-info-form-item .label-in-contenteditable-and-num-contenteditable {
  padding: 0;
  height: 284px;
  background: #fff;
  border-radius: 4px;
}
.product-info-form-item .line,
.product-info-form-item .label-in-contenteditable-and-num-bottom {
  display: none;
}
.product-info-form-item .label-in-contenteditable-and-num-bottom {
  height: 52px;
}
.product-info-form-item .label-in-contenteditable-and-num-bottom .help-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #2352d8;
  background: transparent;
  border-color: #2352d8;
}
.product-info-form-item .label-in-contenteditable-and-num-bottom .help-btn .icon-refresh {
  margin-right: 4px;
}
.product-info-form-item.ant-form-item-has-error .CodeMirror {
  border: 1px solid #ff4d4f !important;
}
.product-info-form-item-title {
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.product-info-form-item-title .left-label {
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 51, 0.65);
}
.product-info-form-item-title .right-btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-info-form-item-title .right-btns .line {
  margin: 0 4px;
  width: 1px;
  height: 12px;
  background: #f2f3f5;
}
.product-info-form-item-title .right-btns .form-title-btn {
  padding: 1px 6px;
  color: #585a61;
  border-radius: 4px;
  cursor: pointer;
}
.product-info-form-item-title .right-btns .form-title-btn .iconfont-ai-image {
  margin-right: 4px;
  font-size: 14px;
}
.product-info-form-item-title .right-btns .form-title-btn:hover {
  background: #f2f3f5;
}
.product-info-form-item-title .right-btns .form-title-btn:active {
  background: #e8e9ed;
}
.product-info-form-item-title .right-btns .form-title-btn.disabled {
  color: #c2c5cc;
  cursor: not-allowed;
}
.product-info-form-item-title .right-btns .form-title-btn.disabled:hover,
.product-info-form-item-title .right-btns .form-title-btn.disabled:active {
  background: transparent;
}
.mkt-info-form-item {
  position: relative;
}
.mkt-info-form-item .ant-space-compact {
  width: 100%;
}
.mkt-info-form-item .icon-arrow-down {
  color: #c2c5cc;
}
.page-content-right-card {
  height: calc(100vh - 72px);
  background: #fff;
  padding: 20px 24px;
  margin: 12px 12px 0 12px;
  border-radius: 10px 10px 0 0;
}
.table-column-text-popover .ant-popover-title {
  border-bottom: 0;
  padding: 20px;
  padding-bottom: 8px;
}
.table-column-text-popover .ant-popover-inner {
  border-radius: 8px;
}
.table-column-text-popover .ant-popover-arrow {
  display: none;
}
.table-column-text-popover.ant-popover-placement-bottom,
.table-column-text-popover.ant-popover-placement-bottomLeft,
.table-column-text-popover.ant-popover-placement-bottomRight {
  padding-top: 0px;
}
.table-column-text-popover .ant-popover-inner-content {
  padding: 20px;
}
.table-column-text-popover .table-column-text {
  width: 410px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  max-height: calc(100vh - 310px - 70px);
  overflow: hidden;
  overflow-y: auto;
  white-space: pre-wrap;
  color: rgba(4, 17, 51, 0.65);
}
.table-column-text-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 定义文本的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-column-tags {
  max-height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.table-column-tags .table-column-tag {
  height: 24px;
  border-radius: 2px;
  display: inline-block;
  padding: 0 8px;
  margin-right: 4px;
  margin-bottom: 4px;
  background: #f0f3fc;
  font-size: 12px;
  line-height: 24px;
  color: #585a61;
}
.product-image-normal-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  border-top: 1px solid rgba(4, 17, 51, 0.1);
  padding: 0 24px;
}
.product-image-normal-modal-footer .ant-btn {
  width: 80px;
}
.product-image-normal-modal-footer .ant-btn.btn-primary {
  width: 108px;
}
.product-image-normal-modal-footer .ant-btn + * {
  margin-left: 8px;
}
.product-image-add-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  border-top: 1px solid rgba(4, 17, 51, 0.1);
  padding: 0 24px;
  color: #041133;
  cursor: pointer;
}
.product-image-add-modal-footer .add-icon {
  width: 18.33px;
  height: 18.33px;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 4.84px;
  background: #2352d8;
}
.product-image-add-modal-footer:hover {
  color: #2352d8;
}
.product-image-add-modal-footer:active {
  color: #1c42ad;
}
.product-image-normal-modal .pf-modal-top {
  height: 60px;
  padding: 0 24px;
}
.product-image-normal-modal .pf-modal-content {
  padding: 30px 30px 0 30px;
}
.product-image-normal-modal-form .ant-form-item-label {
  text-align: right;
  width: 88px;
  padding-right: 12px;
}
.product-image-normal-modal-form .ant-form-item-label label {
  color: rgba(4, 17, 51, 0.65);
}
.product-image-normal-modal-form .ant-form-item {
  margin-bottom: 44px;
}
.product-image-normal-modal-form .input-desc {
  height: 120px;
  resize: none;
}
.product-image-normal-search-input {
  width: 240px !important;
}
.product-image-normal-search-input .ant-input-group-addon .ant-input-search-button {
  border: none;
  box-shadow: none;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}
.product-image-normal-search-input .ant-input-group-addon .ant-input-search-button .iconfont-ai-image {
  width: 14px;
  height: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 16px;
  color: rgba(4, 17, 51, 0.45);
}
.product-image-normal-search-input .ant-input-suffix {
  margin-right: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-image-normal-search-input .ant-input-suffix .ant-input-clear-icon {
  font-size: 16px;
  color: #8e94a3;
  line-height: 16px;
}
.product-image-normal-search-input .ant-input-suffix::after {
  content: '';
  width: 1px;
  height: 12px;
  background: rgba(4, 17, 51, 0.1);
  margin-left: 8px;
  opacity: 1;
}
.product-image-normal-search-input .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 4px !important;
}
.product-image-normal-search-input .ant-input-group .ant-input-affix-wrapper:not(:last-child):hover {
  border-color: rgba(35, 82, 216, 0.45);
}
.product-image-normal-search-input .ant-input-group .ant-input-affix-wrapper:not(:last-child).ant-input-affix-wrapper-focused {
  border-color: #2352d8;
  box-shadow: none;
}
.product-image-normal-search-input .ant-input {
  border-radius: 4px !important;
  padding-right: 32px;
  border-color: rgba(4, 17, 51, 0.1);
}
.product-image-normal-search-input .ant-input[value=''] + .ant-input-suffix::after {
  opacity: 0;
}
.product-image-normal-search-input .ant-input:hover {
  border-color: rgba(35, 82, 216, 0.45);
}
.product-image-normal-search-input .ant-input:focus {
  border-color: #2352d8;
  box-shadow: none;
}
.product-image-normal-search-input .ant-input-group-addon {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  left: auto !important;
  background: none;
}
.product-image-normal-search-input .ant-input-group-addon .ant-input-search-button {
  border: none;
  background: transparent !important;
}
.product-image-normal-search-input .ant-input-group-addon .ant-input-search-button::after {
  display: none;
}
.modi-hot-detail-modal .ant-modal-body {
  max-height: calc(100vh - 160px);
  overflow: hidden;
  overflow-y: auto;
}
.modi-hot-detail-modal .ant-modal-close-x .iconfont-ai-image {
  margin-right: 14px;
  font-size: 14px;
}
.modi-hot-detail-modal .model-box .title {
  position: relative;
  height: 36px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0em;
  cursor: pointer;
  color: #041133;
  padding-left: 38px;
  margin-bottom: 24px;
}
.modi-hot-detail-modal .model-box .title img {
  margin-right: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
.modi-hot-detail-modal .model-box .title .ant-btn {
  margin-right: 2px;
  float: right;
  margin-left: 12px;
}
.modi-hot-detail-modal .model-box .recommend-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 288px;
  margin-bottom: 20px;
  padding: 16px 20px;
  border-radius: 10px;
  background: linear-gradient(0deg, #f7f8fa, #f7f8fa), #ffffff;
  cursor: pointer;
}
.modi-hot-detail-modal .model-box .recommend-card:hover {
  background: #e9edfb;
}
.modi-hot-detail-modal .model-box .recommend-card.auto-height {
  height: auto;
}
.modi-hot-detail-modal .model-box .recommend-card .left-img {
  width: 192px;
  height: 256px;
  background: #e8e9ed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 4px;
  margin-right: 16px;
  cursor: pointer;
}
.modi-hot-detail-modal .model-box .recommend-card .left-img img {
  max-width: 192px;
  max-height: 256px;
}
.modi-hot-detail-modal .model-box .recommend-card .right-content {
  -ms-flex: 1;
      flex: 1;
}
.modi-hot-detail-modal .model-box .recommend-card .right-content .tag-title {
  font-size: 14px;
  line-height: 22px;
  color: #323438;
  margin-top: 12px;
  margin-bottom: 4px;
}
.modi-hot-detail-modal .model-box .recommend-card .right-content .tag-title .iconfont-ai-image {
  color: #a3a6ad;
  margin-right: 5px;
}
.modi-hot-detail-modal .model-box .recommend-card .right-content .tag-box .tag {
  height: 24px;
  border-radius: 2px;
  opacity: 1;
  display: inline-block;
  padding: 0 8px;
  margin-right: 4px;
  margin-bottom: 4px;
  background: #f0f3fc;
  font-size: 12px;
  line-height: 24px;
  color: #585a61;
}
.modi-hot-detail-modal .model-box .recommend-card .recommend-reason {
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.8);
}
.modi-hot-detail-modal .model-box .hot-content {
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #041133;
  margin-bottom: 20px;
}
.modi-hot-detail-modal .model-box .hot-recommend-summary {
  margin-top: 20px !important;
  padding: 12px;
  background: rgba(255, 168, 46, 0.05);
  border: 1px solid rgba(255, 168, 46, 0.45);
  border-radius: 8px;
}
.modi-hot-detail-modal .model-box .hot-recommend-summary .bn-is-empty {
  height: 12px;
}
.modi-hot-detail-modal .model-box .hot-recommend-summary .product-gpt-mark-down p {
  font-size: 14px;
  line-height: 22.75px;
  color: rgba(4, 17, 51, 0.8);
  white-space: pre-wrap;
}
.modi-hot-detail-modal .model-box .hotspot-id {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
  color: #041133;
}
.modi-hot-detail-modal .model-box .hotspot-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #041133;
}
.modi-hot-detail-modal .model-box .hotspot-content {
  max-height: 66px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  color: rgba(4, 17, 51, 0.7);
}
.modi-hot-detail-modal .model-box .module-links .module-link-item-wrapper {
  display: block;
}
.modi-hot-detail-modal .model-box .module-links {
  margin-bottom: 12px;
}
.modi-hot-detail-modal .model-box .module-links .module-link-item {
  display: inline-block;
  width: calc(33.333% - 8px);
  margin-right: 12px;
  margin-bottom: 12px;
}
.modi-hot-detail-modal .model-box .module-links .module-link-item:nth-child(3n) {
  margin-right: 0;
}
* {
  box-sizing: border-box;
}
body {
  font-size: 0.16rem;
  color: #041133;
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  overflow: hidden;
}
img {
  vertical-align: middle;
  border-style: none;
}
@keyframes antRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(222, 222, 228, 0);
  border-radius: 0.04rem;
}
/* 设置滚动条的滑块hover效果透明度 */
*:hover::-webkit-scrollbar-thumb {
  background-color: #dedee4;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track {
  background-color: transparent;
}
.close-icon {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  line-height: 16px;
}
.close-icon::before {
  -ms-transform: scale(0.5);
      transform: scale(0.5);
}
.close-icon:hover {
  background: rgba(0, 0, 0, 0.45);
  color: rgba(255, 255, 255, 0.85);
}
.close-icon:active {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}
/******** *********/
.ai-product-image-canvas-bottom-handler {
  right: 0;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ai-product-image-canvas-bottom-handler.en {
  right: -138px;
}
.ai-product-image-canvas-head-handler {
  margin-bottom: 30px;
}
.ai-product-image-canvas-bottom-handler {
  position: absolute;
}
.ai-product-image-canvas-bottom-handler,
.ai-product-image-canvas-head-handler {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ai-product-image-canvas-bottom-handler .tip-text,
.ai-product-image-canvas-head-handler .tip-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.45);
  width: 100%;
  min-width: 310px;
  text-align: center;
}
.ai-product-image-canvas-bottom-handler .tip-text .btn,
.ai-product-image-canvas-head-handler .tip-text .btn {
  color: #2352d8;
  margin-left: 4px;
  cursor: pointer;
}
.ai-product-image-canvas-bottom-handler .tip-text .btn + .anticon,
.ai-product-image-canvas-head-handler .tip-text .btn + .anticon {
  color: rgba(4, 17, 51, 0.45);
  margin-left: 4px;
  cursor: pointer;
}
.ai-product-image-canvas-bottom-handler .handler-btn,
.ai-product-image-canvas-head-handler .handler-btn {
  background-color: transparent;
  border-color: rgba(4, 17, 51, 0.2);
  height: 30px;
  border-radius: 4px;
  margin-left: 12px;
  color: #041133;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ai-product-image-canvas-bottom-handler .handler-btn .icon,
.ai-product-image-canvas-head-handler .handler-btn .icon {
  width: 14px;
  height: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-product-image-canvas-bottom-handler .handler-btn .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn .icon.blue {
  display: none;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left,
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left {
  margin-left: 0;
  margin-right: 12px;
  color: #2352d8;
  border-color: #2352d8;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left[disabled],
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left[disabled] {
  opacity: 0.5;
  color: #2352d8 !important;
  border-color: #2352d8 !important;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left .icon.normal {
  display: none;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left .icon.blue {
  display: block;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left:hover:not(.disabled),
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left:hover:not(.disabled) {
  border-color: #1c42ad;
  color: #1c42ad;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left:hover:not(.disabled) .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left:hover:not(.disabled) .icon.normal {
  display: none;
}
.ai-product-image-canvas-bottom-handler .handler-btn.handler-btn-left:hover:not(.disabled) .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn.handler-btn-left:hover:not(.disabled) .icon.blue {
  display: block;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):hover,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):hover,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):hover,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):hover {
  border-color: #2352d8;
  color: #2352d8;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):hover .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):hover .icon.normal,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):hover .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):hover .icon.normal {
  display: none;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):hover .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):hover .icon.blue,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):hover .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):hover .icon.blue {
  display: block;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):active,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):active,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):active,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):active {
  border-color: #1c42ad;
  color: #1c42ad;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):active .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):active .icon.normal,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):active .icon.normal,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):active .icon.normal {
  display: none;
}
.ai-product-image-canvas-bottom-handler .handler-btn:not(.disabled):active .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn:not(.disabled):active .icon.blue,
.ai-product-image-canvas-bottom-handler .handler-btn:not([disabled]):active .icon.blue,
.ai-product-image-canvas-head-handler .handler-btn:not([disabled]):active .icon.blue {
  display: block;
}
.ai-product-image-canvas-bottom-handler .handler-btn.disabled,
.ai-product-image-canvas-head-handler .handler-btn.disabled,
.ai-product-image-canvas-bottom-handler .handler-btn[disabled],
.ai-product-image-canvas-head-handler .handler-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: rgba(4, 17, 51, 0.2) !important;
  color: #041133 !important;
}
.ai-image-common-btn.ant-btn,
.ai-image-common-btn .ant-btn {
  height: 32px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(4, 17, 51, 0.2);
  background-color: #fff;
  font-size: 14px;
  color: #041133;
}
.ai-image-common-btn.ant-btn > .iconfont-ai-image,
.ai-image-common-btn .ant-btn > .iconfont-ai-image {
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-image-common-btn.ant-btn.btn-sm,
.ai-image-common-btn .ant-btn.btn-sm {
  height: 28px;
}
.ai-image-common-btn.ant-btn .icon,
.ai-image-common-btn .ant-btn .icon {
  width: 14px;
  height: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-image-common-btn.ant-btn:hover,
.ai-image-common-btn .ant-btn:hover,
.ai-image-common-btn.ant-btn:focus,
.ai-image-common-btn .ant-btn:focus {
  border-color: #2352d8;
  color: #2352d8;
}
.ai-image-common-btn.ant-btn:active,
.ai-image-common-btn .ant-btn:active {
  border-color: #1c42ad;
  color: #1c42ad;
}
.ai-image-common-btn.ant-btn[disabled],
.ai-image-common-btn .ant-btn[disabled] {
  background-color: #fff;
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-common-btn.ant-btn[disabled]:hover,
.ai-image-common-btn .ant-btn[disabled]:hover,
.ai-image-common-btn.ant-btn[disabled]:focus,
.ai-image-common-btn .ant-btn[disabled]:focus,
.ai-image-common-btn.ant-btn[disabled]:active,
.ai-image-common-btn .ant-btn[disabled]:active {
  color: rgba(4, 17, 51, 0.45);
  background-color: #fff;
}
.ai-image-common-btn.ant-btn.btn-primary,
.ai-image-common-btn .ant-btn.btn-primary,
.ai-image-common-btn.ant-btn.ant-btn-primary,
.ai-image-common-btn .ant-btn.ant-btn-primary {
  background-color: #2352d8;
  border-color: #2352d8;
  color: #fff;
}
.ai-image-common-btn.ant-btn.btn-primary:hover,
.ai-image-common-btn .ant-btn.btn-primary:hover,
.ai-image-common-btn.ant-btn.ant-btn-primary:hover,
.ai-image-common-btn .ant-btn.ant-btn-primary:hover,
.ai-image-common-btn.ant-btn.btn-primary:focus,
.ai-image-common-btn .ant-btn.btn-primary:focus,
.ai-image-common-btn.ant-btn.ant-btn-primary:focus,
.ai-image-common-btn .ant-btn.ant-btn-primary:focus,
.ai-image-common-btn.ant-btn.btn-primary:active,
.ai-image-common-btn .ant-btn.btn-primary:active,
.ai-image-common-btn.ant-btn.ant-btn-primary:active,
.ai-image-common-btn .ant-btn.ant-btn-primary:active {
  background-color: #1c42ad;
  border-color: #1c42ad;
}
.ai-image-common-btn.ant-btn.btn-primary[disabled],
.ai-image-common-btn .ant-btn.btn-primary[disabled],
.ai-image-common-btn.ant-btn.ant-btn-primary[disabled],
.ai-image-common-btn .ant-btn.ant-btn-primary[disabled] {
  opacity: 0.7;
}
.ai-image-common-btn.ant-btn.btn-primary[disabled]:hover,
.ai-image-common-btn .ant-btn.btn-primary[disabled]:hover,
.ai-image-common-btn.ant-btn.ant-btn-primary[disabled]:hover,
.ai-image-common-btn .ant-btn.ant-btn-primary[disabled]:hover,
.ai-image-common-btn.ant-btn.btn-primary[disabled]:focus,
.ai-image-common-btn .ant-btn.btn-primary[disabled]:focus,
.ai-image-common-btn.ant-btn.ant-btn-primary[disabled]:focus,
.ai-image-common-btn .ant-btn.ant-btn-primary[disabled]:focus,
.ai-image-common-btn.ant-btn.btn-primary[disabled]:active,
.ai-image-common-btn .ant-btn.btn-primary[disabled]:active,
.ai-image-common-btn.ant-btn.ant-btn-primary[disabled]:active,
.ai-image-common-btn .ant-btn.ant-btn-primary[disabled]:active {
  background-color: #2352d8;
  border-color: #2352d8;
  color: #fff;
}
.ai-image-common-btn.ant-btn.btn-gray,
.ai-image-common-btn .ant-btn.btn-gray {
  background: #f2f3f5;
  color: #333333;
  border: none;
  padding: 0 10px;
}
.ai-image-common-btn.ant-btn.btn-gray img,
.ai-image-common-btn .ant-btn.btn-gray img {
  width: 14px;
}
.ai-image-common-btn.ant-btn.btn-gray .icon-white,
.ai-image-common-btn .ant-btn.btn-gray .icon-white {
  display: none;
}
.ai-image-common-btn.ant-btn.btn-gray:hover,
.ai-image-common-btn .ant-btn.btn-gray:hover {
  background: rgba(35, 82, 216, 0.1);
  font-size: 14px;
  color: #333333;
}
.ai-image-common-btn.ant-btn.btn-gray.active,
.ai-image-common-btn .ant-btn.btn-gray.active {
  background-color: #2352d8;
  color: #fff;
}
.ai-image-common-btn.ant-btn.btn-gray.active .icon-white,
.ai-image-common-btn .ant-btn.btn-gray.active .icon-white {
  display: block;
}
.ai-image-common-btn.ant-btn.btn-gray.active .icon,
.ai-image-common-btn .ant-btn.btn-gray.active .icon {
  display: none;
}
.ai-image-moxiaoxian-watermark {
  height: 20px;
  position: absolute;
  right: 10px;
  bottom: 8px;
}
.ai-image-moxiaoxian-watermark.referrer-vvic {
  width: 142.18px;
  right: 9.82px;
  bottom: 10px;
  opacity: 0.6;
}
.ai-image-moxiaoxian-watermark.referrer-yishou {
  width: 189px;
  right: -18px;
  bottom: -20px;
  opacity: 0.6;
}
.ai-image-moxiaoxian-watermark.referrer-bjyq {
  width: 113.85px;
  right: 10.15px;
  bottom: 10px;
  opacity: 0.6;
}
.ai-image-moxiaoxian-watermark.referrer-mfmj {
  width: 160.93px;
  right: 10.15px;
  bottom: 10px;
  opacity: 0.6;
}
.ai-image-pop-confirm .ant-btn-default:hover {
  border-color: #2352d8;
  color: #2352d8;
}
.ai-image-pop-confirm .ant-btn-primary {
  border-color: #2352d8;
  background: #2352d8;
}
.ai-image-color-select-popover {
  padding-left: 0;
}
.ai-image-color-select-popover .ant-popover-inner {
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
  width: 240px;
  border-radius: 4px;
}
.ai-image-color-select-popover .ant-popover-inner-content {
  padding: 0;
  width: 100%;
}
.ai-image-color-select-popover .ai-image-color-select-popover-header {
  height: 40px;
  border-bottom: 1px solid #f5f5f5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0 0 13px;
}
.ai-image-color-select-popover .ai-image-color-select-popover-header .title {
  font-size: 12px;
  color: #333333;
}
.ai-image-color-select-popover .ai-image-color-select-popover-header .close {
  margin-left: auto;
  height: 100%;
  width: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.ai-image-color-select-popover .ai-image-color-select-popover-header .close span {
  font-size: 12px;
  color: #333333;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.ai-image-color-select-popover .ai-image-color-select-popover-header .close:hover span {
  color: rgba(35, 82, 216, 0.65);
}
.ai-image-color-select-popover .ai-image-color-select-popover-header .close:active span {
  color: #2352d8;
}
.ai-image-color-select-popover .picker-line {
  height: 1px;
  width: 100%;
  background-color: #f5f5f5;
}
.ai-custom-antd-modal-confirm .ant-modal-content {
  width: 335px;
  min-height: 162px;
  border-radius: 10px;
  background: #ffffff;
}
.ai-custom-antd-modal-confirm .ant-modal-body {
  padding: 16px;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #041133;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 51, 0.65);
  margin-top: 12px;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-btns .ant-btn {
  min-width: 131px;
  height: 40px;
  border-radius: 70.09px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(4, 17, 51, 0.1);
  border: none;
  color: #041133;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-btns .ant-btn-default {
  margin-left: 21px;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-btns .ant-btn-primary {
  background: #2352d8;
  color: #ffffff;
}
.ai-custom-antd-modal-confirm .ant-modal-confirm-btns .ant-btn-primary img {
  height: 24px;
}
.ant-message-notice-content {
  border-radius: 4px;
}
.mxx-closeable-message .ant-message-notice-content {
  padding: 5px 10px;
  min-width: 360px;
  height: 32px;
}
.mxx-closeable-message .ant-message-notice-content .ant-message-custom-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content {
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  min-width: 320px;
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content .blue-text {
  cursor: pointer;
  color: #2352d8;
  padding: 0 3px;
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content .right-handler {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content .right-handler .num {
  color: rgba(4, 17, 51, 0.45);
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content .right-handler .icon {
  cursor: pointer;
  color: rgba(4, 17, 51, 0.65);
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.mxx-closeable-message .ant-message-notice-content .mxx-closeable-message-content .right-handler .icon::before {
  -ms-transform: scale(0.7);
      transform: scale(0.7);
}
.ai-image-custom-modal .ant-modal-content {
  padding: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
}
.ai-image-custom-modal .ant-modal-content .ant-modal-close:hover,
.ai-image-custom-modal .ant-modal-content .ant-modal-close:active {
  background-color: transparent !important;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  height: 60px;
  border-radius: 10px 10px 0 0;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 64px;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-footer .ant-btn-default {
  width: 80px;
  height: 32px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid rgba(4, 17, 51, 0.2);
}
.ai-image-custom-modal .ant-modal-content .ant-modal-footer .ant-btn-default:hover,
.ai-image-custom-modal .ant-modal-content .ant-modal-footer .ant-btn-default:active {
  color: #041133;
}
.ai-image-custom-modal .ant-modal-content .ant-modal-footer .ant-btn-primary {
  width: 108px;
  height: 32px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #2352d8;
  border: none;
}
.ant-alert-warning {
  padding: 6px 10px;
  background: rgba(231, 127, 42, 0.05);
  border: 1px solid rgba(195, 58, 43, 0.102);
  border-radius: 4px;
}
.ant-alert-warning .ant-alert-icon {
  color: #e77f2a;
}
.ant-alert-warning .ant-alert-content .ant-alert-message {
  font-size: 12px;
  line-height: 20px;
}
.bold-ant-checkbox .ant-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  right: 2px;
}
.bold-ant-checkbox .ant-checkbox::after {
  display: none;
}
.bold-ant-checkbox .ant-checkbox .ant-checkbox-inner {
  width: 15px;
  height: 15px;
  border: 2px solid #a7acb8;
}
.bold-ant-checkbox .ant-checkbox .ant-checkbox-inner::after {
  width: 5px;
  height: 7.5px;
}
.bold-ant-checkbox .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #2352d8;
}
.bold-ant-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #2352d8;
  border-color: #2352d8;
}
.textarea-in-box {
  background-color: #fff;
  border: 1px solid rgba(4, 17, 51, 0.1);
  border-radius: 4px;
}
.textarea-in-box:hover {
  border-color: #2352d8 !important;
}
.textarea-in-box.active {
  border-color: #2352d8 !important;
  background-color: rgba(35, 82, 216, 0.05);
}
.textarea-in-box .textarea-element + .textarea-element {
  margin-top: 10px;
}
.textarea-in-box .textarea-element.ant-input,
.textarea-in-box .textarea-element textarea.ant-input {
  font-size: 14px;
  line-height: 21px;
  color: rgba(4, 17, 51, 0.8);
  resize: none;
  outline: none;
  background: transparent;
  box-shadow: none;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid transparent;
  min-height: 44px;
}
.textarea-in-box .textarea-element.ant-input:hover,
.textarea-in-box .textarea-element textarea.ant-input:hover {
  border-color: #708ee6;
}
.textarea-in-box .textarea-element.ant-input:focus,
.textarea-in-box .textarea-element textarea.ant-input:focus {
  border-color: #2352d8;
}
.textarea-in-box .textarea-element.error.ant-input,
.textarea-in-box .textarea-element.error textarea.ant-input {
  border-color: #d81111;
}
.textarea-in-box .textarea-element.error.ant-input::placeholder,
.textarea-in-box .textarea-element.error textarea.ant-input::placeholder {
  color: #d81111;
}
.textarea-in-box .ant-input-textarea-show-count {
  position: relative;
}
.textarea-in-box .ant-input-textarea-show-count .ant-input-data-count {
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #b3b7c1;
}
.textarea-in-box.gray-textarea .textarea-element.ant-input,
.textarea-in-box.gray-textarea .textarea-element textarea.ant-input {
  background: #f2f3f5;
  border: 1px solid #f2f3f5;
}
.textarea-in-box.gray-textarea .textarea-element.ant-input:hover,
.textarea-in-box.gray-textarea .textarea-element textarea.ant-input:hover {
  border-color: #708ee6;
}
.textarea-in-box.gray-textarea .textarea-element.ant-input:focus,
.textarea-in-box.gray-textarea .textarea-element textarea.ant-input:focus {
  border-color: #2352d8;
}
.textarea-in-box.compact .textarea-box {
  border-radius: 4px;
  background: #f2f3f5;
  border: 1px solid #f2f3f5;
  padding: 0 10px;
}
.textarea-in-box.compact .textarea-box:hover {
  border-color: #708ee6;
}
.textarea-in-box.compact .textarea-box.active {
  border-color: #e9edfb;
  background-color: #e9edfb;
}
.textarea-in-box.compact .textarea-element + .textarea-element {
  margin-top: 0;
  border-top: 1px solid rgba(4, 17, 51, 0.1);
}
.textarea-in-box.compact .textarea-element.ant-input,
.textarea-in-box.compact .textarea-element textarea.ant-input {
  padding: 10px 0 0 0;
}
.textarea-in-box.compact .textarea-element.ant-input:hover,
.textarea-in-box.compact .textarea-element textarea.ant-input:hover {
  border-color: transparent;
}
.textarea-in-box.compact .textarea-element.ant-input:focus,
.textarea-in-box.compact .textarea-element textarea.ant-input:focus {
  border-color: transparent;
}
.textarea-in-box.compact .ant-input-textarea-show-count .ant-input-data-count {
  right: 0;
}
.textarea-in-box.compact .ant-input-textarea-show-count::before {
  content: attr(data-max);
}
.ai-image-stop-box {
  height: 80px;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: absolute;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ai-image-stop-btn {
  width: 104px;
  height: 36px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 5px 12px;
  background: #ffffff;
  border: 1px solid #e5e7ea;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ai-image-stop-btn:hover {
  background: #f4f6fd;
  border: 1px solid #96acec;
}
.ai-image-stop-btn:active {
  background: #f4f6fd;
  border: 1px solid #2352d8;
}
.ai-image-stop-btn.disabled {
  cursor: not-allowed;
}
.product-image-modal-confirm .ant-modal-content {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
  min-width: 500px;
}
.product-image-modal-confirm .ant-modal-body {
  padding: 41px 30px 20px 30px;
}
.product-image-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title {
  color: #041133;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.product-image-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.product-image-modal-confirm .ant-modal-confirm-body > .anticon {
  color: #e77f2a;
  font-size: 25px;
  margin-right: 10.5px;
  line-height: 30px;
}
.product-image-modal-confirm.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.product-image-modal-confirm.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #e77f2a;
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn {
  height: 34px;
  min-width: 80px;
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-default {
  border-color: rgba(4, 17, 51, 0.2);
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-default:hover,
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-default:focus {
  color: #2352d8;
  border-color: #2352d8;
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-primary {
  background: #2352d8;
  border-color: #2352d8;
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-primary:hover {
  background: rgba(35, 82, 216, 0.8);
  border-color: rgba(35, 82, 216, 0.8);
}
.product-image-modal-confirm .ant-modal-confirm-btns .ant-btn-primary:active {
  background: #1c42ad;
  border-color: #1c42ad;
}
.ai-image-btn-black {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  height: 36px;
  padding: 0 20px;
  background: #151618;
  border-radius: 100px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.ai-image-btn-black:hover {
  background: rgba(21, 22, 24, 0.7);
}
.ai-image-btn-black.default {
  border: 1px solid #323438;
  background: #fff;
  color: #323438;
}
.ai-image-btn-black.default:hover {
  background: #fff;
  border-color: #585a61;
  color: #585a61;
}
.ai-image-btn-black.default:active {
  background: #fff;
  border-color: #323438;
  color: #323438;
}
.ai-image-btn-black.disabled {
  background: #73767d;
  opacity: 0.2;
  cursor: not-allowed;
}
.no-column-border .ant-table-thead > tr > th:not(:last-child),
.no-column-border .ant-table-tbody > tr > td:not(:last-child) {
  border-right: none !important;
}
.limited-exemption-label {
  width: 40px;
  height: 20px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: linear-gradient(117deg, #e77f2a 0%, #ffc300 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-left: 8px;
}
.ai-image-new-tag {
  height: 16px;
  border-radius: 8px 8px 8px 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 1px 2px 1px 3px;
  background: #fc9329;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  font-size: 10px;
  font-weight: 500;
  color: #ffffff !important;
}
.publisher-marketing-info-title {
  height: 34px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.publisher-marketing-info-title .title {
  color: #041133;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}
.publisher-marketing-info-title .handler {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: auto;
}
.publisher-marketing-info-title .handler .ai-image-btn-ghost[disabled],
.publisher-marketing-info-title .handler .ai-image-btn-ghost .ant-btn[disabled],
.publisher-marketing-info-title .handler .ai-image-btn-ghost[disabled]:hover,
.publisher-marketing-info-title .handler .ai-image-btn-ghost .ant-btn[disabled]:hover,
.publisher-marketing-info-title .handler .ai-image-btn-ghost[disabled]:active,
.publisher-marketing-info-title .handler .ai-image-btn-ghost .ant-btn[disabled]:active,
.publisher-marketing-info-title .handler .ai-image-btn-ghost[disabled]:focus,
.publisher-marketing-info-title .handler .ai-image-btn-ghost .ant-btn[disabled]:focus {
  opacity: 0.2;
}
.publisher-marketing-info-title .handler .ant-popover-disabled-compatible-wrapper {
  padding: 0 !important;
}
.publisher-marketing-info-title .handler .ai-image-btn-export {
  margin-left: 12px;
}
.publisher-marketing-info-title .handler .ai-image-btn-export.exporting .icon-export {
  display: none;
}
.publisher-marketing-idea-loading {
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 51, 0.35);
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.publisher-marketing-idea-loading::before {
  content: '';
  width: 3px;
  height: 18px;
  background: #000;
  border-radius: 10px;
  animation: strip-fadeout 0.8s linear infinite;
  margin-right: 8px;
}
@keyframes strip-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.publisher-marketing-idea-stop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  color: rgba(4, 17, 51, 0.45);
  height: 20px;
  margin-top: 20px;
  margin-bottom: 24px;
}
.publisher-marketing-idea-stop::after,
.publisher-marketing-idea-stop::before {
  width: 40px;
  height: 1px;
  background-color: #e5e7ea;
  content: '';
  margin: 0 10px;
}
.publisher-marketing-text-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #3d3d3d;
  margin-bottom: 8px;
}
.publisher-marketing-info-text {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #3d3d3d;
  margin-bottom: 24px;
  display: block;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  -webkit-line-clamp: 2;
  max-height: 44px;
  text-align: justify;
  word-break: break-all;
}
.publisher-marketing-info-text.show {
  -webkit-line-clamp: 999;
  max-height: 4400px;
}
.publisher-marketing-info-text .open {
  float: right;
  clear: both;
  shape-outside: content-box;
  padding-top: 22px;
}
.publisher-marketing-info-text .open::before {
  content: '';
  float: right;
  width: 0;
  height: calc(100% - 20px);
}
.publisher-marketing-info-text .open .open-btn {
  position: relative;
  padding-left: 16px;
}
.publisher-marketing-info-text .open .open-btn::before {
  content: '...';
  position: absolute;
  /* padding-right: 8px; */
  color: #3d3d3d;
  left: 0;
  top: 0;
  width: 8px;
  white-space: nowrap;
}
.publisher-marketing-info-text .open-btn {
  width: 44px;
  height: 22px;
  color: #2352d8;
  text-align: center;
  cursor: pointer;
  padding: 0 8px;
  white-space: nowrap;
}
.product-image-upload-image-result {
  width: 100%;
  background: #f2f3f6;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.product-image-upload-image-result.center {
  -ms-flex-pack: center;
      justify-content: center;
}
.product-image-upload-image-result.disabled {
  cursor: not-allowed;
}
.product-image-upload-image-result .item {
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 118px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid rgba(4, 17, 51, 0.2);
}
.product-image-upload-image-result .item.full-item {
  width: 100%;
}
.product-image-upload-image-result .item .pic {
  height: 100%;
  border-radius: 4px;
}
.product-image-upload-image-result .item .pic,
.product-image-upload-image-result .item .img {
  max-width: 100%;
  max-height: 100%;
}
.product-image-upload-image-result .item .removed-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.product-image-upload-image-result .item.layer .pic {
  opacity: 0;
}
.product-image-upload-image-result .item.layer .layer-content {
  position: relative;
  height: 100%;
}
.product-image-upload-image-result .item .close-icon {
  position: absolute;
  top: 5.67px;
  right: 5.67px;
  z-index: 1;
}
.product-image-upload-image-result .item .pic {
  border: 1px solid rgba(4, 17, 51, 0.2);
  overflow: hidden;
  border-radius: 4px;
}
.product-image-upload-image-result .item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  height: 24px;
  cursor: pointer;
}
.product-image-upload-image-result .item .text .icon {
  width: 12px;
  height: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 2px;
}
.product-image-upload-image-result .item .text .icon::before {
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.product-image-upload-image-result .item .text:hover {
  background: rgba(0, 0, 0, 0.45);
}
.product-image-upload-image-result .item .text:active {
  background: rgba(0, 0, 0, 0.75);
}
.product-image-upload-image-result .item:hover .text {
  display: -ms-flexbox;
  display: flex;
}
.product-image-edit-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.product-image-edit-image .product-image-edit-box {
  width: 513px;
  height: 513px;
  border-radius: 8.16px;
  border: 0.8px solid rgba(4, 17, 51, 0.2);
  overflow: hidden;
}
.ai-image-edit-image-box {
  padding: 30px 40px 94px 40px;
  height: 100% !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 500px !important;
  max-height: 1180px;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ai-image-edit-image-box .ai-image-edit-image-box-bg-placeholder {
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: contain;
}
.ai-image-edit-image-box .scale-layer-canvas-editor-wip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: calc(100% - 50px);
}
.ai-image-edit-image-box.uploading {
  padding: 40px;
}
.ai-image-edit-image-box .auto-size-box {
  max-height: 100%;
}
.ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none !important;
}
.ant-switch.ant-switch-small.fr-switch-small {
  height: 18px;
  line-height: 18px;
}
.ant-switch.ant-switch-small.fr-switch-small .ant-switch-handle {
  top: 3px;
  inset-inline-start: 3px;
}
.ant-switch.ant-switch-small.fr-switch-small.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 15px);
}

/* reset */
/* 清除列表项的间距和补白样式 */
menu,
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 清除标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
}
/* 清除间距、粗体样式 */
dl,
dt,
dd,
hr,
p {
  margin: 0;
  font-weight: inherit;
}
/* 清除字体粗体样式 */
th,
em,
strong {
  font-weight: inherit;
}
/* 清除字体特殊样式 */
u,
em,
i {
  font-style: inherit;
}
blockquote,
q {
  quotes: none;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* html5 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/* 表格基本样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  border: 0;
  padding: 0;
}
/* html */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* 业务样式 */
body {
  margin: 0;
  word-wrap: break-word;
  line-height: 1;
  background: #eef1f7;
  font-size: 0.14rem;
  color: #041133;
}
/* clearfix */
.clearfix:after {
  width: 0;
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
/* 链接默认样式 */
a {
  color: #2352d8;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}
input {
  background: none;
  outline: none;
  border: none;
}
input:-webkit-autofill {
  background: #fff;
}
.ant-input {
  border-radius: 4px;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
:-ms-input-placeholder {
  color: #c2c5cc !important;
}
pre {
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -ms-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
a img {
  border: 0;
}
body > object {
  visibility: hidden;
}
/* 不可以转换成rem */
/* 定义 0.01rem = 0.01rem，设置 font-size: 1rem ; 使页面与设计稿比例为 1:1 */
html {
  font-size: 100px ;
  /* 不可以转换成rem */
}
body {
  font-size: 0.16rem;
}
.page-horizontal-layout {
  display: -ms-flexbox;
  display: flex;
  width: 12rem;
  margin: 0 auto;
}
.page-horizontal-layout .page-horizontal-layout-left {
  width: 3.84rem;
}
.page-horizontal-layout .page-horizontal-layout-right {
  width: 7.92rem;
  margin-left: auto;
}
.productforce-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100vw;
  height: 100vh;
}
.productforce-loading .loading {
  width: 0.24rem;
  height: 0.24rem;
  animation: loading 1s infinite linear;
  -ms-transform-origin: center center;
      transform-origin: center center;
}
@keyframes loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.productforce-notfound {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: calc(100vh - 0.56rem);
}

.productforce-no-authority {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: calc(100vh - 0.56rem);
}
.productforce-no-authority img {
  width: 4rem;
  height: 4rem;
}

.product-image-side-bar {
  width: 94px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 60px;
  background-color: #fff;
  border-right: 1px solid rgba(4, 17, 51, 0.05);
  margin: 0 auto;
}
.product-image-side-bar.en .nav-name {
  font-size: 12px;
  text-align: center;
}
.product-image-side-bar.en .nav-item {
  height: auto;
}
.product-image-side-bar .product-image-side-bar-main {
  width: 100%;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  overflow-y: scroll;
  background: #ffffff;
  padding-bottom: 16px;
}
.product-image-side-bar .product-image-side-bar-main::-webkit-scrollbar-track {
  background-color: transparent;
}
.product-image-side-bar .product-image-side-bar-main::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.product-image-side-bar .product-image-side-bar-main:hover::-webkit-scrollbar-thumb {
  background-color: #dedee4;
}
.product-image-side-bar .opt-box {
  padding-left: 13px;
  position: relative;
  background-color: #fff;
}
.product-image-side-bar .opt-box::before {
  content: '';
  width: 66px;
  height: 1px;
  background-color: #d8d8d8;
  position: absolute;
  top: 0;
  left: 13px;
}
.product-image-side-bar .opt-btn {
  width: 66px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(4, 17, 51, 0.65);
}
.product-image-side-bar .opt-btn .icon {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 2px;
  font-size: 20px;
  color: rgba(4, 17, 51, 0.45);
}
.product-image-side-bar .opt-btn .text {
  font-size: 14px;
  line-height: 22px;
}
.product-image-side-bar .opt-btn:hover {
  color: #2352d8;
}
.product-image-side-bar .opt-btn:hover .icon {
  color: #2352d8;
}
.product-image-side-bar .opt-btn:active {
  color: #1c42ad;
}
.product-image-side-bar .opt-btn:active .icon {
  color: #1c42ad;
}
.product-image-side-bar .nav-item-module-box {
  margin-top: 20px;
}
.product-image-side-bar .nav-item-module-box::before {
  content: '';
  display: block;
  height: 1px;
  width: 60px;
  background-color: rgba(4, 17, 51, 0.1);
  margin: 0 auto;
  margin-bottom: 10px;
}
.product-image-side-bar .nav-item-module-box > img {
  height: 26px;
}
.product-image-side-bar .nav-item {
  width: 66px;
  min-height: 68px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 14px;
  padding-bottom: 8px;
  margin-top: 20px;
  margin-left: 13px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.product-image-side-bar .nav-item .nav-tag {
  position: absolute;
  top: -6px;
  right: -5px;
}
.product-image-side-bar .nav-item:hover {
  background: rgba(4, 17, 51, 0.03);
}
.product-image-side-bar .nav-item:hover .nav-image-dark {
  display: block;
}
.product-image-side-bar .nav-item:hover .nav-image-light {
  display: none;
}
.product-image-side-bar .nav-item:hover .nav-icon {
  color: #041133;
}
.product-image-side-bar .nav-item:hover .nav-name {
  color: #041133;
}
.product-image-side-bar .nav-item.active,
.product-image-side-bar .nav-item:active {
  background: rgba(4, 17, 51, 0.05);
}
.product-image-side-bar .nav-item.active .nav-image-dark,
.product-image-side-bar .nav-item:active .nav-image-dark {
  display: block;
}
.product-image-side-bar .nav-item.active .nav-image-light,
.product-image-side-bar .nav-item:active .nav-image-light {
  display: none;
}
.product-image-side-bar .nav-item.active .nav-icon,
.product-image-side-bar .nav-item:active .nav-icon {
  color: #041133;
}
.product-image-side-bar .nav-item.active .nav-name,
.product-image-side-bar .nav-item:active .nav-name {
  color: #041133;
}
.product-image-side-bar .nav-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.product-image-side-bar .nav-icon {
  width: 20px;
  height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(4, 17, 51, 0.65);
  font-size: 20px;
  margin-bottom: 4px;
}
.product-image-side-bar .nav-name {
  line-height: 22px;
  font-size: 14px;
  color: #9e9e9e;
}
.product-image-side-bar .nav-image-dark {
  display: none;
}

.ai-image-color-select-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #041133;
  margin-bottom: 10px;
}
.ai-image-color-select-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ai-image-color-select-list .ai-image-color-select-item {
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(4, 17, 51, 0.1);
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 99% 100% !important;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.ai-image-color-select-list .ai-image-color-select-item.custom .vip-logo {
  position: absolute;
  right: 3.4px;
  top: 3px;
  width: 14px;
}
.ai-image-color-select-list .ai-image-color-select-item:nth-child(5n) {
  margin-right: 0;
}
.ai-image-color-select-list .ai-image-color-select-item:nth-last-child(1),
.ai-image-color-select-list .ai-image-color-select-item:nth-last-child(2),
.ai-image-color-select-list .ai-image-color-select-item:nth-last-child(3),
.ai-image-color-select-list .ai-image-color-select-item:nth-last-child(4),
.ai-image-color-select-list .ai-image-color-select-item:nth-last-child(5) {
  margin-bottom: 0;
}
.ai-image-color-select-list .ai-image-color-select-item:hover {
  border-color: rgba(35, 82, 216, 0.65);
}
.ai-image-color-select-list .ai-image-color-select-item.active {
  border-color: #2352d8;
}
.ai-image-color-select-list .ai-image-color-select-item.active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #fff;
}

.ai-image-color-picker {
  width: 100%;
  position: relative;
}
.ai-image-color-picker .picker-line {
  height: 1px;
  width: 100%;
  background-color: #f5f5f5;
}
.ai-image-color-picker .ai-image-color-select-color-picker {
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  padding: 10px !important;
}
.ai-image-color-picker .ai-image-color-select-color-twitter-picker {
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  padding: 10px 0px 10px 10px !important;
}
.ai-image-color-picker .ai-image-color-select-color-twitter-picker > div:nth-child(1),
.ai-image-color-picker .ai-image-color-select-color-twitter-picker > div:nth-child(2) {
  display: none;
}
.ai-image-color-picker .ai-image-color-select-color-twitter-picker > div:nth-child(3) {
  padding: 0 !important;
}
.ai-image-color-picker .picker-custom-title {
  padding: 0 10px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.45);
  margin-top: 9px;
}
.ai-image-color-picker .ai-image-color-select-pip {
  width: 28px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 182px;
  left: 13px;
  cursor: pointer;
}
.ai-image-color-picker .ai-image-color-select-pip img {
  height: 14px;
  cursor: pointer;
}
.ai-image-pip-handler-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000000;
}
.ai-image-pip-handler {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000000;
  display: block;
  overflow: hidden;
}
.ai-image-pip-handler .circle {
  border: 1px solid #ccc;
  border-radius: 100%;
  position: fixed;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.ai-image-pip-handler .circle canvas {
  width: 100%;
  height: 100%;
}
.ai-image-color-select-color-recent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 10px;
  padding-top: 6px;
}
.ai-image-color-select-color-recent .recent-item {
  height: 18px;
  width: 18px;
  cursor: pointer;
  border-radius: 2px;
  margin: 0px 10px 10.5px 0px;
  border: 1px solid rgba(4, 17, 51, 0.1);
}

.custom-popover .ant-popover-arrow::before {
  background: #2352d8 !important;
}
.custom-popover .ant-popover-content {
  width: 260px;
}
.custom-popover .ant-popover-content .ant-popover-inner {
  border-radius: 4px;
  background: #2352d8;
  color: #fff;
}
.custom-popover .ant-popover-content .ant-popover-inner-content {
  padding: 16px;
  width: 100%;
}
.custom-popover .collectible-tips-content {
  color: #fff;
  width: 100%;
}
.custom-popover .collectible-tips-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.custom-popover .collectible-tips-description {
  font-size: 14px;
  line-height: 22px;
}
.custom-popover .collectible-tips-btns {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: 12px;
  color: #ffffff;
  height: 26px;
}
.custom-popover .collectible-tips-btns.end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.custom-popover .collectible-tips-btns .collectible-tips-btn {
  min-width: 60px;
}
.custom-popover .collectible-tips-btns .collectible-tips-btn + .collectible-tips-btn {
  margin-left: 10px;
}
.custom-popover .collectible-tips-btns .collectible-tips-btn.gost {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.custom-popover .collectible-tips-btns .no-more-tips {
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.custom-popover .collectible-tips-btns .no-more-tips .icon-circle {
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.31px solid #ffffff;
}
.custom-popover .collectible-tips-btns .no-more-tips .icon-circle .icon-duigou {
  font-size: 12px;
}
.custom-popover .collectible-tips-btns .collectible-tips-btn {
  margin-left: 10px;
  height: 26px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 3px 12px;
  background: #ffffff;
  font-size: 12px;
  line-height: 20px;
  color: #2352d8;
  cursor: pointer;
}
.custom-popover .collectible-tips-btns .collectible-tips-btn:first-child {
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #fff;
}
.custom-popover.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 50%;
  -ms-transform: translateX(-100%) translateY(-50%);
      transform: translateX(-100%) translateY(-50%);
}
.custom-popover.bottom-right13 .ant-popover-content {
  margin-right: -13px;
}
.custom-popover.z-index1000 {
  z-index: 1000 !important;
}

.product-image-main {
  padding-top: 60px;
  background: #eef1f7;
  min-width: 1200px;
}
.product-image-side-bar + .product-image-main {
  padding-left: 94px;
}
.ai-image-submit-common-tips {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.product-image-head-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60px;
  background: #ffffff;
  border: solid 1px rgba(4, 17, 51, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  z-index: 999;
}
.product-image-head-bar .headbar-dropdown-menu-item {
  position: relative;
}
.product-image-head-bar .nav-tag {
  text-shadow: none;
  position: absolute;
  top: -5px;
  right: -2px;
}
.product-image-head-bar.home-image-head-bar {
  background: transparent;
  background: #ffffff;
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
}
.product-image-head-bar.home-image-head-bar.product-image-no-scroll {
  background: rgba(255, 255, 255, 0.05);
}
.product-image-head-bar .header-tab {
  height: 34px;
  font-size: 14px;
  margin-left: 60px;
  line-height: 34px;
  cursor: pointer;
  color: rgba(4, 17, 51, 0.65);
  min-width: 444px;
  display: -ms-flexbox;
  display: flex;
}
.product-image-head-bar .header-bar-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-image-head-bar .header-bar-box {
  padding-right: 24px;
}
.product-image-head-bar .header-bar-box .ant-btn {
  height: 36px;
  width: 80px;
}
.product-image-head-bar .header-bar-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-image-head-bar .header-bar-right .invite-new-users {
  margin-right: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 26px;
  padding: 2px 10px;
  border-radius: 4px;
  color: #041133;
  background: linear-gradient(0deg, rgba(252, 147, 41, 0.12), rgba(252, 147, 41, 0.12)), #ffffff;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  cursor: pointer;
}
.product-image-head-bar .header-bar-right .invite-new-users.enterprise {
  background: linear-gradient(0deg, rgba(204, 217, 255, 0.5), rgba(204, 217, 255, 0.5)), #ffffff;
  margin-right: 0;
}
.product-image-head-bar .header-bar-right .invite-new-users img {
  margin-right: 4px;
  width: 14px;
  height: 14px;
}
.product-image-head-bar .header-bar-right .lan-box {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  cursor: pointer;
}
.product-image-head-bar .header-bar-right .lan-box:hover {
  background: #f2f3f5;
}
.product-image-head-bar .header-bar-right .lan-box:active {
  background: #d7d9dc;
}
.product-image-head-bar .header-bar-right .member-enter-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 26px;
  border-radius: 4px;
  font-size: 14px;
  padding: 2px 10px;
  background: linear-gradient(298deg, #1a1f2e 10%, #414752 93%);
  color: #ffffff;
  cursor: pointer;
  margin-right: 16px;
}
.product-image-head-bar .header-bar-right .member-enter-btn .user-coin {
  width: 14px;
  margin-right: 4px;
}
.product-image-head-bar .header-bar-right .member-enter-btn .user-coin-count {
  font-size: 14px;
  font-weight: 500;
}
.product-image-head-bar .header-bar-right .member-enter-btn .add-pay {
  white-space: nowrap;
  margin-left: 8px;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  padding-left: 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.product-image-head-bar .header-bar-right .header-handler-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn {
  width: 26px;
  height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  margin-left: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn .icon-btn {
  font-size: 18px;
  color: #333333;
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn .num {
  position: absolute;
  left: 50%;
  margin-left: 2px;
  top: -1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 15px;
  height: 14px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background: #db4130;
  color: #ffffff;
  box-shadow: 0px 0px 1px #db4130;
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn .num span {
  font-size: 12px;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn:hover {
  background: #f2f3f5;
}
.product-image-head-bar .header-bar-right .header-handler-box .header-handler-btn:active {
  background: #d7d9dc;
}
.product-image-head-bar .logo-pic {
  height: 44px;
  cursor: pointer;
}
.product-image-head-bar .logo-pic.logo-pic-bjyq {
  width: 88px;
}
.product-image-head-bar .logo-name {
  margin: 0 0.5em;
  font-size: 23px;
  font-weight: 400;
}
.logo-user {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-right: 24px;
  cursor: pointer;
}
.logo-user .user-avatar {
  width: 36px;
  height: 36px;
}
.logo-user .img {
  line-height: 32px;
}
.logo-user .user-coin {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}
.user-popover p {
  margin: 0;
}
.user-popover .ant-popover-inner {
  border-radius: 8px;
}
.user-popover .ant-popover-arrow {
  display: none;
}
.user-popover.ant-popover-placement-bottom,
.user-popover.ant-popover-placement-bottomLeft,
.user-popover.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.user-popover .ant-popover-inner-content {
  padding: 20px;
}
.user-popover .user-card {
  width: 296px;
}
.user-popover .user-card .user-card-qrcode {
  width: 75%;
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
  border-radius: 4px;
}
.user-popover .user-card .number-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
  color: #041133;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
}
.user-popover .user-card .number-box .iconfontv6 {
  color: rgba(4, 17, 51, 0.45);
  cursor: pointer;
}
.user-popover .user-card .number-box .phone {
  display: inline-block;
  margin-left: 16px;
}
.user-popover .user-card .user-avatar-content {
  width: 48px;
  height: 48px;
  display: inline-block;
}
.user-popover .user-card .user-avatar-content .user-avatar {
  width: 48px;
  height: 48px;
}
.user-popover .user-card .user-avatar-content .user-avatar .img {
  line-height: 48px;
}
.user-popover .user-card .logo-user {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-right: 16px;
  border: 1px solid rgba(4, 17, 51, 0.2);
}
.user-popover .user-card .item-line {
  height: 1px;
  background-color: rgba(4, 17, 51, 0.1);
  margin-bottom: 32px;
}
.user-popover .user-card .item-li {
  height: 60px;
  line-height: 60px;
  border-top: 1px solid rgba(4, 17, 51, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.user-popover .user-card .item-li > p {
  color: #041133;
  font-weight: 500;
}
.user-popover .user-card .item-li .email {
  color: rgba(4, 17, 51, 0.65);
}
.user-popover .user-card .item-li .count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.user-popover .user-card .item-li .count img {
  margin-left: 2px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.user-popover .user-card .item-li:nth-child(2),
.user-popover .user-card .item-li:nth-child(3),
.user-popover .user-card .item-li:nth-child(4) {
  cursor: pointer;
}
.user-popover .user-card .ant-btn {
  width: 296px;
  height: 44px;
  border-radius: 4px;
  background: rgba(4, 17, 51, 0.05);
  color: #041133;
}
.user-privacy.r-361 {
  right: 361px !important;
}
.user-privacy .ant-popover-inner-content {
  padding: 4px;
}
.user-privacy .ant-popover-inner-content .user-card {
  width: 160px;
}
.user-privacy li {
  height: 38px;
  border-radius: 4px;
  line-height: 38px;
  padding-left: 8px;
  cursor: pointer;
}
.user-privacy li:hover {
  background: rgba(4, 17, 51, 0.05);
}
.invite-new-users-popover {
  padding-top: 0 !important;
}
.invite-new-users-popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner {
  width: 360px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-title {
  height: 56px;
  padding: 16px 20px;
  border-bottom: 1px solid #f2f3f5;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content {
  padding: 24px 20px 30px;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .desc {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 20px;
  color: #73767d;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 46px;
  padding: 12px 19px;
  background: #f7f8fa;
  border-radius: 8px;
  cursor: pointer;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link .link {
  display: inline-block;
  width: 212px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #9e9e9e;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link .copy-btn {
  height: 22px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #2352d8;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link .copy-btn:hover {
  color: rgba(35, 82, 216, 0.65);
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link .copy-btn:active {
  color: #1c42ad;
}
.invite-new-users-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .invite-popover-container .invite-popover-content .copy-link:active {
  background: #f2f3f5;
}
.member-enter-popover {
  top: 54px !important;
}

.headbar-dropdown-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 30px;
  word-wrap: no-wrap;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}
.headbar-dropdown-menu-item .icon-arrow-down {
  margin-left: 4px;
  margin-right: 0;
}
.headbar-dropdown-menu-item .tag {
  margin-left: 4px;
  width: 30px;
  height: 16px;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 1px 5px;
  background: #4972e6;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
}
.headbar-dropdown-menu-item .tag.green {
  background: #21cc68;
}
.headbar-dropdown-menu-item.active,
.headbar-dropdown-menu-item:hover {
  text-shadow: 0 0 0.5px #041133;
  color: #041133;
}
.headbar-dropdown-menu-item.active .tag,
.headbar-dropdown-menu-item:hover .tag {
  text-shadow: none;
}
.headbar-dropdown-menu .ant-dropdown-menu {
  padding: 4px;
  border-radius: 8px;
}
.headbar-dropdown-menu .ant-dropdown-menu-item {
  padding: 0 !important;
}
.headbar-dropdown-menu .headbar-dropdown-menu-item-text {
  display: block;
  min-width: 120px;
  height: 38px;
  padding: 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
}
.headbar-dropdown-menu .headbar-dropdown-menu-item-text:hover {
  background: rgba(35, 82, 216, 0.1);
}
.headbar-dropdown-menu .headbar-dropdown-menu-item-text.active {
  background: #2352d8;
  color: #fff;
}
.headbar-dropdown-menu .headbar-dropdown-menu-item-text.disabled {
  color: #9e9e9e;
  cursor: not-allowed;
}
.headbar-dropdown-menu .headbar-dropdown-menu-item-text.disabled:hover {
  background: #fff;
}
.white.product-image-no-scroll .headbar-dropdown-menu-item {
  color: rgba(255, 255, 255, 0.7);
}
.white.product-image-no-scroll .headbar-dropdown-menu-item.active,
.white.product-image-no-scroll .headbar-dropdown-menu-item:hover {
  color: #ffffff;
}

.ai-image-mail-popover {
  padding-top: 0;
}
.ai-image-mail-popover .ant-popover-inner {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
}
.ai-image-mail-popover .ant-popover-inner-content {
  width: 400px;
  padding: 0;
}
.ai-image-mail-popover-content .ai-image-mail-head {
  border-bottom: 1px solid rgba(4, 17, 51, 0.1);
  height: 50px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #041133;
}
.ai-image-mail-popover-content .ai-image-mail-content {
  height: 390px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 20px 4px 20px 10px;
  -moz-padding-end: 10px;
}
.ai-image-mail-popover-content .ai-image-mail-content::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.ai-image-mail-popover-content .ai-image-mail-content:hover::-webkit-scrollbar-thumb {
  background-color: #dedee4;
}
.ai-image-mail-popover-content .ai-image-mail-footer {
  border-top: 1px solid rgba(4, 17, 51, 0.1);
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ai-image-mail-popover-content .ai-image-mail-footer .line {
  height: 10px;
  width: 1px;
  background-color: rgba(4, 17, 51, 0.1);
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn {
  -ms-flex: 1;
      flex: 1;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 30px;
  margin: 0 20px;
  color: rgba(4, 17, 51, 0.8);
  border: none;
  font-size: 12px;
  outline: none;
  box-shadow: none;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn::after,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn::after {
  display: none !important;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn .icon {
  width: 14px;
  height: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 4px;
  color: rgba(4, 17, 51, 0.65);
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn:not([disabled]):hover,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn:not([disabled]):hover {
  color: #2352d8;
  outline: none;
  box-shadow: none;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn:not([disabled]):hover .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn:not([disabled]):hover .icon {
  color: #2352d8;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn:not([disabled]):active,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn:not([disabled]):active {
  color: #1c42ad;
  outline: none;
  box-shadow: none;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn:not([disabled]):active .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn:not([disabled]):active .icon {
  color: #1c42ad;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn[disabled],
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn[disabled],
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn.ant-popover-disabled-compatible-wrapper,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn.ant-popover-disabled-compatible-wrapper {
  background-color: transparent;
  color: rgba(4, 17, 51, 0.45);
  display: -ms-flexbox !important;
  display: flex !important;
  border: none;
  -ms-flex-align: center;
      align-items: center;
}
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn[disabled] .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn[disabled] .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn.ant-popover-disabled-compatible-wrapper .icon,
.ai-image-mail-popover-content .ai-image-mail-footer .footer-btn .ant-btn.ant-popover-disabled-compatible-wrapper .icon {
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-mail-popover-content .null-icon {
  width: 150px;
  display: none;
}
.ai-image-mail-popover-content .null-text {
  font-size: 14px;
  line-height: 22px;
  color: #9e9e9e;
  display: none;
}
.ai-image-mail-popover-content.null-data .ai-image-mail-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ai-image-mail-popover-content.null-data .null-icon,
.ai-image-mail-popover-content.null-data .null-text {
  display: block;
}
.ai-image-mail-popover-content .ai-image-mall-row {
  width: 380px;
  min-height: 90px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  cursor: pointer;
  color: #041133;
  -ms-flex-align: start;
      align-items: flex-start;
}
.ai-image-mail-popover-content .ai-image-mall-row .left {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 13px;
  position: relative;
}
.ai-image-mail-popover-content .ai-image-mall-row .left .photo {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-size: 18px 18px;
}
.ai-image-mail-popover-content .ai-image-mall-row .left .new {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #db4130;
  position: absolute;
  top: 0;
  right: 0;
}
.ai-image-mail-popover-content .ai-image-mall-row .mid {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.ai-image-mail-popover-content .ai-image-mall-row .mid .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-image-mail-popover-content .ai-image-mall-row .mid .text {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 12px;
  line-height: 20px;
  max-height: 40px;
}
.ai-image-mail-popover-content .ai-image-mall-row .mid .time {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-mail-popover-content .ai-image-mall-row .right {
  margin-left: 13px;
  width: 88px;
}
.ai-image-mail-popover-content .ai-image-mall-row .right img {
  width: 100%;
  height: 66px;
  display: block;
  border-radius: 4px;
}
.ai-image-mail-popover-content .ai-image-mall-row.readed {
  color: rgba(4, 17, 51, 0.8);
}
.ai-image-mail-popover-content .ai-image-mall-row:hover {
  background: rgba(4, 17, 51, 0.02);
}

.pf-modal-container {
  box-sizing: border-box;
  position: fixed;
}
.pf-modal-container.pf-modal-real-container {
  left: 50%;
  top: 50%;
  transition: opacity 0.2s;
  z-index: 1001;
}
.pf-modal-container.pf-drawer-real-container {
  top: 0;
  right: -100vh;
  bottom: 0;
  transition: all 0.2s;
  z-index: 1000;
}
.pf-modal-container.pf-drawer-real-container.show {
  right: 0;
}
.pf-modal-container .pf-modal-wrap {
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
}
.pf-modal-container .pf-modal-wrap.pf-modal-real-wrap {
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-radius: 4px;
}
.pf-modal-container .pf-modal-wrap.pf-drawer-real-wrap {
  top: 48px;
  right: 0;
  bottom: 0;
}
.pf-modal-container .pf-modal-wrap.pf-drawer-real-wrap > div {
  height: 100%;
}
.pf-modal-container.mask {
  background: rgba(4, 17, 51, 0.2);
  z-index: 1000;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}
.pf-modal-container.mask.hide-mask {
  display: none;
}
.pf-modal-container.mask.pf-drawer-real-container {
  background: transparent;
  z-index: 999;
}

.pf-modal-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(4, 17, 51, 0.1);
}
.pf-modal-top .pf-modal-title {
  -ms-flex: 1;
      flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #041133;
}
.pf-modal-top .pf-modal-close {
  color: #041133;
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.pf-modal-top .pf-modal-close .iconfont-ai-image {
  color: rgba(4, 17, 51, 0.65);
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
}
.pf-modal-bottom {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.pf-modal-bottom .pf-modal-btn {
  height: 40px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.pf-modal-bottom .pf-modal-btn.pf-modal-ok-btn {
  background: #2352d8;
  color: #ffffff;
  margin-left: 8px;
}
.pf-modal-bottom .pf-modal-btn.pf-modal-ok-btn:hover {
  background: #163eac;
}
.pf-modal-bottom .pf-modal-btn.pf-modal-cancel-btn:hover {
  background: rgba(35, 82, 216, 0.1);
  color: #163eac;
}
.pf-modal-bottom .pf-modal-btn:last-child {
  margin-right: 0;
}
.pf-modal-bottom .pf-modal-btn .anticon,
.pf-modal-bottom .pf-modal-btn .iconfongv6 {
  margin-left: 6px;
}
.pf-modal-bottom .pf-modal-btn.disabled {
  background: rgba(4, 17, 51, 0.45);
  cursor: not-allowed;
}
.pf-modal-bottom.confirm-bottom {
  padding: 16px;
  -ms-flex-pack: center;
      justify-content: center;
}
.pf-modal-bottom.confirm-bottom .pf-modal-btn {
  margin-right: 0;
}
.pf-modal-bottom.confirm-bottom .pf-modal-cancel-btn {
  color: #041133;
  background: #fff;
  font-weight: normal;
}
.pf-modal-bottom.confirm-bottom .pf-modal-cancel-btn:hover {
  color: #163eac;
}
.pf-modal-bottom.confirm-bottom .pf-modal-ok-btn {
  margin-right: 0;
  margin-left: 8px;
}
.pf-modal-content {
  padding: 16px;
  padding-bottom: 0;
}
.pf-modal-content.confirm-content {
  border-bottom: 1px solid rgba(4, 17, 51, 0.07);
  padding-bottom: 16px;
  line-height: 24px;
  min-height: 56px;
}

.ai-mail-content-modal .pf-modal-real-wrap {
  max-height: calc(100vh - 100px);
  border-radius: 10px !important;
}
.ai-mail-content-modal .pf-modal-top {
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(4, 17, 51, 0.1);
}
.ai-mail-content-modal .pf-modal-top .pf-modal-title {
  font-size: 16px;
}
.ai-mail-content-modal .pf-modal-top .pf-modal-close {
  color: rgba(4, 17, 51, 0.65);
}
.ai-mail-content-modal + .mask {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1 !important;
}
.ai-mail-content-modal .pf-modal-content {
  padding: 0;
  padding-bottom: 20px;
  position: relative;
}
.ai-mail-content-modal .pf-modal-content::after {
  content: '';
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  width: 100%;
  position: absolute;
  bottom: 19px;
  left: 0;
  height: 20px;
}
.ai-mail-content-modal .ai-mail-content-modal-content {
  padding: 24px 24px 24px 30px;
  -moz-padding-end: 30px;
  overflow: hidden;
  overflow-y: scroll;
  max-height: calc(100vh - 168px);
}
.ai-mail-content-modal .ai-mail-content-modal-content::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.ai-mail-content-modal .ai-mail-content-modal-content:hover::-webkit-scrollbar-thumb {
  background-color: #dedee4;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 24px;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-head .photo {
  background: #eef1f7 url([object Module]) no-repeat center center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-size: 18px 18px;
  margin-right: 8px;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-head .user {
  font-size: 14px;
  color: #041133;
  margin-right: 12px;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-head .time {
  font-size: 12px;
  color: rgba(4, 17, 51, 0.45);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-head .time::before {
  content: '';
  width: 1px;
  height: 10px;
  background: rgba(4, 17, 51, 0.1);
  margin-right: 12px;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #041133;
  margin-bottom: 8px;
}
.ai-mail-content-modal .ai-mail-content-modal-content .ai-mail-des {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
}
.ai-mail-html-content img {
  max-width: 100%;
}
.ai-mail-html-content p {
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.ai-mail-html-content .table {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 22px;
  margin: 8px 0;
  border: 0.73px solid rgba(4, 17, 51, 0.1);
  border-radius: 4px;
}
.ai-mail-html-content .table td {
  padding: 8px;
  border-right: 1px solid rgba(4, 17, 51, 0.1);
  border-bottom: 1px solid rgba(4, 17, 51, 0.1);
}
.ai-mail-html-content .table td:last-child {
  border-right: none;
}
.ai-mail-html-content .table tr:last-child td {
  border-bottom: none;
}
.ai-mail-html-content h1,
.ai-mail-html-content h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #041133;
  display: block;
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}
.ai-mail-html-content h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  display: block;
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}
.ai-mail-html-content b,
.ai-mail-html-content strong {
  font-weight: bolder;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
  width: 100%;
}
.ql-editor .ql-video video {
  width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.v9-checkbox-label {
  width: 16px;
  height: 16px;
  background: rgba(4, 17, 51, 0.1);
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1.5px solid #041133;
  border-radius: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.v9-checkbox-label:hover {
  border-color: #2352d8;
}
.v9-checkbox-label.checked {
  border-color: #2352d8;
  background: rgba(35, 82, 216, 0.1);
}
.v9-checkbox-label.checked::before {
  content: '\E63C';
  font-family: 'iconfont-ai-image';
  color: #2352d8;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
.v9-checkbox-label.indeterminate {
  border-color: #2352d8;
  background: rgba(35, 82, 216, 0.1);
}
.v9-checkbox-label.indeterminate::before {
  content: '';
  height: 1.5px;
  width: 9.33px;
  background-color: #2352d8;
}
.v9-checkbox-label-wip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 22px;
  cursor: pointer;
}
.v9-checkbox-label-wip .v9-checkbox-label-name {
  margin-left: 4px;
}
.v9-fr-checkbox-wip {
  position: relative;
}
.v9-fr-checkbox-wip .ant-checkbox-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.v9-fr-checkbox-wip .ant-checkbox-wrapper .ant-checkbox + span {
  white-space: nowrap;
}
.v9-fr-checkbox-wip .ant-checkbox-wrapper.ant-checkbox-wrapper-checked + .v9-checkbox-label-wip .v9-checkbox-label {
  border-color: #2352d8;
  background: rgba(35, 82, 216, 0.1);
}
.v9-fr-checkbox-wip .ant-checkbox-wrapper.ant-checkbox-wrapper-checked + .v9-checkbox-label-wip .v9-checkbox-label::before {
  content: '\E65B';
  font-family: 'iconfontv6';
  color: #2352d8;
  -ms-transform: scale(0.5);
      transform: scale(0.5);
}

.custom-confirm-popover {
  padding-top: 8px;
}
.custom-confirm-popover.ant-popover-placement-leftTop {
  padding-right: 0;
  padding-top: 0;
}
.custom-confirm-popover.ant-popover-placement-topRight {
  padding-right: 0;
  padding-bottom: 8px;
}
.custom-confirm-popover .ant-popover-inner {
  border-radius: 4px;
}
.custom-confirm-popover .ant-popover-inner-content {
  padding: 16px;
  border-radius: 4px;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-title {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-title .anticon-exclamation-circle {
  margin-right: 4px;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-content {
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.65);
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer.flex-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .v9-checkbox-label {
  background-color: #fff;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .v9-checkbox-label-name {
  color: rgba(4, 17, 51, 0.65);
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns {
  margin-left: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns .custom-confirm-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns .custom-confirm-btn.cancel-btn {
  margin-right: 8px;
  border: 1px solid rgba(4, 17, 51, 0.2);
  color: #041133;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns .custom-confirm-btn.cancel-btn:hover {
  border-color: #2352d8;
  color: #2352d8;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns .custom-confirm-btn.confirm-btn {
  background: #2352d8;
  color: #fff;
}
.custom-confirm-popover .ant-popover-inner-content .custom-confirm-content-wrapper .custom-confirm-footer .custom-confirm-btns .custom-confirm-btn.confirm-btn:hover {
  background: rgba(35, 82, 216, 0.8);
}

.ant-btn {
  border-radius: 4px;
}
.ant-btn .iconfont:first-child,
.ant-btn .anticon:first-child {
  font-size: 14px;
  width: 16px;
  height: 16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ant-btn.fr-btn {
  border-color: rgba(4, 17, 51, 0.1);
  color: rgba(4, 17, 51, 0.65);
}
.ant-btn.fr-btn:hover {
  background-color: rgba(35, 82, 216, 0.1);
  border-color: #2352d8;
  color: #2352d8;
}
.ant-btn.fr-btn:hover .icon {
  color: #2352d8;
}
.ant-btn.fr-btn[disabled],
.ant-btn.fr-btn[disabled]:hover,
.ant-btn.fr-btn[disabled]:focus,
.ant-btn.fr-btn[disabled]:active {
  color: rgba(4, 17, 51, 0.45);
  border-color: #f5f5f5;
  background-color: #f5f5f5;
}
.ant-btn.fr-btn-link {
  color: #2352d8;
}
.ant-btn.fr-btn-link:hover,
.ant-btn.fr-btn-link:focus {
  color: #1e4dd3;
}
.ant-btn.fr-btn-link[disabled],
.ant-btn.fr-btn-link[disabled]:hover,
.ant-btn.fr-btn-link[disabled]:focus,
.ant-btn.fr-btn-link[disabled]:active {
  color: rgba(4, 17, 51, 0.45);
}
.ant-btn.fr-btn-white {
  color: #041133;
  border-color: #fff;
  box-shadow: none;
  background: #fff;
}
.ant-btn.fr-btn-white:hover,
.ant-btn.fr-btn-white:focus {
  color: #041133;
  border-color: #fff;
  box-shadow: none;
}
.ant-btn.fr-btn-white[disabled],
.ant-btn.fr-btn-white[disabled]:hover,
.ant-btn.fr-btn-white[disabled]:focus,
.ant-btn.fr-btn-white[disabled]:active {
  color: #041133;
  border-color: #fff;
  box-shadow: none;
}
.ant-btn.fr-btn-gray {
  background: #eef1f7;
  border-color: #eef1f7;
  color: rgba(4, 17, 51, 0.65);
}
.ant-btn.fr-btn-gray:hover {
  color: #2352d8;
}
.ant-btn.fr-btn-gray[disabled],
.ant-btn.fr-btn-gray[disabled]:hover,
.ant-btn.fr-btn-gray[disabled]:focus,
.ant-btn.fr-btn-gray[disabled]:active {
  color: rgba(4, 17, 51, 0.45);
  background: #eef1f7;
  border-color: #eef1f7;
}
.ant-btn.fr-btn-black {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
}
.ant-btn.fr-btn-black-border {
  background: #ffffff;
  border-color: #111111;
  color: #111111;
}
.ant-btn.fr-btn-blue-border {
  background: transparent;
  border-color: #2352d8;
  color: #2352d8;
}
.ant-btn.fr-btn-blue-border:hover {
  color: rgba(35, 82, 216, 0.8);
  border-color: rgba(35, 82, 216, 0.8);
}
.ant-btn.fr-btn-blue-border[disabled],
.ant-btn.fr-btn-blue-border[disabled]:hover,
.ant-btn.fr-btn-blue-border[disabled]:focus,
.ant-btn.fr-btn-blue-border[disabled]:active {
  color: #a2b9fc;
  background: transparent;
  border-color: #a2b9fc;
}
.ant-btn.fr-btn-text {
  color: rgba(4, 17, 51, 0.65);
}
.ant-btn.fr-btn-text:hover {
  color: #2352d8;
}
.ant-btn.fr-btn-text[disabled],
.ant-btn.fr-btn-text[disabled]:hover,
.ant-btn.fr-btn-text[disabled]:focus,
.ant-btn.fr-btn-text[disabled]:active {
  color: rgba(4, 17, 51, 0.45);
  background: transparent;
  border-color: transparent;
}
.ant-btn.fr-btn-primary {
  border-color: #2352d8;
  background: #2352d8;
}
.ant-btn.fr-btn-primary:hover,
.ant-btn.fr-btn-primary:focus {
  border-color: #1e4dd3;
  background: #1e4dd3;
}
.ant-btn.fr-btn-primary[disabled],
.ant-btn.fr-btn-primary[disabled]:hover,
.ant-btn.fr-btn-primary[disabled]:focus,
.ant-btn.fr-btn-primary[disabled]:active {
  color: #ffffff;
  background: #a2b9fc;
  border-color: #a2b9fc;
}
.ant-btn.fr-btn-info {
  background: rgba(35, 82, 216, 0.1);
  border: none;
  color: #2352d8;
}
.ant-btn.fr-btn-info-blue {
  background: rgba(35, 82, 216, 0.2);
  border: none;
  color: #2352d8;
}
.ant-btn.ant-input-lg {
  font-size: 14px;
}
.ant-btn.ant-btn-sm {
  font-size: 14px;
  border-radius: 4px;
}

#toast {
  max-height: 80%;
  overflow: auto;
  max-width: 5rem;
  font-size: 0.16rem;
  font-weight: normal;
  min-height: 0.24rem;
  line-height: 0.24rem;
  letter-spacing: 0em;
  color: #ffffff;
  padding: 0.16rem 0.24rem;
  border-radius: 0.16rem;
  /* 主色系/背景 */
  box-sizing: content-box;
  position: fixed;
  left: 50%;
  top: 0.56rem;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 10000;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  background: #041133;
}
#toast .icon-route-success {
  color: #1dc791;
  margin-right: 0.16rem;
}
#toast .icon-route-error {
  color: #d81111;
  margin-right: 0.16rem;
}
#toast .icon-route-warning {
  color: #d1b31c;
  margin-right: 0.16rem;
}
#toast .icon-route-info {
  color: #1dc791;
  margin-right: 0.16rem;
}
#toast .icon-lujing {
  color: #2352d8;
  margin-right: 0.16rem;
}
#toast.mult-line {
  white-space: pre-line;
}
#toast.show {
  visibility: visible;
  opacity: 1;
}
#toast > span {
  word-break: break-all;
}

/* reset */
/* 清除列表项的间距和补白样式 */
menu,
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 清除标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
}
/* 清除间距、粗体样式 */
dl,
dt,
dd,
hr,
p {
  margin: 0;
  font-weight: inherit;
}
/* 清除字体粗体样式 */
th,
em,
strong {
  font-weight: inherit;
}
/* 清除字体特殊样式 */
u,
em,
i {
  font-style: inherit;
}
blockquote,
q {
  quotes: none;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* html5 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/* 表格基本样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  border: 0;
  padding: 0;
}
/* html */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* 业务样式 */
body {
  margin: 0;
  word-wrap: break-word;
  line-height: 1;
  background: #eef1f7;
  font-size: 0.14rem;
  color: #041133;
}
/* clearfix */
.clearfix:after {
  width: 0;
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
/* 链接默认样式 */
a {
  color: #2352d8;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}
input {
  background: none;
  outline: none;
  border: none;
}
input:-webkit-autofill {
  background: #fff;
}
.ant-input {
  border-radius: 4px;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
:-ms-input-placeholder {
  color: #c2c5cc !important;
}
pre {
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -ms-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
a img {
  border: 0;
}
body > object {
  visibility: hidden;
}
/* 不可以转换成rem */
/* 定义 0.01rem = 0.01rem，设置 font-size: 1rem ; 使页面与设计稿比例为 1:1 */
html {
  font-size: 100px ;
  /* 不可以转换成rem */
}
body {
  font-size: 0.16rem;
}
.page-horizontal-layout {
  display: -ms-flexbox;
  display: flex;
  width: 12rem;
  margin: 0 auto;
}
.page-horizontal-layout .page-horizontal-layout-left {
  width: 3.84rem;
}
.page-horizontal-layout .page-horizontal-layout-right {
  width: 7.92rem;
  margin-left: auto;
}
.login .platform-login {
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1001;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  min-height: 523px;
}
.login .platform-login.platform-login-mott {
  min-height: 578px;
  font-size: 14px;
}
.login .platform-login.en .left-box .text p.black {
  width: 258px;
}
.login .platform-login.en .left-box .text li {
  font-size: 14px;
}
.login .platform-login.en .login-card .my-read {
  font-size: 0.12rem;
  line-height: normal;
}
.login .platform-login.hide-left > img {
  display: none;
}
.login .platform-login.hide-left .left-box {
  display: none;
}
.login .platform-login.hide-left .login-card {
  border-radius: 10px;
}
.login .platform-login.hide-agreement {
  min-height: auto;
}
.login .platform-login.hide-agreement .agreement-box {
  display: none;
}
.login .platform-login.hide-agreement .my-read-phone {
  text-align: center;
}
.login .platform-login.hide-agreement .my-read {
  text-align: center;
  padding-top: 0.46rem;
}
.login .platform-login > img {
  border-radius: 10px 0px 0px 10px;
}
.login .platform-login .left-box {
  width: 370px;
  border-radius: 10px 0px 0px 10px;
  padding-top: 40px;
  padding-left: 40px;
}
.login .platform-login .left-box .text {
  margin-top: 80px;
}
.login .platform-login .left-box .text p {
  height: 36px;
  font-family: PingFang SC;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0em;
  margin-bottom: 30px;
}
.login .platform-login .left-box .text p.black {
  color: #ffffff;
  width: -webkit-max-content;
  width: max-content;
  background: #222222;
  height: 34px;
  border-radius: 2px;
  line-height: 34px;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
.login .platform-login .left-box .text li {
  color: #041133;
  line-height: 22px;
  margin-bottom: 10px;
  font-size: 14px;
}
.login .platform-login .left-box .text li img {
  width: 16px;
  margin-right: 4px;
}
.login .platform-login .login-p {
  width: 6.16rem;
  font-weight: 600;
}
.login .platform-login .login-p .p-name {
  margin-bottom: 0.34rem;
  font-size: 0.24rem;
  color: #2352D8;
}
.login .platform-login .login-p .p-title-box {
  padding-top: 0.48rem;
}
.login .platform-login .login-p .p-title {
  margin-top: 0.12rem;
  font-size: 0.4rem;
  color: #041133;
  color: #ffffff;
}
.login .platform-login .login-card {
  width: 4.8rem;
  padding: 0.6rem;
  background: #ffffff;
  border-radius: 0 10px 10px 0;
}
.login .platform-login .login-card .icon-a-lianji19 {
  position: absolute;
  color: rgba(4, 17, 51, 0.65);
  font-size: 12px;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.login .platform-login .login-card .user-info-component .ant-input {
  height: 50px;
}
.login .platform-login .login-card .user-info-component .ant-form-item {
  margin-bottom: 28px;
}
.login .platform-login .login-card .user-info-component .ant-btn {
  position: absolute;
  height: 60px;
  width: 360px;
  border-radius: 118px;
  margin-top: 50px;
}
.login .platform-login .login-card .title-tab,
.login .platform-login .login-card .title-tab-border {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.login .platform-login .login-card .title-tab .title,
.login .platform-login .login-card .title-tab-border .title {
  text-align: center;
}
.login .platform-login .login-card .title-tab .border-b,
.login .platform-login .login-card .title-tab-border .border-b {
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
}
.login .platform-login .login-card .title-tab .active .border-b,
.login .platform-login .login-card .title-tab-border .active .border-b {
  background: #2352d8;
}
.login .platform-login .login-card .title-tab-border {
  margin-top: 16px;
}
.login .platform-login .login-card .title-tab-border div {
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
}
.login .platform-login .login-card .title-tab-border div.active {
  background: #2352d8;
}
.login .platform-login .login-card .title {
  font-size: 0.24rem;
  font-weight: 600;
  color: rgba(4, 17, 51, 0.65);
  cursor: pointer;
}
.login .platform-login .login-card .title.active {
  color: #041133;
}
.login .platform-login .login-card .title img {
  float: left;
  margin-top: -2px;
  margin-right: 108px;
}
.login .platform-login .login-card .input-box {
  margin-top: 0.28rem;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.login .platform-login .login-card .input-box .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.login .platform-login .login-card .input-box .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover .my-input {
  border-color: #c33a2b;
}
.login .platform-login .login-card .input-box .hide {
  position: absolute;
  left: -100000px;
  top: -100000px;
}
.login .platform-login .login-card .input-box .error-msg {
  position: absolute;
  top: 57px;
  left: 12px;
  color: #c33a2b;
  font-size: 12px;
}
.login .platform-login .login-card .input-box .input {
  -ms-flex: 1;
      flex: 1;
  border-radius: 4px;
  height: 50px;
  font-size: 0.16rem;
}
.login .platform-login .login-card .input-box .input::-webkit-input-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login .platform-login .login-card .input-box .input::-moz-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login .platform-login .login-card .input-box .input:-ms-input-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login .platform-login .login-card .input-box .ant-input-suffix {
  cursor: pointer;
}
.login .platform-login .login-card .input-box .code-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #2352D8;
  padding: 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  cursor: pointer;
}
.login .platform-login .login-card .forget-password {
  margin-top: 0.08rem;
  font-size: 0.14rem;
  text-align: right;
  color: #2352D8;
  cursor: pointer;
  float: right;
  position: relative;
  z-index: 1;
}
.login .platform-login .login-card .my-read {
  color: rgba(4, 17, 51, 0.65);
  font-size: 0.14rem;
  padding-top: 0.44rem;
  margin-bottom: -0.3rem;
  position: relative;
}
.login .platform-login .login-card .my-read .my-checkbox {
  -ms-transform: translateY(-4px);
      transform: translateY(-4px);
  margin-right: 8px;
}
.login .platform-login .login-card .my-read-phone {
  margin-bottom: 14px;
}
.login .platform-login .login-card .read-span {
  color: #2352d8;
  cursor: pointer;
}
.login .platform-login .login-card .login-btn {
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  height: 0.48rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #2352D8;
  color: #ffffff;
  border-radius: 1.18rem;
  cursor: pointer;
}
.login .platform-login .login-card .login-btn:hover {
  background: rgba(35, 82, 216, 0.8);
}
.login .platform-login .login-card .login-btn:active {
  background: #0443F7;
}
.login .platform-login .login-card .btn-disabled {
  cursor: not-allowed;
  background: rgba(35, 82, 216, 0.2);
}
.login .platform-login .login-card .btn-disabled:hover {
  background: rgba(35, 82, 216, 0.2);
}
.login .platform-login .login-card .btn-disabled:active {
  background: rgba(35, 82, 216, 0.2);
}
.login .platform-login .login-card .tooltip {
  width: 88px;
  height: 28px;
  display: block;
  border-radius: 4px;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  left: -36px;
  top: -33px;
  padding: 4px 8px;
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
}
.login .platform-login .login-card .tooltip .my-tooltip-arrow {
  left: 50%;
  -ms-transform: translateY(100%) translate(-50%);
      transform: translateY(100%) translate(-50%);
  position: absolute;
  z-index: 2;
  display: block;
  top: 23px;
  background: transparent;
  pointer-events: none;
  width: 0;
  height: 0;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.login .fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}
.login .fixed-bg img {
  height: 54vh;
  position: fixed;
  bottom: 0;
  left: 0;
}
.login .my-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-varimy: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  display: inline-block;
}
.login .my-checkbox input[type='checkbox'] {
  position: relative;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  margin: 0;
}
.login .my-checkbox .my-checkbox-input {
  position: relative;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.login .my-checkbox .my-checkbox-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border-radius: 100%;
  border-collapse: separate;
  transition: all 0.3s;
}
.captcha-box {
  padding: 10px;
  width: 3.6rem;
}
.captcha-box h6 {
  font-size: 16px;
  font-weight: 500;
  color: #1c2947;
  line-height: 32px;
  margin-bottom: 0;
}
.captcha-box img {
  margin: 10px 0px;
}
.captcha-box .input {
  -ms-flex: 1;
      flex: 1;
  border-radius: 4px;
  height: 40px;
  font-size: 0.16rem;
}
.captcha-box .code-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #2352D8;
  padding: 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  cursor: pointer;
}

.email-modal .pf-modal-content {
  padding: 30px;
}
.email-modal p {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: justify;
  /* 浏览器可能不支持 */
  letter-spacing: 0.02em;
  /* 远山黑/65 */
  color: rgba(4, 17, 51, 0.65);
  z-index: 1;
  margin-bottom: 20px;
}

/* reset */
/* 清除列表项的间距和补白样式 */
menu,
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 清除标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
}
/* 清除间距、粗体样式 */
dl,
dt,
dd,
hr,
p {
  margin: 0;
  font-weight: inherit;
}
/* 清除字体粗体样式 */
th,
em,
strong {
  font-weight: inherit;
}
/* 清除字体特殊样式 */
u,
em,
i {
  font-style: inherit;
}
blockquote,
q {
  quotes: none;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* html5 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/* 表格基本样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  border: 0;
  padding: 0;
}
/* html */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* 业务样式 */
body {
  margin: 0;
  word-wrap: break-word;
  line-height: 1;
  background: #eef1f7;
  font-size: 0.14rem;
  color: #041133;
}
/* clearfix */
.clearfix:after {
  width: 0;
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
/* 链接默认样式 */
a {
  color: #2352d8;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}
input {
  background: none;
  outline: none;
  border: none;
}
input:-webkit-autofill {
  background: #fff;
}
.ant-input {
  border-radius: 4px;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
:-ms-input-placeholder {
  color: #c2c5cc !important;
}
pre {
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -ms-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
a img {
  border: 0;
}
body > object {
  visibility: hidden;
}
/* 不可以转换成rem */
/* 定义 0.01rem = 0.01rem，设置 font-size: 1rem ; 使页面与设计稿比例为 1:1 */
html {
  font-size: 100px ;
  /* 不可以转换成rem */
}
body {
  font-size: 0.16rem;
}
.page-horizontal-layout {
  display: -ms-flexbox;
  display: flex;
  width: 12rem;
  margin: 0 auto;
}
.page-horizontal-layout .page-horizontal-layout-left {
  width: 3.84rem;
}
.page-horizontal-layout .page-horizontal-layout-right {
  width: 7.92rem;
  margin-left: auto;
}
.model-modal .success-message {
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-radius: 10px;
  opacity: 1;
  z-index: 1004;
  width: 410px;
  height: 520px;
}
.model-modal .success-message img {
  width: 410px;
  height: 520px;
}
.model-modal .success-message .close-icon {
  position: absolute;
  top: -24px;
  right: -24px;
  z-index: 1005;
  width: 41.67px;
  height: 41.67px;
  background: black;
}
.model-modal .ant-modal-mask1 {
  z-index: 1002;
}
.model-modal .platform-login {
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1001;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  overflow-y: auto;
  height: 700px;
  max-height: 100vh;
}
.model-modal .platform-login .login-card {
  height: 700px;
  width: 5.92rem;
  padding: 0.6rem;
  background: #ffffff;
  border-radius: 0 10px 10px 0;
  position: relative;
}
.model-modal .platform-login .left-box {
  width: 488px;
  border-radius: 10px 0px 0px 10px;
  padding-top: 80px;
  padding-left: 60px;
  height: 700px;
}
.model-modal .platform-login .left-box h3 {
  font-size: 45px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #1c2947;
}
.model-modal .platform-login .left-box p {
  font-size: 16px;
  color: #1c2947;
  margin-top: 8px;
}
.model-modal .platform-login .left-box img {
  margin-top: 300px;
}
.model-modal .platform-login .left-box img.en {
  margin-top: 200px;
}
.model-modal .platform-login .left-box span {
  font-size: 16px;
  color: rgba(4, 17, 51, 0.45);
  margin-top: 12px;
}
.model-modal .platform-login .left-box .left-image {
  width: 358px;
  height: 290px;
  margin: 0;
}
.model-modal .platform-login .left-box .left-image + img,
.model-modal .platform-login .left-box .left-image + img.en {
  margin-top: 67px;
}
.model-modal .submit-btn {
  position: absolute;
  bottom: 40px;
  right: 60px;
}
.user-info-component h6 {
  height: 32px;
  opacity: 1;
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  color: #1c2947;
}
.user-info-component p {
  height: 22px;
  opacity: 1;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0em;
  color: rgba(4, 17, 51, 0.65);
  margin-bottom: 24px;
}
.user-info-component .ant-form-item {
  margin-bottom: 20px;
}
.user-info-component .ant-form-item-explain-error {
  font-size: 12px;
}
.user-info-component .ant-btn {
  height: 48px;
  width: 224px;
  border-radius: 4px;
  float: right;
  margin-top: 12px;
}
.user-info-component .ant-input {
  font-size: 14px;
}
.user-info-component .ant-input::placeholder {
  color: rgba(28, 41, 71, 0.45);
}

.floating-window {
  position: fixed;
  bottom: 30px;
  right: 10px;
  width: 62px;
  z-index: 999;
}
.floating-window .go-top {
  margin-top: 8px;
}
.floating-window .floating-active .iconfont-box {
  background: rgba(35, 82, 216, 0.1);
}
.floating-window .floating-active .iconfont-box .iconfont {
  color: #2352d8;
}
.floating-window-operators {
  width: 62px;
  border-radius: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.floating-window-operator {
  width: 100%;
  height: 52px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.floating-window-operator .iconfont-ai-image {
  width: 28px;
  height: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 18px;
  border-radius: 100%;
  color: #041133;
}
.floating-window-operator .text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.06em;
  color: rgba(4, 17, 51, 0.65);
  -ms-transform: scale(0.84);
      transform: scale(0.84);
  text-align: center;
}
.floating-window-operator .iconfont-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  box-shadow: 0px 0px 16px 0px rgba(0, 15, 53, 0.16);
  background: #ffffff;
}
.floating-window-operator .img-box {
  -ms-transform: translateY(-8px);
      transform: translateY(-8px);
}
.floating-window-operator .floating-window-feedback {
  top: -150px;
  width: 420px;
}
.floating-window-operator .floating-window-feedback h3 {
  height: 32px;
  opacity: 1;
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  color: #1c2947;
  text-align: left;
}
.floating-window-operator .floating-window-feedback .floating-window-pop-main p {
  height: 44px;
  opacity: 1;
  margin-bottom: 24px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0em;
  color: rgba(4, 17, 51, 0.65);
}
.floating-window-operator:hover .iconfont-box,
.floating-window-operator.show .iconfont-box {
  background: #e9edfb;
}
.floating-window-operator:hover .iconfont-ai-image,
.floating-window-operator.show .iconfont-ai-image {
  color: #2352d8;
}
.floating-window-operator:hover .floating-window-pop,
.floating-window-operator.show .floating-window-pop {
  display: block;
}
.floating-window-operator.no-hover-bg .iconfont-box .hidden {
  display: none;
}
.floating-window-operator.no-hover-bg .iconfont-box .blue {
  color: #2352d8;
}
.floating-window-operator.no-hover-bg:hover .iconfont-box {
  background: #fff;
}
.floating-window-pop {
  position: absolute;
  top: 0px;
  right: 70px;
  width: 168px;
  border-radius: 4px;
  padding: 20px 24px 24px 24px;
  background: #ffffff;
  display: none;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.floating-window-pop .floating-window-pop-title {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: rgba(4, 17, 51, 0.45);
  margin-bottom: 6px;
}
.floating-window-pop .floating-window-pop-title.en {
  font-size: 10px;
}
.floating-window-pop .floating-window-pop-main .main-pic {
  width: 122px;
}
.floating-window-pop .floating-window-pop-fot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 14px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #041133;
}
.floating-window-pop .floating-window-pop-fot .main-pic {
  width: 16px;
  margin-right: 4px;
}
.fold-floating-window-popover {
  padding: 0;
  padding-bottom: 0 !important;
}
.fold-floating-window-popover .ant-popover-inner {
  background-color: transparent;
  box-shadow: none;
}
.fold-floating-window-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.ai-image-user-pop-content {
  padding: 28px 24px;
}
.ai-image-user-pop-content .user-info-component h6 {
  font-size: 24px;
  font-weight: 500;
  color: #1c2947;
  line-height: 32px;
  margin-bottom: 0;
}
.ai-image-user-pop-content .user-info-component p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 51, 0.65);
  margin: 0;
  padding: 0;
  margin-bottom: 24px;
}
.ai-image-user-pop-content .user-info-component .ant-btn {
  width: 100%;
}
.ai-image-user-pop-content .bot-title {
  padding-top: 12px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-user-pop-content .bot-img-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 6px;
}
.ai-image-user-pop-content .bot-img-box img {
  width: 110px;
}
.ai-image-user-pop-content .bot-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  line-height: 22px;
  color: #041133;
  margin-top: 6px;
}
.ai-image-user-pop-content .bot-row img {
  width: 16px;
  margin-right: 4px;
}
.ai-image-user-pop-content .bot-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 162px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.ai-image-user-pop-content {
  padding: 28px 24px;
}
.ai-image-user-pop-content .user-info-component h6 {
  font-size: 24px;
  font-weight: 500;
  color: #1c2947;
  line-height: 32px;
  margin-bottom: 0;
}
.ai-image-user-pop-content .user-info-component p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 51, 0.65);
  margin: 0;
  padding: 0;
  margin-bottom: 24px;
}
.ai-image-user-pop-content .user-info-component .ant-btn {
  width: 100%;
}
.ai-image-user-pop-content .bot-title {
  padding-top: 12px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-user-pop-content .bot-img-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 6px;
}
.ai-image-user-pop-content .bot-img-box img {
  width: 110px;
}
.ai-image-user-pop-content .bot-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  line-height: 22px;
  color: #041133;
  margin-top: 6px;
}
.ai-image-user-pop-content .bot-row img {
  width: 16px;
  margin-right: 4px;
}
.ai-image-feedback-popover {
  width: 500px;
  height: 606px;
  bottom: -10px !important;
  position: fixed;
  top: auto !important;
}
.ai-image-feedback-popover .ai-image-user-pop-content .user-info-component p {
  height: auto;
}
.ai-image-feedback-popover .ant-form {
  margin: auto;
}
.ai-image-feedback-popover .ant-form .ant-upload-list-picture-card-container {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 0 8px 8px 0;
  vertical-align: top;
  border-radius: 4px;
}
.ai-image-feedback-popover .ant-form .ant-form-item-label > label {
  color: #73767d;
}
.ai-image-feedback-popover .ant-form .ant-upload-select-picture-card {
  width: 120px;
  height: 120px;
  border: 1px dashed rgba(4, 17, 51, 0.1);
  background: #fff;
  border-radius: 4px;
}
.ai-image-feedback-popover .ant-form .ant-input[disabled] {
  color: #041133;
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  border: none;
}
.ai-image-feedback-popover .ant-form .upload-item .ant-form-item-control {
  position: relative;
}
.ai-image-feedback-popover .ant-form .upload-item .ant-form-item-extra {
  position: absolute;
  top: 4px;
}
.ai-image-feedback-popover .ant-form .upload-item .ant-form-item-extra span {
  height: 20px;
  opacity: 1;
  /* 第一字阶/常规12 */
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0em;
  /* 远山黑/45 */
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-feedback-popover .ant-form .upload-img-render {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 120px;
  height: 120px;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #e8e9ed;
}
.ai-image-feedback-popover .ant-form .upload-img-render img {
  max-width: 120px;
  max-height: 120px;
  cursor: zoom-in;
}
.ai-image-feedback-popover .ant-form .upload-img-render > span {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  width: 120px;
  height: 26px;
  opacity: 1;
  /* 自动布局 */
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 24px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  color: #fff;
  display: none;
}
.ai-image-feedback-popover .ant-form .upload-img-render:not(.disabled):hover > span {
  display: -ms-flexbox;
  display: flex;
}
.ai-image-feedback-popover .ant-form .ant-upload-select {
  width: 120px !important;
  height: 120px !important;
}
.ai-image-feedback-popover .ant-form .upload-pic-plus {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  opacity: 1;
  font-size: 14px;
  color: rgba(4, 17, 51, 0.45);
  /* 自动布局 */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0px;
  gap: 8px;
  /* 远山黑/10 */
}
.ai-image-feedback-popover .ant-form .upload-pic-plus span {
  color: rgba(4, 17, 51, 0.45);
}
.ai-image-feedback-popover .ant-form .upload-pic-plus:hover {
  background: rgba(35, 82, 216, 0.05);
}
.ai-image-feedback-popover .ant-form .upload-pic-plus:active {
  background: rgba(35, 82, 216, 0.05);
}

.membership-expiry-reminders-modal-wip.ant-modal-wrap {
  z-index: 1002;
}
.membership-expiry-reminders-modal .ant-modal-content {
  border-radius: 10px;
  box-shadow: 0px 2.38px 19.01px 0px rgba(0, 0, 0, 0.3);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body {
  padding: 0 0 30px;
  text-align: center;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content {
  position: relative;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .expiry-reminders-bg {
  height: 100px;
  border-radius: 10px;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .tip-img {
  position: absolute;
  top: -77px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 200px;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .title {
  margin: 10px auto 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .text {
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(4, 17, 51, 0.65);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box .er-code {
  width: 150px;
  height: 150px;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box span {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #9e9e9e;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content .btn {
  margin: 0 auto;
  width: 380px;
  height: 40px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  cursor: pointer;
  background: #4295ff;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(162, 169, 189, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .text span {
  color: #e77f2a;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .btn {
  background: #a2a9bd;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(66, 149, 255, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .text span {
  color: #e77f2a;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .btn {
  background: #4295ff;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(58, 109, 250, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .text span {
  color: #e77f2a;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .btn {
  background: #3a6dfa;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .expiry-reminders-bg {
  background: linear-gradient(181deg, #ffe6c4 21%, #ffffff 96%);
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .text span {
  color: #e77f2a;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .btn {
  background: #f7a633;
}
.membership-expiry-reminders-modal .ant-modal-content .ant-modal-body .expiry-reminders-content.enterprise .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(83, 89, 121, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}

.product-image-side-bar.referencing-hidden-head-sidebar {
  padding-top: 0;
}
.product-image-main.hide-floating .guiding-generated-box {
  width: 1px;
  height: 1px;
}
.product-image-main.product-image-hidden-head-main {
  padding-top: 0;
}
.product-image-main.product-image-hidden-head-main .ai-image-generate-layout-left {
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .ai-image-generate-layout-right {
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .ai-image-generate-layout-right .ai-image-generate-layout-right-inner {
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .ai-image-generate-layout-right-history {
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .ai-image-generate-layout-right-history .ai-image-history-list {
  height: calc(100vh - 50px);
}
.product-image-main.product-image-hidden-head-main .guide-select-mask {
  top: 39px;
  height: calc(100vh - 138px + 60px);
}
.product-image-main.product-image-hidden-head-main .guiding-generated-box {
  width: 1px;
  height: 1px;
}
.product-image-main.product-image-hidden-head-main .member-components {
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .product-image-more-modal {
  top: 0;
  height: 100vh;
}
.product-image-main.product-image-hidden-head-main .product-image-more-modal .product-image-recommend-template {
  height: calc(100vh - 120px + 60px);
}
.product-image-main.product-image-hide-point-main .ai-image-generate-layout-left .left-footer .ai-image-depletion-points {
  display: none;
}
.product-image-main.product-image-hide-point-main .ai-image-generate-layout-left .left-footer .ai-image-btn {
  width: 100%;
}
.long-btn.ant-btn.guide-select-form-ok-handler {
  left: 110px;
  width: 288px;
}
.long-btn.ant-btn.guide-select-form-ok-handler.big {
  width: 224px;
  left: 143px;
}
.main-color-bjyq .ai-image-btn.ant-btn-primary {
  background: #003f8e;
}
.main-color-bjyq .ai-image-btn.ant-btn-primary:hover,
.main-color-bjyq .ai-image-btn.ant-btn-primary:active {
  background: #355e9b;
}
.main-color-bjyq .ant-btn.guide-select-form-ok-handler:hover {
  background: #355e9b !important;
}

.mobile-product-image-main {
  background: #f7f8fa;
}
.mobile-ai-image-common-form {
  padding-top: 0.2rem;
}
.mobile-ai-image-common-form .ant-form-item-explain-error {
  padding-left: 0.2rem;
  font-size: 0.12rem;
}
.mobile-ai-image-common-form .ant-form-item .ant-form-item-label {
  display: none;
}
.mobile-ai-image-common-form .ant-form-item {
  margin-bottom: 0rem;
}
.mobile-ai-image-common-form .ant-form-item.center40 {
  margin-bottom: 0.04rem;
}
.mobile-ai-image-common-form .ant-form-item.center40 .ant-form-item-control-input-content {
  height: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.mobile-ai-image-common-form .ant-form-item.opacity {
  opacity: 0;
}
.mobile-image-form-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 1.02rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(0.1rem);
          backdrop-filter: blur(0.1rem);
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem;
}
.mobile-image-form-footer .mobile-ai-image-button {
  -ms-flex: 1;
      flex: 1;
  margin-left: 10px;
}
.mobile-image-form-footer .mobile-ai-image-button:first-child {
  margin-left: 0;
}
.mobile-image-form-footer .mobile-ai-image-button .coin-num {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0.1rem;
  line-height: 0.18rem;
}
.mobile-image-form-footer .mobile-ai-image-button .coin-num img {
  width: 0.12rem;
  height: 0.12rem;
}
.mobile-image-form-footer .mobile-ai-image-button.with-width {
  -ms-flex: inherit;
      flex: inherit;
}
.mobile-ai-image-form-element-title {
  padding: 0 0.2rem;
  display: -ms-flexbox;
  display: flex;
  height: 0.38rem;
  -ms-flex-align: center;
      align-items: center;
}
.mobile-ai-image-form-element-title .title {
  font-size: 0.14rem;
  font-weight: 500;
  line-height: 0.11rem;
  color: #041133;
  margin-right: auto;
}
.mobile-qr-code-dashed-box {
  width: calc(100vw - 0.4rem);
  height: calc(100vw - 0.4rem);
  border-radius: 0.1rem;
  border: 0.02rem dashed rgba(4, 17, 51, 0.2);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.mobile-qr-code-dashed-box .ant-form-item {
  margin-bottom: 0;
}
.mobile-qr-code-dashed-box .qr-code-text-area-item {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  margin-bottom: 0 !important;
}
.mobile-bot-float-handler {
  position: fixed;
  right: 0.12rem;
  bottom: 0.3rem;
}
.mobile-bot-float-handler .icon-handler {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #ffffff;
  box-shadow: 0 0 0.16rem 0 rgba(0, 15, 53, 0.16);
  color: #041133;
  font-size: 0.18rem;
}

.common-scroll {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.common-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.common-page {
  height: calc(var(--vh, 1vh) * 100);
}
.common-page.white-bg {
  background-color: #fff;
}
.common-page.white-bg .pr-mobile-to-white-bar {
  background-color: #fff;
  border: none;
}
.pr-mobile-search-input.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper {
  background: transparent;
  height: 0.36rem;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
  border-color: #e8e9ed;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #e8e9ed;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper:focus,
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: none;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding-left: 0.22rem;
  color: #323438;
  font-size: 0.13rem;
}
.pr-mobile-search-input .ant-input-group .ant-input-affix-wrapper > .ant-input:not(textarea)::placeholder {
  color: #c2c5cc;
}
.pr-mobile-search-input .ant-input-group > .ant-input:first-child,
.pr-mobile-search-input .ant-input-group-addon:first-child {
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.pr-mobile-search-input .anticon.ant-input-clear-icon,
.pr-mobile-search-input .ant-input-clear-icon {
  font-size: 0.15rem;
  color: rgba(4, 17, 51, 0.3);
}
.pr-mobile-search-input .ant-input-clear-icon .iconfont-ai-image {
  font-size: 0.18rem;
  color: rgba(4, 17, 51, 0.3);
}
.pr-mobile-search-input .ant-input-group {
  position: relative;
}
.pr-mobile-search-input .ant-input {
  background-color: transparent;
  border-radius: 0.04rem;
  border-color: #e8e9ed;
  padding-left: 0.33rem;
  color: #323438;
  box-shadow: none;
}
.pr-mobile-search-input .ant-input::placeholder {
  color: #c2c5cc;
}
.pr-mobile-search-input .ant-input-group-addon {
  position: absolute;
  top: 0;
  left: 0;
}
.pr-mobile-search-input .ant-input-search-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 0.33rem;
  padding: 0;
  color: rgba(4, 17, 51, 0.45);
  font-size: 0.16rem;
  text-shadow: none;
  height: 0.36rem;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) .ant-input {
  color: #323438;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) .ant-input::-webkit-input-placeholder {
  color: #c2c5cc;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) .ant-input::-moz-placeholder {
  color: #c2c5cc;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) .ant-input:-ms-input-placeholder {
  color: #c2c5cc;
}
input.ant-input:not(.ant-input-disabled) {
  color: #323438;
  border-color: #e8e9ed;
}
input.ant-input:not(.ant-input-disabled)::-webkit-input-placeholder {
  color: #c2c5cc !important;
}
input.ant-input:not(.ant-input-disabled)::-moz-placeholder {
  color: #c2c5cc !important;
}
input.ant-input:not(.ant-input-disabled):-ms-input-placeholder {
  color: #c2c5cc !important;
}
.ant-select-dropdown .ant-select-item {
  min-height: 0.4rem;
  padding: 0.09rem 0.1rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
}
.pr-mobile-input.ant-input-affix-wrapper {
  height: 0.36rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.pr-mobile-input.ant-input-affix-wrapper .icon-arrow-down {
  color: #a3a6ad;
  font-size: 0.18rem;
}
.pr-mobile-input.ant-input-affix-wrapper .ant-input-clear-icon .iconfont-ai-image {
  font-size: 0.18rem;
  color: rgba(4, 17, 51, 0.3);
}
.pr-mobile-select .ant-select-selection-placeholder {
  color: #c2c5cc;
}
.pr-mobile-select .ant-select-arrow .anticon {
  -ms-transform: scaleY(0.65) scaleX(0.9);
      transform: scaleY(0.65) scaleX(0.9);
  color: #a3a6ad;
  font-size: 0.12rem;
}
.pr-mobile-select .ant-select-arrow .icon-arrow-down {
  color: #a3a6ad;
  font-size: 0.18rem;
}
.pr-mobile-select.ant-select {
  color: #323438;
}
.pr-mobile-select.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 0.04rem;
  border-color: #e8e9ed;
}
.pr-mobile-select.ant-select-single .ant-select-selector .ant-select-selection-item,
.pr-mobile-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 0.34rem;
}
.pr-mobile-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 0.36rem;
  padding: 0 0.1rem;
}
.pr-mobile-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 0.34rem;
}
.pr-mobile-drawer .ant-drawer-mask {
  background: rgba(0, 0, 0, 0.7);
}
.pr-mobile-drawer .ant-drawer-header {
  display: none;
}
.pr-mobile-drawer .ant-drawer-content-wrapper {
  width: 2.61rem !important;
  border: none;
  box-shadow: none;
}
.pr-mobile-drawer .ant-drawer-body {
  padding: 0.2rem;
  padding-right: 0;
  overflow: hidden;
}
.pr-mobile-user-photo.user-avatar {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.12rem;
}
.pr-mobile-user-photo.user-avatar .img {
  font-size: 0.2rem;
  display: -ms-flexbox;
  display: flex;
}
.pr-mobile-user-photo.user-avatar .page-header-logo {
  overflow: hidden;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.pr-mobile-user-photo.user-avatar:not(.user-name) .page-header-logo {
  background-color: #000;
}
.pr-mobile-user-photo.user-avatar img {
  width: auto;
  height: auto;
  max-width: 0.64rem;
  max-height: 0.64rem;
  border-radius: 0;
}
.fr-mobile-list-bottom {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: rgba(4, 17, 51, 0.3);
  text-align: center;
  width: 100%;
}
.loading-animation {
  margin-top: 0.1rem;
  width: 0.03rem;
  height: 0.18rem;
  background: #9e9e9e;
  border-radius: 0.1rem;
  animation: strip-fadeout 0.8s linear infinite;
}
@keyframes strip-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.mobile-ai-image-head {
  background: #ffffff;
  border-bottom: 1px solid rgba(4, 17, 51, 0.1);
  padding: 0 0.2rem;
  height: 0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.mobile-ai-image-head .head-content {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  width: 1.3rem;
  height: 0.5rem;
}
.mobile-ai-image-head .head-content img {
  width: 0.2rem;
  margin-right: 0.04rem;
}
.mobile-ai-image-head .head-content .ai-image-select-menu .ant-select-selector {
  padding-left: 0;
}
.mobile-ai-image-head .head-content .ai-image-select-menu .ant-select-selection-item {
  font-size: 0.16rem;
  font-weight: 500;
  color: #041133;
}
.mobile-ai-image-head .coin-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #041133;
}
.mobile-ai-image-head .coin-box img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.ai-image-select-menu-list {
  width: 1.3rem !important;
  box-shadow: 0px 0px 16px 0px rgba(4, 17, 51, 0.16);
}
.ai-image-select-menu-list.open {
  left: 0.2rem !important;
  top: 0.46rem !important;
}
.ai-image-select-menu-list.close {
  left: -955px !important;
  top: -955px !important;
}
.ai-image-select-menu-list .menu-lists {
  font-size: 0.14rem;
  line-height: 0.22rem;
  color: #041133;
}
.ai-image-select-menu-list .menu-lists .menu-item {
  height: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.12rem;
}
.ai-image-select-menu-list .menu-lists .menu-item .icon {
  margin-right: 0.04rem;
  width: 0.16rem;
  height: 0.16rem;
}

/* reset */
/* 清除列表项的间距和补白样式 */
menu,
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* 清除标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
}
/* 清除间距、粗体样式 */
dl,
dt,
dd,
hr,
p {
  margin: 0;
  font-weight: inherit;
}
/* 清除字体粗体样式 */
th,
em,
strong {
  font-weight: inherit;
}
/* 清除字体特殊样式 */
u,
em,
i {
  font-style: inherit;
}
blockquote,
q {
  quotes: none;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* html5 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/* 表格基本样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  border: 0;
  padding: 0;
}
/* html */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* 业务样式 */
body {
  margin: 0;
  word-wrap: break-word;
  line-height: 1;
  background: #eef1f7;
  font-size: 0.14rem;
  color: #041133;
}
/* clearfix */
.clearfix:after {
  width: 0;
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
/* 链接默认样式 */
a {
  color: #2352d8;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}
input {
  background: none;
  outline: none;
  border: none;
}
input:-webkit-autofill {
  background: #fff;
}
.ant-input {
  border-radius: 4px;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
:-ms-input-placeholder {
  color: #c2c5cc !important;
}
pre {
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -ms-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
a img {
  border: 0;
}
body > object {
  visibility: hidden;
}
/* 不可以转换成rem */
/* 定义 0.01rem = 0.01rem，设置 font-size: 1rem ; 使页面与设计稿比例为 1:1 */
html {
  font-size: 100px ;
  /* 不可以转换成rem */
}
body {
  font-size: 0.16rem;
}
.page-horizontal-layout {
  display: -ms-flexbox;
  display: flex;
  width: 12rem;
  margin: 0 auto;
}
.page-horizontal-layout .page-horizontal-layout-left {
  width: 3.84rem;
}
.page-horizontal-layout .page-horizontal-layout-right {
  width: 7.92rem;
  margin-left: auto;
}
.login-mobile .platform-login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
}
.login-mobile .platform-login .login-card {
  width: 100vw;
  padding: 0.24rem;
  padding-top: 0.64rem;
}
.login-mobile .platform-login .login-card .my-read-phone {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: rgba(4, 17, 51, 0.45);
  margin-bottom: 0.23rem;
  text-align: center;
  letter-spacing: 0em;
  margin-top: 0.08rem;
}
.login-mobile .platform-login .login-card .my-read-phone + .input-box {
  margin-top: 0;
}
.login-mobile .platform-login .login-card .icon-a-lianji19 {
  position: absolute;
  color: rgba(4, 17, 51, 0.65);
  font-size: 0.14rem;
  left: 0.26rem;
  top: 0.26rem;
  cursor: pointer;
}
.login-mobile .platform-login .login-card .title-tab-single {
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.28rem;
  color: #041133;
  margin-bottom: 0.08rem;
}
.login-mobile .platform-login .login-card .title-tab,
.login-mobile .platform-login .login-card .title-tab-border {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.login-mobile .platform-login .login-card .title-tab .title,
.login-mobile .platform-login .login-card .title-tab-border .title {
  text-align: center;
  width: 120px;
}
.login-mobile .platform-login .login-card .title-tab-border {
  margin-top: 0.14rem;
}
.login-mobile .platform-login .login-card .title-tab-border div {
  width: 0.24rem;
  height: 0.03rem;
  border-radius: 0.01rem;
  background: #fff;
}
.login-mobile .platform-login .login-card .title-tab-border div.active {
  background: #2352d8;
}
.login-mobile .platform-login .login-card .title {
  font-size: 0.2rem;
  font-weight: 500;
  color: rgba(4, 17, 51, 0.65);
  cursor: pointer;
  text-align: center;
}
.login-mobile .platform-login .login-card .title.active {
  color: #041133;
}
.login-mobile .platform-login .login-card .title img {
  float: left;
  width: 0.16rem;
  margin-top: 0.02rem;
}
.login-mobile .platform-login .login-card .input-box {
  margin-top: 0.26rem;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.login-mobile .platform-login .login-card .input-box .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.login-mobile .platform-login .login-card .input-box .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover .my-input {
  border-color: #c33a2b;
}
.login-mobile .platform-login .login-card .input-box .hide {
  position: absolute;
  left: -100000px;
  top: -100000px;
}
.login-mobile .platform-login .login-card .input-box .error-msg {
  position: absolute;
  top: 0.49rem;
  left: 0.12rem;
  color: #c33a2b;
  font-size: 12px;
}
.login-mobile .platform-login .login-card .input-box .input {
  -ms-flex: 1;
      flex: 1;
  border-radius: 3px;
  height: 0.42rem;
  font-size: 0.14rem;
}
.login-mobile .platform-login .login-card .input-box .input::-webkit-input-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login-mobile .platform-login .login-card .input-box .input::-moz-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login-mobile .platform-login .login-card .input-box .input:-ms-input-placeholder {
  color: rgba(4, 17, 51, 0.45);
}
.login-mobile .platform-login .login-card .input-box .ant-input-suffix {
  cursor: pointer;
}
.login-mobile .platform-login .login-card .input-box .code-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #2352D8;
  padding: 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  cursor: pointer;
}
.login-mobile .platform-login .login-card .forget-password {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  text-align: right;
  color: #2352D8;
  cursor: pointer;
  float: right;
}
.login-mobile .platform-login .login-card .my-read {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(4, 17, 51, 0.65);
  font-size: 0.12rem;
  margin-top: 0.44rem;
  margin-bottom: -0.3rem;
  position: relative;
}
.login-mobile .platform-login .login-card .read-span {
  color: #2352d8;
  cursor: pointer;
  line-height: 0.18rem;
}
.login-mobile .platform-login .login-card .login-btn {
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  height: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #2352D8;
  color: #ffffff;
  border-radius: 1.18rem;
  cursor: pointer;
}
.login-mobile .platform-login .login-card .login-btn:hover {
  background: rgba(35, 82, 216, 0.8);
}
.login-mobile .platform-login .login-card .login-btn:active {
  background: #0443F7;
}
.login-mobile .platform-login .login-card .btn-disabled {
  cursor: not-allowed;
  background: rgba(35, 82, 216, 0.2);
}
.login-mobile .platform-login .login-card .btn-disabled:hover {
  background: rgba(35, 82, 216, 0.2);
}
.login-mobile .platform-login .login-card .btn-disabled:active {
  background: rgba(35, 82, 216, 0.2);
}
.login-mobile .platform-login .login-card .tooltip {
  width: 88px;
  height: 28px;
  display: block;
  border-radius: 4px;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  left: -36px;
  top: -33px;
  padding: 4px 8px;
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
}
.login-mobile .platform-login .login-card .tooltip .my-tooltip-arrow {
  left: 50%;
  -ms-transform: translateY(100%) translate(-50%);
      transform: translateY(100%) translate(-50%);
  position: absolute;
  z-index: 2;
  display: block;
  top: 23px;
  background: transparent;
  pointer-events: none;
  width: 0;
  height: 0;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.login-mobile .my-checkbox {
  color: rgba(4, 17, 51, 0.65);
  font-size: 0.12rem;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 0.2rem;
  line-height: 0.2rem;
}
.login-mobile .my-checkbox input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.login-mobile .my-checkbox img {
  display: block;
  width: 0.14rem;
  height: 0.14rem;
}
.login-mobile .my-checkbox .my-checkbox-input {
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.login-mobile .my-checkbox .label-text {
  line-height: 0.18rem;
}
.login-mobile .my-checkbox .my-checkbox-inner {
  margin-right: 0.04rem;
}
.pr-mobile-user-agreement-modal .mobile-modal-content {
  max-height: calc(var(--vh, 1vh) * 100 - env(safe-area-inset-bottom) - 0.6rem);
}
.pr-mobile-user-agreement-modal .iframe {
  height: calc(var(--vh, 1vh) * 100 - env(safe-area-inset-bottom) - 0.6rem);
  width: 100vw;
  border: none;
}

.mobile-modal-container-mask {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.mobile-modal-container-mask.hide-mask {
  display: none;
}
.mobile-modal-container {
  box-sizing: border-box;
  z-index: 10001;
  border-radius: 0.2rem 0.2rem 0 0;
  opacity: 1;
  position: fixed;
  left: 0;
  bottom: -20vh;
  right: 0;
  background: #ffffff;
  transition: bottom 0.2s;
}
.mobile-modal-container .pf-modal-real-wrap {
  width: 100%;
}
.mobile-modal-container .pf-modal-real-wrap .mobile-modal-content .mobile-modal-image-list .content .mobile-ai-image-image-item {
  width: calc((100vw - 0.8rem) / 5);
  height: calc((100vw - 0.8rem) / 5);
}
.mobile-modal-container.show {
  bottom: 0;
}
.mobile-modal-container-center-card.mobile-modal-container {
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.mobile-modal-container-center-card.mobile-modal-container .mobile-modal-wrap {
  width: 3.35rem;
  height: 2.84rem;
  border-radius: 0.1rem;
  background-color: #ffffff;
}
.mobile-modal-container-center-card.mobile-modal-container .mobile-modal-content {
  overflow: visible;
}
.pr-mobile-long-menu .item {
  background: #ffffff;
  min-height: 0.48rem;
  border-bottom: 0.005rem solid #e5e5e5;
  font-size: 0.16rem;
  line-height: 0.48rem;
  color: #1a1a1a;
  text-align: center;
}
.pr-mobile-long-menu .item:nth-last-child(2) {
  border-bottom: none;
}
.pr-mobile-long-menu .item.margin-top::before {
  content: '';
  width: 100%;
  background: #f7f7f7;
  height: 0.06rem;
  display: block;
}

.mobile-modal-footer {
  padding: 0.1rem 0.2rem calc(0.1rem + env(safe-area-inset-bottom)) 0.2rem;
  height: 0.62rem;
}
.mobile-modal-top {
  height: 0.6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 0.01rem #f2f3f5 solid;
  position: relative;
  padding: 0 0.2rem;
  -ms-flex-pack: center;
      justify-content: center;
}
.mobile-modal-top .mobile-modal-title {
  font-size: 0.16rem;
  font-weight: 500;
  line-height: 0.24rem;
  color: #151618;
}
.mobile-modal-top .mobile-modal-close {
  position: absolute;
  height: 0.44rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0.08rem;
  right: 0.2rem;
}
.mobile-modal-top .mobile-modal-close .icon {
  width: 0.28rem;
  height: 0.28rem;
  color: rgba(4, 17, 51, 0.65);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 0.1rem;
}
.mobile-modal-content {
  max-height: calc(var(--vh, 1vh) * 100 - env(safe-area-inset-bottom) - 1.6rem);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.mobile-modal-content::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.membership-expiry-reminders-modal-mobile {
  max-width: 3.35rem;
  width: 3.35rem;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content {
  border-radius: 10px;
  box-shadow: 0px 2.38px 19.01px 0px rgba(0, 0, 0, 0.3);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body {
  padding: 0 0 30px;
  text-align: center;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content {
  position: relative;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .expiry-reminders-bg {
  height: 100px;
  border-radius: 10px;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .tip-img {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 1.8rem;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .title {
  margin: -0.12rem auto 0.08rem;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.28rem;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .text {
  margin-bottom: 0.24rem;
  padding: 0 0.2rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  text-align: center;
  color: rgba(4, 17, 51, 0.65);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box .er-code {
  width: 150px;
  height: 150px;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content .er-code-box span {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #9e9e9e;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(162, 169, 189, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .text span {
  color: #E77F2A;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.basic .btn {
  background: #A2A9BD;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(66, 149, 255, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .text span {
  color: #E77F2A;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.professional .btn {
  background: #4295FF;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(58, 109, 250, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .text span {
  color: #E77F2A;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.premium .btn {
  background: #3A6DFA;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .expiry-reminders-bg {
  background: linear-gradient(181deg, #FFE6C4 21%, #FFFFFF 96%);
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .text span {
  color: #E77F2A;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.flagship .btn {
  background: #F7A633;
}
.membership-expiry-reminders-modal-mobile .ant-modal-content .ant-modal-body .expiry-reminders-content.enterprise .expiry-reminders-bg {
  background: linear-gradient(181deg, rgba(83, 89, 121, 0.2) 21%, rgba(255, 255, 255, 0.2) 96%);
}
.membership-expiry-reminders-modal-mobile .bot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 0.3rem;
  padding: 0 0.2rem;
}
.membership-expiry-reminders-modal-mobile .bot .btn {
  width: 1.41rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(4, 17, 51, 0.1);
  color: #041133;
  font-size: 0.16rem;
}
.membership-expiry-reminders-modal-mobile .bot .btn.blue {
  background: #2352d8;
  color: #fff;
}

.mobile-ai-image-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 0.42rem;
  border-radius: 0.3rem;
}
.mobile-ai-image-button.primary {
  color: #fff;
  background: #2352d8;
}
.mobile-ai-image-button.primary.loading {
  background: rgba(35, 82, 216, 0.5);
}
.mobile-ai-image-button.info {
  background: #ffffff;
  border: 0.01rem solid #2352d8;
  color: #2352d8;
}
.mobile-ai-image-button.info.loading {
  border-color: rgba(35, 82, 216, 0.5);
  color: rgba(35, 82, 216, 0.5);
}
.mobile-ai-image-button.disabled {
  opacity: 0.2;
}
.mobile-ai-image-button.loading {
  position: relative;
}
.mobile-ai-image-button.loading .loading-icon {
  position: absolute;
  top: 0;
  left: 50%;
  color: rgba(255, 255, 255, 0.8);
  width: 0.42rem;
  height: 0.42rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -0.21rem;
}
.mobile-ai-image-button.default {
  padding: 0.05rem 0.12rem;
  border: 1px solid #e5e7ea;
}
.pr-mobile-sm-btn,
.pr-mobile-full-btn,
.pr-mobile-gost-btn,
.pr-mobile-gost-gray-btn,
.pr-mobile-small-gost-btn,
.pr-mobile-small-gost-gray-btn,
.pr-mobile-big-gost-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.pr-mobile-full-btn,
.pr-mobile-sm-btn {
  background: #2352d8;
  color: #ffffff;
}
.pr-mobile-full-btn.disabled,
.pr-mobile-sm-btn.disabled,
.pr-mobile-full-btn.loading,
.pr-mobile-sm-btn.loading {
  background: #a2b9fc;
}
.pr-mobile-full-btn {
  width: 100%;
  height: 0.42rem;
  border-radius: 0.42rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.pr-mobile-sm-btn {
  height: 0.32rem;
  border-radius: 0.32rem;
  padding: 0 0.2rem;
  display: inline-block;
  line-height: 0.32rem;
  font-size: 0.14rem;
}
.pr-mobile-gost-btn,
.pr-mobile-small-gost-btn,
.pr-mobile-big-gost-btn {
  border: 0.01rem solid #2352d8;
  color: #2352d8;
}
.pr-mobile-gost-btn.disabled,
.pr-mobile-small-gost-btn.disabled,
.pr-mobile-big-gost-btn.disabled,
.pr-mobile-gost-btn.loading,
.pr-mobile-small-gost-btn.loading,
.pr-mobile-big-gost-btn.loading {
  color: #a2b9fc;
  border-color: #a2b9fc;
}
.pr-mobile-gost-gray-btn,
.pr-mobile-small-gost-gray-btn {
  border: 0.01rem solid #d3d5db;
  color: #323438;
}
.pr-mobile-gost-btn,
.pr-mobile-gost-gray-btn {
  height: 0.32rem;
  border-radius: 0.32rem;
  padding: 0 0.12rem;
  line-height: 0.22rem;
  font-size: 0.14rem;
}
.pr-mobile-small-gost-btn,
.pr-mobile-small-gost-gray-btn {
  font-size: 0.12rem;
  line-height: 0.18rem;
  height: 0.24rem;
  border-radius: 0.24rem;
  padding: 0 0.12rem;
}
.pr-mobile-big-gost-btn {
  height: 0.42rem;
  border-radius: 0.42rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.pr-mobile-white-btn {
  height: 0.32rem;
  border-radius: 0.32rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.08rem;
  gap: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
  color: #323438;
  background: #fff;
}
.pr-mobile-white-btn.icon-btn {
  width: 0.32rem;
  padding: 0;
}
.pr-mobile-white-btn .icon {
  width: 0.18rem;
  height: 0.18rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 0.18rem;
  color: #585a61;
}

.retention-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
}
.retention-modal-content {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0.64rem 0.2rem 0.3rem;
  z-index: 1000;
  background: #fff;
}
.retention-modal-content .icon-a-lianji19 {
  position: absolute;
  color: rgba(4, 17, 51, 0.65);
  font-size: 0.14rem;
  left: 0.26rem;
  top: 0.26rem;
  cursor: pointer;
}
.retention-modal-content .retention-modal-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.retention-modal-content .retention-modal-title .left {
  margin-bottom: 0.29rem;
}
.retention-modal-content .retention-modal-title .left h1 {
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.28rem;
  margin-bottom: 0;
}
.retention-modal-content .retention-modal-title .left p {
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: rgba(4, 17, 51, 0.45);
  margin-bottom: 0;
}
.retention-modal-content .retention-modal-title .right {
  color: rgba(4, 17, 51, 0.65);
}
.retention-modal-content .retention-modal-title .right .icon-a-lianji19 {
  font-size: 0.1rem;
}
.retention-modal-content .ant-input {
  height: 0.4rem;
}
.retention-modal-content .ant-form-item {
  margin-bottom: 0.26rem;
}
.retention-modal-content .retention-modal-btn {
  margin-top: 0.42rem;
}