.__nuxt-error-page {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    background: #f7f8fb;
    bottom: 0;
    color: #47494e;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100 !important;
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.__nuxt-error-page .error {
    max-width: 450px
}

.__nuxt-error-page .title {
    color: #47494e;
    font-size: 1.5rem;
    margin-bottom: 8px;
    margin-top: 15px
}

.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 21px;
    margin-bottom: 10px
}

.__nuxt-error-page a {
    color: #7f828b !important;
    -webkit-text-decoration: none;
    text-decoration: none
}

.__nuxt-error-page .logo {
    bottom: 12px;
    left: 12px;
    position: fixed
}

.nuxt-progress {
    background-color: #0d9488;
    height: 2px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s, opacity .4s;
    width: 0;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: iconfont;
    src: url(/_nuxt/fonts/iconfont.ac0b782.woff2) format("woff2"), url(/_nuxt/fonts/iconfont.05ce787.woff) format("woff"), url(/_nuxt/fonts/iconfont.43a5f7b.ttf) format("truetype")
}

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

.icon-icon_blog:before {
    content: "\e7c0"
}

.icon-kuaisuxuanze2:before {
    content: "\e7bf"
}

.icon-juxingxuanze:before {
    content: "\e7be"
}

.icon-icon_ComfyUI:before {
    content: "\e7bc"
}

.icon-edit-03:before {
    content: "\e7bb"
}

.icon-jinru:before {
    content: "\e7ba"
}

.icon-Checkbox:before {
    content: "\e7b8"
}

.icon-icon_jiedian:before {
    content: "\e7b9"
}

.icon-zhifubao:before {
    content: "\e7b7"
}

.icon-kuaisuxuanze:before {
    content: "\e7b5"
}

.icon-taosuo:before {
    content: "\e7b6"
}

.icon-juxing:before {
    content: "\e7b3"
}

.icon-tumo:before {
    content: "\e7b4"
}

.icon-meizhuang:before {
    content: "\e7b2"
}

.icon-a-tixianjiluicon1:before {
    content: "\e7b0"
}

.icon-a-tixianjilu11:before {
    content: "\e7b1"
}

.icon-a-shouyi11:before {
    content: "\e7af"
}

.icon-a-Vector2900:before {
    content: "\e7ae"
}

.icon-zongjifen:before {
    content: "\e7a6"
}

.icon-a-moxingpeizhi-moxing1:before {
    content: "\e7a7"
}

.icon-duihua:before {
    content: "\e7a8"
}

.icon-a-zongjifen11:before {
    content: "\e7a9"
}

.icon-a-huaban11:before {
    content: "\e7aa"
}

.icon-a-fengge1:before {
    content: "\e7ab"
}

.icon-shouyi:before {
    content: "\e7ac"
}

.icon-a-jiaru1:before {
    content: "\e7ad"
}

.icon-shangchuanchanpin:before {
    content: "\e7a5"
}

.icon-fasong1:before {
    content: "\e7a4"
}

.icon-a-icon_AITools_selected:before {
    content: "\e7a2"
}

.icon-a-icon_AITools_default:before {
    content: "\e7a1"
}

.icon-a-icon_TrainingGuide_selected:before {
    content: "\e79c"
}

.icon-icon_news_selected:before {
    content: "\e79b"
}

.icon-icon_news_default:before {
    content: "\e79e"
}

.icon-a-icon_TrainingGuide_default:before {
    content: "\e79a"
}

.icon-icon_All_selected:before {
    content: "\e7a0"
}

.icon-icon_All_default:before {
    content: "\e7a3"
}

.icon-a-icon_AIArtGuide_default:before {
    content: "\e798"
}

.icon-a-icon_AIVideoGuide_default:before {
    content: "\e799"
}

.icon-a-icon_AIArtGuide_selected:before {
    content: "\e79d"
}

.icon-a-icon_AIVideoGuide_selected:before {
    content: "\e79f"
}

.icon-yuyanqiehuan:before {
    content: "\e797"
}

.icon-a-Frame38638:before {
    content: "\e795"
}

.icon-icon_zaixianzhichi:before {
    content: "\e796"
}

.icon-Group:before {
    content: "\e794"
}

.icon-a-Vector206Stroke:before {
    content: "\e793"
}

.icon-a-zanting11:before {
    content: "\e792"
}

.icon-a-bofang1:before {
    content: "\e791"
}

.icon-a-VectorStroke:before {
    content: "\e790"
}

.icon-xinjianLoRA:before {
    content: "\e78e"
}

.icon-tianjiabanbenhao:before {
    content: "\e78f"
}

.icon-SVG1:before {
    content: "\e78d"
}

.icon-icon_more:before {
    content: "\e78c"
}

.icon-SVG:before {
    content: "\e78b"
}

.icon-a-copylink:before {
    content: "\e78a"
}

.icon-Union2:before {
    content: "\e789"
}

.icon-zhuashou-copy:before {
    content: "\e787"
}

.icon-chehui1:before {
    content: "\e788"
}

.icon-icon_zidongcachu1:before {
    content: "\e785"
}

.icon-icon_jubuxiufu1:before {
    content: "\e786"
}

.icon-icon_duibi:before {
    content: "\e784"
}

.icon-Union1:before {
    content: "\e783"
}

.icon-icon_star:before {
    content: "\e782"
}

.icon-a-duibi1:before {
    content: "\e781"
}

.icon-icon_mianbutihuan:before {
    content: "\e77f"
}

.icon-icon_renwuxiufu:before {
    content: "\e780"
}

.icon-icon_donghuashengcheng:before {
    content: "\e77e"
}

.icon-icon_xiazai:before {
    content: "\e77d"
}

.icon-icon_huabanmoshi:before {
    content: "\e77c"
}

.icon-Union:before {
    content: "\e77b"
}

.icon-baocun:before {
    content: "\e77a"
}

.icon-loudou:before {
    content: "\e779"
}

.icon-dabiaocaijian:before {
    content: "\e778"
}

.icon-shezhi1:before {
    content: "\e777"
}

.icon-lock-open-variant-outline:before {
    content: "\e775"
}

.icon-lock-outline:before {
    content: "\e776"
}

.icon-zidingyi:before {
    content: "\e774"
}

.icon-icon_Txt2Img:before {
    content: "\e773"
}

.icon-icon_moban:before {
    content: "\e772"
}

.icon-icon_bendi:before {
    content: "\e762"
}

.icon-icon_yijianxintuceng:before {
    content: "\e763"
}

.icon-icon_tuceng:before {
    content: "\e764"
}

.icon-icon_qubeijing:before {
    content: "\e765"
}

.icon-iconputongcachu:before {
    content: "\e766"
}

.icon-a-icon_xuanzeStroke:before {
    content: "\e767"
}

.icon-icon_daoru:before {
    content: "\e768"
}

.icon-icon_zhishibianji:before {
    content: "\e769"
}

.icon-icon_sucai:before {
    content: "\e76a"
}

.icon-icon_wode:before {
    content: "\e76b"
}

.icon-icon_shengtu:before {
    content: "\e76c"
}

.icon-icon_gangbi:before {
    content: "\e76d"
}

.icon-icon_zidongcachu:before {
    content: "\e76e"
}

.icon-icon_jubuxiufu:before {
    content: "\e76f"
}

.icon-icon_huabi:before {
    content: "\e770"
}

.icon-icon_caiqie:before {
    content: "\e771"
}

.icon-icon_language:before {
    content: "\e761"
}

.icon-jianyiban:before {
    content: "\e760"
}

.icon-qiyefuwu1:before {
    content: "\e75f"
}

.icon-jiuguanicon_moren:before {
    content: "\e75d"
}

.icon-jiuguanicon_jihuo:before {
    content: "\e75e"
}

.icon-Vector:before {
    content: "\e75b"
}

.icon-a-Group471691:before {
    content: "\e75c"
}

.icon-zhonghui:before {
    content: "\e75a"
}

.icon-qulishirenwu:before {
    content: "\e759"
}

.icon-SDXL:before {
    content: "\e753"
}

.icon-qiyefuwu:before {
    content: "\e758"
}

.icon-yuchuliyulan:before {
    content: "\e757"
}

.icon-gaoqingxiufu:before {
    content: "\e756"
}

.icon-tishicigongju:before {
    content: "\e74c"
}

.icon-shiyanshi:before {
    content: "\e74d"
}

.icon-zidongmoshi:before {
    content: "\e74e"
}

.icon-tushengtu3:before {
    content: "\e74f"
}

.icon-tuxiangmiaoshu:before {
    content: "\e750"
}

.icon-morenmoshi:before {
    content: "\e751"
}

.icon-tiaojianshengtu1:before {
    content: "\e752"
}

.icon-zhinengbutu:before {
    content: "\e754"
}

.icon-haiyi:before {
    content: "\e755"
}

.icon-aishuziren:before {
    content: "\e74b"
}

.icon-a-menuline:before {
    content: "\e74a"
}

.icon-icon_vip_default:before {
    content: "\e742"
}

.icon-kuaijieai_selected:before {
    content: "\e743"
}

.icon-icon_vip_selected:before {
    content: "\e744"
}

.icon-icon_Profile_default:before {
    content: "\e745"
}

.icon-kuaijieai_default:before {
    content: "\e746"
}

.icon-home_default:before {
    content: "\e747"
}

.icon-icon_Profile_selected:before {
    content: "\e748"
}

.icon-home_selected:before {
    content: "\e749"
}

.icon-eye:before {
    content: "\e73d"
}

.icon-eye-disable:before {
    content: "\e741"
}

.icon-a-icon_newchat:before {
    content: "\e73a"
}

.icon-a-icon_restartchat:before {
    content: "\e73c"
}

.icon-icon_report:before {
    content: "\e73e"
}

.icon-icon_share:before {
    content: "\e73f"
}

.icon-a-icon_allchat:before {
    content: "\e740"
}

.icon-goumaimingxi:before {
    content: "\e73b"
}

.icon-hudongpinglun:before {
    content: "\e736"
}

.icon-shoudaodezanheshoucang:before {
    content: "\e737"
}

.icon-xitongtongzhi:before {
    content: "\e738"
}

.icon-guanzhuwode:before {
    content: "\e739"
}

.icon-qiehuan:before {
    content: "\e735"
}

.icon-icon-right-circle:before {
    content: "\e734"
}

.icon-a-tougao11:before {
    content: "\e733"
}

.icon-icon_yuchuliyulan:before {
    content: "\e72c"
}

.icon-icon_zhinengbutu:before {
    content: "\e72d"
}

.icon-icon_tiaojianshengtu:before {
    content: "\e72e"
}

.icon-icon_tushengtu:before {
    content: "\e72f"
}

.icon-icon_tishici:before {
    content: "\e730"
}

.icon-icon_tuxiangmiaoshu:before {
    content: "\e731"
}

.icon-icon_zhinengbutu-1:before {
    content: "\e732"
}

.icon-Home:before {
    content: "\e72b"
}

.icon-tuwen:before {
    content: "\e729"
}

.icon-shipin1:before {
    content: "\e72a"
}

.icon-shengji1:before {
    content: "\e728"
}

.icon-shengji:before {
    content: "\e727"
}

.icon-huifu:before {
    content: "\e726"
}

.icon-Send:before {
    content: "\e725"
}

.icon-tougao:before {
    content: "\e724"
}

.icon-a-Recommended_icon2:before {
    content: "\e723"
}

.icon-light:before {
    content: "\e722"
}

.icon-paihangbang:before {
    content: "\e721"
}

.icon-jifen:before {
    content: "\e720"
}

.icon-a-qiehuan1:before {
    content: "\e71f"
}

.icon-remen:before {
    content: "\e657"
}

.icon-suoxiao:before {
    content: "\e656"
}

.icon-fangda:before {
    content: "\e655"
}

.icon-qq:before {
    content: "\e71d"
}

.icon-facebook1:before {
    content: "\e71e"
}

.icon-a-cellphone:before {
    content: "\e719"
}

.icon-google:before {
    content: "\e71a"
}

.icon-weix:before {
    content: "\e71b"
}

.icon-discord1:before {
    content: "\e71c"
}

.icon-icon_shiyanshi:before {
    content: "\e718"
}

.icon-a-Frame1997:before {
    content: "\e654"
}

.icon-kefu1:before {
    content: "\e653"
}

.icon-jianshao:before {
    content: "\e651"
}

.icon-zengjia:before {
    content: "\e652"
}

.icon-new:before {
    content: "\e717"
}

.icon-xiangyou:before {
    content: "\e650"
}

.icon-xiangzuo:before {
    content: "\e64e"
}

.icon-canshu:before {
    content: "\e716"
}

.icon-vdieo:before {
    content: "\e713"
}

.icon-tupianji:before {
    content: "\e714"
}

.icon-icon_Upload:before {
    content: "\e715"
}

.icon-a-Frame2055:before {
    content: "\e712"
}

.icon-icon_chuangzuo:before {
    content: "\e711"
}

.icon-a-Clippathgroup:before {
    content: "\e64d"
}

.icon-shouji:before {
    content: "\e64c"
}

.icon-a-icon_fabu1:before {
    content: "\e710"
}

.icon-icon-zhuanzai:before {
    content: "\e70e"
}

.icon-icon_yuanchuang:before {
    content: "\e70f"
}

.icon-QQ:before {
    content: "\e649"
}

.icon-weixin:before {
    content: "\e64a"
}

.icon-a-icon_ExploreAISoulmates:before {
    content: "\e70c"
}

.icon-a-icon_ExploreAISoulmatesselected:before {
    content: "\e70d"
}

.icon-gouxuan:before {
    content: "\e70b"
}

.icon-hide:before {
    content: "\e709"
}

.icon-Show:before {
    content: "\e70a"
}

.icon-painter-palette:before {
    content: "\e708"
}

.icon-copy-template1:before {
    content: "\e703"
}

.icon-shuaxin1:before {
    content: "\e704"
}

.icon-shanchu3:before {
    content: "\e705"
}

.icon-a-aixin_shixin:before {
    content: "\e706"
}

.icon-send:before {
    content: "\e707"
}

.icon-tishi:before {
    content: "\e702"
}

.icon-a-aichat:before {
    content: "\e701"
}

.icon-pubuliu:before {
    content: "\e6fe"
}

.icon-fangge:before {
    content: "\e6ff"
}

.icon-guanli:before {
    content: "\e700"
}

.icon-tushengtu2:before {
    content: "\e6fd"
}

.icon-shaixuan:before {
    content: "\e6fc"
}

.icon-youshang:before {
    content: "\e6f6"
}

.icon-youzhong:before {
    content: "\e6f7"
}

.icon-zuoshang:before {
    content: "\e6f8"
}

.icon-zuozhong:before {
    content: "\e6f9"
}

.icon-youxia:before {
    content: "\e6fa"
}

.icon-zuoxia:before {
    content: "\e6fb"
}

.icon-shanchu2:before {
    content: "\e6f3"
}

.icon-copy-template:before {
    content: "\e6f4"
}

.icon-shuaxin:before {
    content: "\e6f5"
}

.icon-Personal:before {
    content: "\e6ee"
}

.icon-chat:before {
    content: "\e6ef"
}

.icon-Painting:before {
    content: "\e6f0"
}

.icon-Explore:before {
    content: "\e6f1"
}

.icon-Model-icon:before {
    content: "\e6f2"
}

.icon-Painting_selected:before {
    content: "\e6ea"
}

.icon-Explore_selected:before {
    content: "\e6eb"
}

.icon-Personal_selected:before {
    content: "\e6ec"
}

.icon-Model_selected:before {
    content: "\e6ed"
}

.icon-gou:before {
    content: "\e6e9"
}

.icon-general:before {
    content: "\e6e7"
}

.icon-advances:before {
    content: "\e6e8"
}

.icon-zanting:before {
    content: "\e6e6"
}

.icon-tuichudenglu:before {
    content: "\e6e2"
}

.icon-gerenzhongxin:before {
    content: "\e6e3"
}

.icon-houtaiguanli:before {
    content: "\e6e4"
}

.icon-houtaiguanli1:before {
    content: "\e6e5"
}

.icon-qiehuanmoshi:before {
    content: "\e6e1"
}

.icon-jianshen:before {
    content: "\e6cd"
}

.icon-caigoujihua:before {
    content: "\e6ce"
}

.icon-xuexi:before {
    content: "\e6cf"
}

.icon-a-Icon2:before {
    content: "\e6d0"
}

.icon-xiezuozhushou:before {
    content: "\e6d1"
}

.icon-yingyu:before {
    content: "\e6d2"
}

.icon-xiaoxi-moren:before {
    content: "\e6d3"
}

.icon-jiaoyi-caiwu-suanpan-pansuan-jisuan_jurassic:before {
    content: "\e6d4"
}

.icon-renshi:before {
    content: "\e6d5"
}

.icon-a-chushimaoxian:before {
    content: "\e6d6"
}

.icon-yuqie:before {
    content: "\e6d7"
}

.icon-xiezhoubao:before {
    content: "\e6d8"
}

.icon-icon_icon_laoshiguanli:before {
    content: "\e6d9"
}

.icon-wenzhang:before {
    content: "\e6da"
}

.icon-yanjiang:before {
    content: "\e6db"
}

.icon-a-naosikaodanaosiwei:before {
    content: "\e6dc"
}

.icon-fuwenben:before {
    content: "\e6dd"
}

.icon-shipin:before {
    content: "\e6de"
}

.icon-zhanbushi:before {
    content: "\e6df"
}

.icon-xiaohongshubiji:before {
    content: "\e6e0"
}

.icon-tongzhi:before {
    content: "\e6cc"
}

.icon-gengduo:before {
    content: "\e6ca"
}

.icon-kefu:before {
    content: "\e6cb"
}

.icon-jiahao:before {
    content: "\e6c9"
}

.icon-user1:before {
    content: "\e6c8"
}

.icon-zhaoxiangji:before {
    content: "\e6c7"
}

.icon-shangchuan:before {
    content: "\e6c6"
}

.icon-renwu:before {
    content: "\e6c5"
}

.icon-a-usergroup:before {
    content: "\e6c4"
}

.icon-yichu:before {
    content: "\e6c3"
}

.icon-user:before {
    content: "\e6c2"
}

.icon-fuzhi1:before {
    content: "\e6c0"
}

.icon-qingkong:before {
    content: "\e6c1"
}

.icon-dianzanhou:before {
    content: "\e6bf"
}

.icon-pinglun:before {
    content: "\e6be"
}

.icon-a-dianzan2:before {
    content: "\e6bc"
}

.icon-dianzan:before {
    content: "\e6bd"
}

.icon-jubao:before {
    content: "\e6bb"
}

.icon-xitongzidian:before {
    content: "\e6ba"
}

.icon-shanchu1:before {
    content: "\e6b6"
}

.icon-bianji:before {
    content: "\e6b7"
}

.icon-caozuo-fanyi:before {
    content: "\e6b8"
}

.icon-fuzhi:before {
    content: "\e6b9"
}

.icon-guangbogonggaotongzhi:before {
    content: "\e6b5"
}

.icon-jiaruqunliao:before {
    content: "\e6b3"
}

.icon-guanzhuwomen:before {
    content: "\e6b4"
}

.icon-facebook:before {
    content: "\e6ae"
}

.icon-tuite:before {
    content: "\e6af"
}

.icon-discord-:before {
    content: "\e6b0"
}

.icon-qunliao:before {
    content: "\e6b1"
}

.icon-instagram:before {
    content: "\e6b2"
}

.icon-tihuantupian:before {
    content: "\e6ad"
}

.icon-tushengtu1:before {
    content: "\e6aa"
}

.icon-wenshengtu1:before {
    content: "\e6ab"
}

.icon-ControlNet:before {
    content: "\e6ac"
}

.icon-feiji:before {
    content: "\e6a9"
}

.icon-runse:before {
    content: "\e6a8"
}

.icon-back:before {
    content: "\e6a7"
}

.icon-a-formatpainter:before {
    content: "\e6a6"
}

.icon-fasong:before {
    content: "\e6a2"
}

.icon-huxiangguanzhu-:before {
    content: "\e6a5"
}

.icon-guanzhubeifen:before {
    content: "\e6a3"
}

.icon-a-guanzhubeifen2:before {
    content: "\e6a4"
}

.icon-guanzhu2:before {
    content: "\e69f"
}

.icon-huxiangguanzhu:before {
    content: "\e6a0"
}

.icon-quxiaoguanzhu:before {
    content: "\e6a1"
}

.icon-u:before {
    content: "\e69d"
}

.icon-V:before {
    content: "\e69e"
}

.icon-kongzhiwang:before {
    content: "\e698"
}

.icon-setting:before {
    content: "\e699"
}

.icon-style:before {
    content: "\e69a"
}

.icon-moxingicon:before {
    content: "\e69b"
}

.icon-gaojishezhi:before {
    content: "\e69c"
}

.icon-tupian:before {
    content: "\e696"
}

.icon-BAI-gongju:before {
    content: "\e697"
}

.icon-mofabang:before {
    content: "\e695"
}

.icon-jiaocheng-icon:before {
    content: "\e694"
}

.icon-icon_duojixiala:before {
    content: "\e693"
}

.icon-a-xiangpicachuxiangpica:before {
    content: "\e68f"
}

.icon-shanchu:before {
    content: "\e690"
}

.icon-Brushhuabi:before {
    content: "\e691"
}

.icon-a-goback:before {
    content: "\e692"
}

.icon-tiaojianshengtu:before {
    content: "\e68c"
}

.icon-wenshengtu:before {
    content: "\e68d"
}

.icon-tushengtu:before {
    content: "\e68e"
}

.icon-fanyiicon:before {
    content: "\e68b"
}

.icon-search1:before {
    content: "\e687"
}

.icon-tiaojiecanshu:before {
    content: "\e688"
}

.icon-Generate_icon:before {
    content: "\e689"
}

.icon-suijishushengcheng:before {
    content: "\e68a"
}

.icon-Recommended_icon:before {
    content: "\e686"
}

.icon-Following_icon:before {
    content: "\e685"
}

.icon-qunliaorukou:before {
    content: "\e684"
}

.icon-erweima:before {
    content: "\e683"
}

.icon-a-ManageSub:before {
    content: "\e680"
}

.icon-bangzhu:before {
    content: "\e681"
}

.icon-discord:before {
    content: "\e682"
}

.icon-arrow_02:before {
    content: "\e67d"
}

.icon-arrow_01:before {
    content: "\e67e"
}

.icon-arrow_03:before {
    content: "\e67f"
}

.icon-Upload:before {
    content: "\e67c"
}

.icon-creation_small:before {
    content: "\e66b"
}

.icon-collect_selected:before {
    content: "\e66d"
}

.icon-collect:before {
    content: "\e66e"
}

.icon-a-AImodel:before {
    content: "\e674"
}

.icon-help:before {
    content: "\e676"
}

.icon-top_default:before {
    content: "\e677"
}

.icon-a-new_default2:before {
    content: "\e678"
}

.icon-a-top_default2:before {
    content: "\e679"
}

.icon-hot_selected:before {
    content: "\e67a"
}

.icon-new_default:before {
    content: "\e67b"
}

.icon-zhiwen-xian:before {
    content: "\e663"
}

.icon-shezhi:before {
    content: "\e664"
}

.icon-guanzhu1:before {
    content: "\e66a"
}

.icon-guanzhu:before {
    content: "\e65d"
}

.icon-more:before {
    content: "\e65e"
}

.icon-shangyiji:before {
    content: "\e65f"
}

.icon-edit:before {
    content: "\e660"
}

.icon-search:before {
    content: "\e667"
}

.icon-refresh:before {
    content: "\e669"
}

.icon-guanzhuchenggong:before {
    content: "\e662"
}

.icon-fixed:before {
    content: "\e66c"
}

.icon-success:before {
    content: "\e66f"
}

.icon-copy:before {
    content: "\e670"
}

.icon-anquan:before {
    content: "\e672"
}

.icon-jiantou:before {
    content: "\e671"
}

.icon-xiangqingbeifen:before {
    content: "\e673"
}

.icon-wenhao:before {
    content: "\e675"
}

.lgraphcanvas {
    font-family: Tahoma, sans-serif;
    outline: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.lgraphcanvas * {
    box-sizing: border-box
}

.litegraph.litecontextmenu {
    background-color: #2e2e2e !important;
    box-shadow: 0 0 10px #000 !important;
    color: #aaf;
    font-family: Tahoma, sans-serif;
    left: 100px;
    min-width: 100px;
    padding: 0;
    position: fixed;
    top: 100px;
    z-index: 10
}

.litegraph.litecontextmenu.dark {
    background-color: #000 !important
}

.litegraph.litecontextmenu .litemenu-title img {
    margin-left: 2px;
    margin-right: 4px;
    margin-top: 2px
}

.litegraph.litecontextmenu .litemenu-entry {
    margin: 2px;
    padding: 2px
}

.litegraph.litecontextmenu .litemenu-entry.submenu {
    background-color: #2e2e2e !important
}

.litegraph.litecontextmenu.dark .litemenu-entry.submenu {
    background-color: #000 !important
}

.litegraph .litemenubar ul {
    font-family: Tahoma, sans-serif;
    margin: 0;
    padding: 0
}

.litegraph .litemenubar li {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.litegraph .litemenubar li:hover {
    background-color: #777;
    color: #eee
}

.litegraph .litegraph .litemenubar-panel {
    background-color: #444;
    border-bottom: 2px solid #aaf;
    box-shadow: 0 0 3px #000;
    left: 5px;
    min-width: 100px;
    padding: 4px;
    position: absolute;
    top: 5px;
    z-index: 10
}

.litegraph .litemenu-entry, .litemenu-title {
    color: #aaa;
    cursor: pointer;
    font-size: 12px;
    margin: 2px;
    padding: 0 0 0 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.litegraph .litemenu-entry .icon {
    display: inline-block;
    height: 12px;
    margin: 2px;
    vertical-align: top;
    width: 12px
}

.litegraph .litemenu-entry.checked .icon {
    background-color: #aaf
}

.litegraph .litemenu-entry .more {
    float: right;
    padding-right: 5px
}

.litegraph .litemenu-entry.disabled {
    cursor: default;
    opacity: .5
}

.litegraph .litemenu-entry.separator {
    background-color: transparent;
    border-bottom: 1px solid #666;
    border-top: 1px solid #333;
    cursor: default !important;
    display: block;
    height: 0;
    margin: 3px 0 2px;
    padding: 0 !important;
    width: 100%
}

.litegraph .litemenu-entry.has_submenu {
    border-right: 2px solid cyan
}

.litegraph .litemenu-title {
    background-color: #111;
    color: #dde;
    cursor: default;
    margin: 0;
    padding: 2px
}

.litegraph .litemenu-entry:hover:not(.disabled):not(.separator) {
    background-color: #444 !important;
    color: #eee;
    transition: all .2s
}

.litegraph .litemenu-entry .property_name {
    display: inline-block;
    min-height: 1.2em;
    min-width: 80px;
    text-align: left
}

.litegraph .litemenu-entry .property_value {
    background-color: rgba(0, 0, 0, .5);
    display: inline-block;
    min-height: 1.2em;
    min-width: 80px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle
}

.litegraph.litesearchbox {
    background-color: rgba(0, 0, 0, .5);
    font-family: Tahoma, sans-serif;
    padding-top: 4px;
    position: absolute
}

.litegraph.litesearchbox input, .litegraph.litesearchbox select {
    background-color: #000;
    border: 0;
    color: #fff;
    margin-right: 5px;
    margin-top: 3px;
    max-width: 300px;
    min-height: 1.5em;
    min-width: 60px;
    padding-left: 10px
}

.litegraph.litesearchbox .name {
    display: inline-block;
    min-height: 1.5em;
    min-width: 60px;
    padding-left: 10px
}

.litegraph.litesearchbox .helper {
    margin-top: 2px;
    max-height: 200px;
    overflow: auto
}

.litegraph.lite-search-item {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-family: Tahoma, sans-serif;
    padding-top: 2px
}

.litegraph.lite-search-item.not_in_filter {
    color: #b99;
    font-style: italic
}

.litegraph.lite-search-item.generic_type {
    color: #999;
    font-style: italic
}

.litegraph.lite-search-item.selected, .litegraph.lite-search-item:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

.litegraph.lite-search-item-type {
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    opacity: .8;
    padding: 2px 5px;
    position: relative;
    top: -2px
}

.litegraph .dialog {
    background-color: #2a2a2a;
    border-radius: 6px;
    box-shadow: 0 0 4px #111;
    left: 50%;
    margin-left: -200px;
    margin-top: -150px;
    min-height: 200px;
    min-width: 400px;
    position: absolute;
    top: 50%
}

.litegraph .dialog.settings {
    height: calc(100% - 20px);
    left: 10px;
    margin: auto;
    max-width: 50%;
    top: 10px
}

.litegraph .dialog.centered {
    height: calc(100% - 100px);
    left: 50%;
    margin: auto;
    min-height: 300px;
    min-width: 600px;
    position: absolute;
    top: 50px;
    transform: translateX(-50%)
}

.litegraph .dialog .close {
    cursor: pointer;
    float: right;
    font-size: 1.4em;
    margin: 4px 10px 4px 4px
}

.litegraph .dialog .close:hover {
    color: #fff
}

.litegraph .dialog .dialog-header {
    border-bottom: 1px solid #161616;
    color: #aaa;
    height: 40px
}

.litegraph .dialog .dialog-footer {
    border-top: 1px solid #1a1a1a;
    height: 50px;
    padding: 10px
}

.litegraph .dialog .dialog-header .dialog-title {
    display: inline-block;
    font: 20px Arial;
    margin: 4px;
    padding: 4px 10px
}

.litegraph .dialog .dialog-alt-content, .litegraph .dialog .dialog-content {
    color: #aaa;
    display: inline-block;
    height: calc(100% - 90px);
    min-height: 100px;
    overflow: auto;
    width: 100%
}

.litegraph .dialog .dialog-content h3 {
    margin: 10px
}

.litegraph .dialog .dialog-content .connections {
    flex-direction: row
}

.litegraph .dialog .dialog-content .connections .connections_side {
    background-color: #000;
    display: flex;
    min-height: 100px;
    width: calc(50% - 5px)
}

.litegraph .dialog .node_type {
    display: block;
    font-size: 1.2em;
    margin: 10px
}

.litegraph .dialog .node_desc {
    display: block;
    margin: 10px;
    opacity: .5
}

.litegraph .dialog .separator {
    border-bottom: 1px solid #333;
    border-top: 1px solid #000;
    display: block;
    height: 1px;
    margin: 10px 2px;
    padding: 0;
    width: calc(100% - 4px)
}

.litegraph .dialog .property {
    margin-bottom: 2px;
    padding: 4px
}

.litegraph .dialog .property:hover {
    background: #545454
}

.litegraph .dialog .property_name {
    color: #737373;
    display: inline-block;
    margin-right: 6px;
    overflow: hidden;
    padding-left: 4px;
    text-align: left;
    vertical-align: top;
    width: 160px
}

.litegraph .dialog .property:hover .property_name {
    color: #fff
}

.litegraph .dialog .property_value {
    background-color: #1a1a1a;
    border-radius: 3px;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    max-height: 300px;
    max-width: calc(100% - 162px);
    min-height: 20px;
    min-width: 200px;
    overflow: hidden;
    padding: 4px 12px 4px 4px;
    text-align: right
}

.litegraph .dialog .property_value:hover {
    color: #fff
}

.litegraph .dialog .property.boolean .property_value {
    color: #a88;
    padding-right: 30px
}

.litegraph .dialog .property.boolean.bool-on .property_name, .litegraph .dialog .property.boolean.bool-on .property_value {
    color: #8a8
}

.litegraph .dialog .btn {
    background-color: #060606;
    border: 0;
    border-radius: 4px;
    color: #8e8e8e;
    margin-left: 0;
    padding: 4px 20px
}

.litegraph .dialog .btn:hover {
    background-color: #111;
    color: #fff
}

.litegraph .dialog .btn.delete:hover {
    background-color: #f33;
    color: #000
}

.litegraph .subgraph_property {
    padding: 4px
}

.litegraph .subgraph_property:hover {
    background-color: #333
}

.litegraph .subgraph_property.extra {
    margin-top: 8px
}

.litegraph .subgraph_property span.name {
    font-size: 1.3em;
    padding-left: 4px
}

.litegraph .subgraph_property span.type {
    margin-right: 20px;
    opacity: .5;
    padding-left: 4px
}

.litegraph .subgraph_property span.label {
    display: inline-block;
    padding: 0 10px;
    width: 60px
}

.litegraph .subgraph_property input {
    background-color: #1a1a1a;
    border: 0;
    border-radius: 4px;
    color: #999;
    margin-right: 10px;
    padding: 4px 4px 4px 10px;
    width: 140px
}

.litegraph .subgraph_property button {
    background-color: #1c1c1c;
    border: 0;
    border-radius: 2px;
    color: #aaa;
    cursor: pointer;
    padding: 4px 10px
}

.litegraph .subgraph_property.extra {
    color: #ccc
}

.litegraph .subgraph_property.extra input {
    background-color: #111
}

.litegraph .bullet_icon {
    background-color: #666;
    border-radius: 10px;
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    margin-right: 4px;
    margin-top: 2px;
    transition: background-color .1s ease 0s;
    -moz-transition: background-color .1s ease 0s;
    width: 12px
}

.litegraph .bullet_icon:hover {
    background-color: #698;
    cursor: pointer
}

.graphcontextmenu {
    min-width: 100px;
    padding: 4px
}

.graphcontextmenu-title {
    background-color: #222;
    color: #dde;
    cursor: default;
    margin: 0;
    padding: 2px
}

.graphmenu-entry {
    box-sizing: border-box;
    margin: 2px;
    padding-left: 20px;
    transition: all .3s linear;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.graphmenu-entry.event, .litemenu-entry.event {
    border-left: 8px solid orange;
    padding-left: 12px
}

.graphmenu-entry.disabled {
    opacity: .3
}

.graphmenu-entry.submenu {
    border-right: 2px solid #eee
}

.graphmenu-entry:hover {
    background-color: #555
}

.graphmenu-entry.separator {
    background-color: #111;
    border-bottom: 1px solid #666;
    height: 1px;
    width: calc(100% - 20px);
    -moz-width: calc(100% - 20px);
    -webkit-width: calc(100% - 20px)
}

.graphmenu-entry .property_name {
    display: inline-block;
    min-height: 1.2em;
    min-width: 80px;
    text-align: left
}

.graphmenu-entry .property_value, .litemenu-entry .property_value {
    background-color: rgba(0, 0, 0, .5);
    display: inline-block;
    min-height: 1.2em;
    min-width: 80px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle
}

.graphdialog {
    background-color: #333;
    box-shadow: 0 0 10px #000 !important;
    font-size: 1.2em;
    left: 10px;
    min-height: 2em;
    position: absolute;
    top: 10px;
    z-index: 10
}

.graphdialog.rounded {
    border-radius: 12px;
    padding-right: 2px
}

.graphdialog .name {
    display: inline-block;
    min-height: 1.5em;
    min-width: 60px;
    padding-left: 10px
}

.graphdialog input, .graphdialog select, .graphdialog textarea {
    background-color: #000;
    border: 0;
    color: #fff;
    margin: 3px;
    min-height: 1.5em;
    min-width: 60px;
    outline: none;
    padding-left: 10px
}

.graphdialog textarea {
    min-height: 150px
}

.graphdialog button {
    background-color: #999;
    border: 0;
    margin-top: 3px;
    vertical-align: top
}

.graphdialog button.rounded, .graphdialog input.rounded {
    border-radius: 0 12px 12px 0
}

.graphdialog .helper {
    max-height: 200px;
    overflow: auto
}

.graphdialog .help-item {
    padding-left: 10px
}

.graphdialog .help-item.selected, .graphdialog .help-item:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

.litegraph .dialog {
    min-height: 0
}

.litegraph .dialog .dialog-content {
    display: block
}

.litegraph .dialog .dialog-content .subgraph_property {
    padding: 5px
}

.litegraph .dialog .dialog-footer {
    margin: 0
}

.litegraph .dialog .dialog-footer .subgraph_property {
    align-items: center;
    display: flex;
    margin-top: 0;
    padding: 5px
}

.litegraph .dialog .dialog-footer .subgraph_property .name {
    flex: 1
}

.litegraph .graphdialog {
    align-items: center;
    border-radius: 20px;
    display: flex;
    padding: 4px 10px;
    position: fixed
}

.litegraph .graphdialog .name {
    font-size: 16px;
    min-height: 0;
    padding: 0;
    vertical-align: middle
}

.litegraph .graphdialog .value {
    font-size: 16px;
    margin: 0 10px;
    min-height: 0;
    padding: 2px 5px
}

.litegraph .graphdialog input[type=checkbox] {
    height: 16px;
    width: 16px
}

.litegraph .graphdialog button {
    border-radius: 20px;
    cursor: pointer;
    padding: 4px 18px
}

:root {
    --comfy-uifg-color: #000;
    --comfy-uibg-color: #fff;
    --comfy-uicomfy-menu-bg: #353535;
    --comfy-uicomfy-input-bg: #222;
    --comfy-uiinput-text: #ddd;
    --comfy-uidescrip-text: #999;
    --comfy-uidrag-text: #ccc;
    --comfy-uierror-text: #f44;
    --comfy-uiborder-color: #4e4e4e;
    --comfy-uitr-even-bg-color: #222;
    --comfy-uitr-odd-bg-color: #353535
}

@media (prefers-color-scheme: dark) {
    :root {
        --comfy-uifg-color: #fff;
        --comfy-uibg-color: #202020
    }
}

.comfy-multiline-input {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    border: none;
    box-sizing: border-box;
    color: #ddd;
    color: var(--comfy-uiinput-text);
    font-size: 10px;
    overflow: hidden;
    overflow-y: auto;
    padding: 2px;
    resize: none;
    z-index: 2 !important
}

.comfy-modal {
    background-color: #353535;
    background-color: var(--comfy-uicomfy-menu-bg);
    border-radius: 10px;
    box-shadow: 0 0 20px #888;
    color: #f44;
    color: var(--comfy-uierror-text);
    display: none;
    font-family: monospace;
    font-size: 15px;
    justify-content: center;
    left: 50%;
    max-height: 80vh;
    max-width: 80vw;
    overflow: hidden;
    padding: 30px 30px 10px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100
}

.comfy-modal-content {
    display: flex;
    flex-direction: column
}

.comfy-modal p {
    margin-bottom: 20px;
    overflow: auto;
    white-space: pre-line
}

.comfy-modal input[type=button], .comfy-modal input[type=checkbox], .comfy-modal select {
    margin: 3px 3px 3px 4px
}

.comfy-menu-hamburger {
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 8px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 9999
}

.comfy-menu-hamburger div {
    background-color: #fff;
    border-radius: 20px;
    height: 3px;
    width: 100%
}

.comfy-menu {
    align-items: center;
    background-color: #353535;
    background-color: var(--comfy-uicomfy-menu-bg);
    border-radius: 0 8px 8px 8px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .4);
    color: #999;
    color: var(--comfy-uidescrip-text);
    flex-direction: column;
    font-family: sans-serif;
    font-size: 15px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 170px;
    z-index: 999
}

.comfy-menu, .comfy-menu-header {
    display: flex
}

.comfy-menu-actions {
    align-items: center;
    display: flex;
    font-size: 22px;
    gap: 3px;
    height: 20px;
    position: relative;
    top: -1px
}

.comfy-menu .comfy-menu-actions button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: inherit;
    padding: 0
}

.comfy-menu .comfy-menu-actions .comfy-settings-btn {
    font-size: .6em
}

button.comfy-close-menu-btn {
    color: #ccc;
    font-size: 1em;
    line-height: 12px;
    position: relative;
    top: -1px
}

.comfy-menu-queue-size {
    flex: auto
}

.comfy-menu button, .comfy-modal button {
    font-size: 20px
}

.comfy-menu-btns {
    margin-bottom: 10px;
    width: 100%
}

.comfy-menu-btns button {
    color: #999 !important;
    color: var(--comfy-uidescrip-text) !important;
    font-size: 10px;
    width: 50%
}

.comfy-menu > button {
    width: 100%
}

.comfy-btn, .comfy-menu .comfy-list button, .comfy-menu-btns button, .comfy-menu > button, .comfy-modal button {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    border-color: #4e4e4e;
    border-color: var(--comfy-uiborder-color);
    border-radius: 8px;
    border-style: solid;
    color: #ddd;
    color: var(--comfy-uiinput-text);
    margin-top: 2px
}

.comfy-btn:hover:not(:disabled), .comfy-menu .comfy-list button:hover, .comfy-menu-actions button:hover, .comfy-menu-btns button:hover, .comfy-menu > button:hover, .comfy-modal button:hover {
    cursor: pointer;
    filter: brightness(1.2);
    will-change: transform
}

span.drag-handle {
    color: #ccc;
    color: var(--comfy-uidrag-text);
    cursor: move;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    height: 20px;
    letter-spacing: 2px;
    line-height: 5px;
    margin-left: -.2em;
    margin-top: -.4em;
    overflow: hidden;
    padding: 3px 4px;
    text-shadow: 1px 0 1px #000;
    vertical-align: middle;
    width: 10px
}

span.drag-handle:after {
    content: ".. .. .."
}

.comfy-queue-btn {
    width: 100%
}

.comfy-list {
    background-color: #353535;
    background-color: var(--comfy-uicomfy-menu-bg);
    border-color: #4e4e4e;
    border-color: var(--comfy-uiborder-color);
    border-style: solid;
    color: #999;
    color: var(--comfy-uidescrip-text);
    margin-bottom: 10px
}

.comfy-list-items {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    max-height: 100px;
    min-height: 25px;
    overflow-y: scroll;
    padding: 5px
}

.comfy-list h4 {
    font-weight: 400;
    margin: 0;
    min-width: 160px;
    padding: 3px
}

.comfy-list-items button {
    font-size: 10px
}

.comfy-list-actions {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin: 5px
}

.comfy-list-actions button {
    font-size: 12px
}

button.comfy-queue-btn {
    margin: 6px 0 !important
}

.comfy-modal.comfy-manage-templates, .comfy-modal.comfy-settings {
    color: #999;
    color: var(--comfy-uidescrip-text);
    font-family: sans-serif;
    text-align: center;
    z-index: 99
}

.comfy-modal.comfy-settings input[type=range] {
    vertical-align: middle
}

.comfy-modal.comfy-settings input[type=range] + input[type=number] {
    width: 3.5em
}

.comfy-modal input, .comfy-modal select {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    border-color: #4e4e4e;
    border-color: var(--comfy-uiborder-color);
    border-radius: 8px;
    border-style: solid;
    color: #ddd;
    color: var(--comfy-uiinput-text);
    font-size: inherit
}

.comfy-tooltip-indicator {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-style: dashed
}

@media only screen and (max-height: 850px) {
    .comfy-menu {
        border-radius: 0;
        bottom: 0 !important;
        left: auto !important;
        right: 0 !important;
        top: 0 !important
    }

    .comfy-menu span.drag-handle {
        display: none
    }

    .comfy-menu-queue-size {
        flex: initial
    }

    .comfy-menu-header {
        justify-content: space-between
    }

    .comfy-menu-actions {
        font-size: 28px;
        gap: 10px
    }
}

.graphdialog {
    background-color: #353535;
    background-color: var(--comfy-uicomfy-menu-bg);
    min-height: 1em
}

.graphdialog .name {
    color: #999;
    color: var(--comfy-uidescrip-text);
    font-family: sans-serif;
    font-size: 14px
}

.graphdialog button {
    height: 1.6em;
    margin-top: 0;
    padding-right: 8px;
    vertical-align: baseline;
    vertical-align: initial
}

.graphdialog input, .graphdialog select, .graphdialog textarea {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    border: 2px solid #4e4e4e;
    border-color: var(--comfy-uiborder-color);
    border-radius: 12px 0 0 12px;
    color: #ddd;
    color: var(--comfy-uiinput-text)
}

dialog {
    box-shadow: 0 0 20px #888
}

dialog::backdrop {
    background: rgba(0, 0, 0, .5)
}

#comfy-settings-dialog {
    padding: 0;
    width: 41rem
}

#comfy-settings-dialog tr > td:first-child {
    text-align: right
}

#comfy-settings-dialog table > button, #comfy-settings-dialog tbody button {
    background-color: #fff;
    background-color: var(--comfy-uibg-color);
    border: 1px solid #4e4e4e;
    border: 1px solid var(--comfy-uiborder-color);
    border-radius: 0;
    color: #ddd;
    color: var(--comfy-uiinput-text);
    font-size: 1rem;
    padding: .5rem
}

#comfy-settings-dialog button:hover {
    background-color: #353535;
    background-color: var(--comfy-uitr-odd-bg-color)
}

.comfy-table {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    width: 100%
}

.comfy-table, .comfy-table caption {
    color: #ddd;
    color: var(--comfy-uiinput-text)
}

.comfy-table caption {
    background-color: #fff;
    background-color: var(--comfy-uibg-color);
    border-bottom: 1px solid #4e4e4e;
    border-bottom: 1px solid var(--comfy-uiborder-color);
    font-size: 1rem;
    font-weight: 700;
    padding: 8px;
    position: sticky;
    text-align: center;
    top: 0
}

.comfy-table caption .comfy-btn {
    aspect-ratio: 1/1;
    border: none;
    border-radius: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.comfy-table caption .comfy-btn:focus {
    outline: none
}

.comfy-table tr:nth-child(2n) {
    background-color: #222;
    background-color: var(--comfy-uitr-even-bg-color)
}

.comfy-table tr:nth-child(odd) {
    background-color: #353535;
    background-color: var(--comfy-uitr-odd-bg-color)
}

.comfy-table td, .comfy-table th {
    border: 1px solid #4e4e4e;
    border: 1px solid var(--comfy-uiborder-color);
    padding: 8px
}

.litegraph .dialog {
    font-family: Arial, sans-serif;
    z-index: 1
}

.litegraph .litemenu-entry.has_submenu {
    padding-right: 20px;
    position: relative
}

.litemenu-entry.has_submenu:after {
    content: ">";
    position: absolute;
    right: 2px;
    top: 0
}

.litegraph.litecontextmenu, .litegraph.litecontextmenu.dark {
    background-color: #353535 !important;
    background-color: var(--comfy-uicomfy-menu-bg) !important;
    filter: brightness(95%);
    will-change: transform;
    z-index: 9999 !important
}

.litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {
    filter: brightness(155%);
    will-change: transform
}

.litegraph.litecontextmenu .litemenu-entry.submenu, .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator), .litegraph.litecontextmenu.dark .litemenu-entry.submenu {
    background-color: #353535 !important;
    background-color: var(--comfy-uicomfy-menu-bg) !important;
    color: #ddd;
    color: var(--comfy-uiinput-text)
}

.litegraph.litecontextmenu input {
    background-color: #222 !important;
    background-color: var(--comfy-uicomfy-input-bg) !important;
    color: #ddd !important;
    color: var(--comfy-uiinput-text) !important
}

.comfy-context-menu-filter {
    border: 1px solid #999;
    box-sizing: border-box;
    margin: 0 0 5px 5px;
    width: calc(100% - 10px)
}

.comfy-img-preview {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    pointer-events: none
}

.comfy-img-preview img {
    height: var(--comfy-uicomfy-img-preview-height);
    -o-object-fit: contain;
    object-fit: contain;
    width: var(--comfy-uicomfy-img-preview-width)
}

.comfy-missing-nodes li button {
    font-size: 12px;
    margin-left: 5px
}

.litegraph.litesearchbox {
    background-color: #353535 !important;
    background-color: var(--comfy-uicomfy-menu-bg) !important;
    display: block;
    overflow: hidden;
    z-index: 9999 !important
}

.litegraph.litesearchbox input, .litegraph.litesearchbox select {
    background-color: #222 !important;
    background-color: var(--comfy-uicomfy-input-bg) !important;
    color: #ddd;
    color: var(--comfy-uiinput-text)
}

.litegraph.lite-search-item {
    background-color: #222;
    background-color: var(--comfy-uicomfy-input-bg);
    color: #ddd;
    color: var(--comfy-uiinput-text);
    filter: brightness(80%);
    padding-left: .2em;
    will-change: transform
}

.litegraph.lite-search-item.generic_type {
    color: #ddd;
    color: var(--comfy-uiinput-text);
    filter: brightness(50%);
    will-change: transform
}

@media only screen and (max-width: 450px) {
    #comfy-settings-dialog .comfy-table tbody, #comfy-settings-dialog .comfy-table tr {
        display: grid
    }

    #comfy-settings-dialog tr > td:first-child {
        border-bottom: none;
        padding-bottom: 0;
        text-align: center
    }

    #comfy-settings-dialog tr > td:not(:first-child) {
        border-top: none;
        text-align: center
    }
}

.el-message {
    align-items: center;
    background-color: #edf2fc;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    min-width: 380px;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    position: fixed;
    top: 20px;
    transform: translateX(-50%);
    transition: opacity .3s, transform .4s, top .4s
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: #909399
}

.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.el-message--success .el-message__content {
    color: #67c23a
}

.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8
}

.el-message--warning .el-message__content {
    color: #e6a23c
}

.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2
}

.el-message--error .el-message__content {
    color: #f56c6c
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: #909399
}

.el-message .el-icon-success {
    color: #67c23a
}

.el-message .el-icon-error {
    color: #f56c6c
}

.el-message .el-icon-info {
    color: #909399
}

.el-message .el-icon-warning {
    color: #e6a23c
}

.el-message-fade-enter, .el-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

@font-face {
    font-display: "auto";
    font-family: element-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/_nuxt/fonts/element-icons.313f7da.woff) format("woff"), url(/_nuxt/fonts/element-icons.4520188.ttf) format("truetype")
}

[class*=" el-icon-"], [class^=el-icon-] {
    speak: none;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: element-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    vertical-align: baseline
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

.el-icon-pie-chart:before {
    content: "\e767"
}

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

.el-icon-d-arrow-right:before {
    content: "\e6dc"
}

.el-icon-d-arrow-left:before {
    content: "\e6dd"
}

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

.el-icon-circle-plus:before {
    content: "\e7a0"
}

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    background-color: hsla(0, 0%, 100%, .9);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    z-index: 2000
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    margin-top: -21px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-loading-spinner .el-loading-text {
    color: #409eff;
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    animation: loading-rotate 2s linear infinite;
    height: 42px;
    width: 42px
}

.el-loading-spinner .path {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
    animation: loading-dash 1.5s ease-in-out infinite
}

.el-loading-spinner i {
    color: #409eff
}

.el-loading-fade-enter, .el-loading-fade-leave-active {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.footer[data-v-1408cbb2] {
    align-items: center;
    background: var(--containerBg);
    color: #7d7d78;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.footer .el-divider--vertical[data-v-1408cbb2] {
    background: #7d7d78
}

.footer .left-text[data-v-1408cbb2] {
    gap: 5px
}

.footer a[data-v-1408cbb2] {
    align-items: center;
    color: #7d7d78;
    display: flex;
    flex-wrap: nowrap;
    -webkit-text-decoration: none;
    text-decoration: none
}

.footer a[data-v-1408cbb2]:hover {
    color: #dbdee6;
    cursor: pointer
}

.footer a img[data-v-1408cbb2] {
    transform: scale(.65)
}

.footer .devide-line[data-v-1408cbb2]:after {
    background: #7d7d78;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 0 10px;
    width: 1px
}

.dropdown-panel[data-v-250efffe] {
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 100%
}

.dropdown-panel .dropdown-panelCnt[data-v-250efffe] {
    background-color: #161620;
    background-image: url(data:image/webp;base64,UklGRiQCAABXRUJQVlA4WAoAAAAQAAAA1QAAoQAAQUxQSNMAAAABcFtbe9p8pUqNEFDp0uPgPsEBSPsEO40Q0ADhmKHyVyoiJgANZaBPNu3tdrdKJDpU20/a+x8rr42YfFIKH0vRSJmURjNo4F9SIi9+zeCSUnlRFcKkZBpRWqZ0TgF4Dz4+ClilhGrIByMfmaSUBitO9I6Ts+XEps7/zv/O/87/zv/O/47LlhN74mSvOVkFnCTyw8hDQjOyAtSHj4cHYMrHEgCEYcOIEtSFi8sA1f6FiYuP+oHhwSg0FcsHB5+pQEtv9eh/H63QoUxWO9vf7EkHEg0BAFZQOCAqAQAAsA4AnQEq1gCiAD6dTqNOIiMREFqsAFgJxLS3bq9AnczvIAhKOLLARDf5q3WtSz7GMp/NY+oXF+AyT0E9Ca60uzQEeM+djn6KPei6ULpW5DBVqq0rytSMVIFzRfjPqvxezpgOrbqd6yLvoubeIvLANdS1ImHdmVVQ7GgqxGYAAP70UYYHKaDF+dDCKknFZR8+ECbKnS+D0q6OU+GV2iJM0O/5mi+ysNathCepJ7ECgVxEl01+krwe3nLTajvQ4Nn2w9K0bhT5Ll/gjI6u3XUYxxtGen/DLs60YIWFahIuwMUp1nBxnuMDrMNWo0Im6DJ6PBwYpAjKfxt7YMC9DyXAIalyQsnYKykCsF+uIpfB6wAAAAAAAAAANYoY3XT+On6Y8fD9EJdfUtdIAA==);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 18px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px;
    width: 214px;
    z-index: 10
}

.dropdown-panel .dropdown-list .dropdown-item[data-v-250efffe] {
    color: #fff;
    cursor: pointer;
    margin-bottom: 10Px
}

.dropdown-panel .dropdown-list .dropdown-item[data-v-250efffe]:last-child {
    margin-bottom: 0
}

.dropdown-panel .dropdown-list .dropdown-item:hover > .item-label[data-v-250efffe] {
    background: rgba(100, 105, 157, .2);
    border-radius: 6px
}

.dropdown-panel .dropdown-list .dropdown-item:hover .item-children[data-v-250efffe] {
    display: block
}

.dropdown-panel .dropdown-list .dropdown-item .item-label[data-v-250efffe] {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.dropdown-panel .dropdown-list .dropdown-item .item-label i[data-v-250efffe], .dropdown-panel .dropdown-list .dropdown-item .item-label svg[data-v-250efffe] {
    font-size: 20px;
    margin-right: 8px
}

.dropdown-panel .dropdown-list .dropdown-item .item-label .words[data-v-250efffe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 37px)
}

.dropdown-panel .dropdown-list .dropdown-item .item-childrenBox[data-v-250efffe] {
    padding-right: 23px;
    position: absolute;
    right: calc(100% - 24px);
    top: 65px
}

.dropdown-panel .dropdown-list .dropdown-item .item-children[data-v-250efffe] {
    background-image: url(data:image/webp;base64,UklGRhoCAABXRUJQVlA4WAoAAAAQAAAA1QAA0wAAQUxQSNkAAAABcFtbe9p8pUqNEFDp0uOE9uEBSPsEO40Q0ADhmKHy1+WPiAlASd2zRx81dr9djjRqNJt31Pjvy6CKGr8jCu8LVcq4iEbXKhGeIyLPYUHrHFF5NjnKRWQ6lVlEdE4ABHc+3gZYRoRa6Dsjbz2KKO0tObFbTk6eEx+J/8X/4n/xv/hf/C/+F/+L//8r9Jz4Iyc7y8myx8lIvxm5a1hGloB583EPAEz4WACAcmw4lYE5c3FuIT88M3EOUdxyPDiDsmpx5+A9UagYLO/N720NatSj5dY3N3+0PY2SAFZQOCAaAQAAMBAAnQEq1gDUAD6dTqBOIhFREBQMWAnEtLdwtHhpu+pKM75AFZvRl4kTao7fRcRmP7hAydSB52TR0CwQFM92RefwpDIrOERT9oIeEmrBsIgVEdfzluvXp5n9R9zeckaJAK+COv8aWeojnsYPOtHjKrxHPXoy8Rz16MvEc9ejLxHPXsgKCGqo/VoAAP77VKIbDPPwDoc3A7xAGoJ6rfx3kJPKO+/po5THsG31BgfON/HuyMlcNboSl/Kfoh7qkAVzlJx33qb0W1bubMtYD2D9UqxBM9oblqYHvxeca9+miAnaPpvHRTUc80O/YZUbm5o3c1+01EFIMFrXVfFZbfykINTT3DgAAAAAAAAAADR+XG2+FACWioMcIgAA);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 16px;
    box-sizing: border-box;
    display: none;
    padding: 12px;
    width: 214px
}

.dropdown-panel .dropdown-list .dropdown-item .creation-badge[data-v-250efffe] {
    align-items: center;
    background-color: #ef4444;
    border-radius: 50%;
    display: inline-flex;
    height: 8px;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 8px
}

.dropdown-panel .dropdown-list .dropdown-item .creation-badge[data-v-250efffe] .el-badge__content {
    border-color: transparent
}

.svg-icon[data-v-df60ab1e] {
    fill: currentColor;
    height: 1em;
    overflow: hidden;
    vertical-align: -.15em;
    width: 1em
}

.svg-external-icon[data-v-df60ab1e] {
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: cover !important;
    mask-size: cover !important
}

.tabs-container .tabs[data-v-1571666d], .tabs-container[data-v-1571666d] {
    box-sizing: border-box;
    width: 100%
}

.tabs-container .tabs[data-v-1571666d] {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    height: 44px;
    padding: 0
}

.tabs-container .tabs .item-tab[data-v-1571666d] {
    box-sizing: border-box;
    color: #b8c0c9;
    cursor: pointer;
    font-family: ArialMT;
    font-size: 14px;
    height: 48px;
    line-height: 16px;
    padding: 16px 18px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.tabs-container .tabs .item-tab.new[data-v-1571666d]:before {
    background: url(/_nuxt/img/new.4ae2c8f.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 18px;
    left: 85%;
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    width: 40%
}

.tabs-container .tabs .item-tab.active-tab[data-v-1571666d]:not(.is-studio) {
    background: #242b3d;
    border-radius: 24px;
    color: #fff;
    font-family: Arial-BoldMT, Arial;
    font-weight: 400
}

.tabs-container .tabs .item-tab.active-tab.is-studio[data-v-1571666d] {
    color: #fff;
    font-weight: 400
}

.tabs-container .tabs .item-tab.active-tab.is-studio[data-v-1571666d]:after {
    background: url(/_nuxt/img/tab_after.b39118b.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    bottom: -10px;
    content: "";
    height: 28px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 230%
}

.home-search[data-v-0d286c2d] {
    position: relative
}

.home-search .title[data-v-0d286c2d] {
    margin-top: 20px;
    text-align: center
}

.home-search .title h1[data-v-0d286c2d] {
    color: #fff;
    font-family: "Helvetica-Bold", "Helvetica", var(--font-family);
    font-size: 36px;
    font-weight: 700;
    height: 43px;
    letter-spacing: 1px;
    line-height: 43px;
    margin-bottom: 0
}

.home-search .title h2[data-v-0d286c2d] {
    color: #d6e0ef;
    font-family: "Helvetica", var(--font-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 8px auto 24px
}

.home-search .search-textarea[data-v-0d286c2d] {
    background: #252635;
    border: none;
    border-radius: 8px;
    display: flex;
    margin-top: 16px;
    padding: 16px 14px;
    position: relative;
    width: inherit
}

.home-search .search-textarea.sp-color[data-v-0d286c2d] {
    background: linear-gradient(135deg, rgba(15, 24, 232, .102), rgba(159, 157, 243, .102));
    border: 1px solid hsla(0, 0%, 100%, .05)
}

.home-search .search-textarea .search-select[data-v-0d286c2d] {
    background: #333342;
    border-radius: 24px 0 0 24px;
    height: 48px;
    width: 140px
}

.home-search .search-textarea .search-select[data-v-0d286c2d] .el-input__inner {
    padding-left: 20px
}

.home-search .search-textarea .search-select.zhCN[data-v-0d286c2d], .home-search .search-textarea .search-select.zhTW[data-v-0d286c2d] {
    width: 100px
}

.home-search .search-textarea .textarea-left[data-v-0d286c2d] {
    flex: 1
}

.home-search .search-textarea .textarea-left[data-v-0d286c2d] .el-input__inner {
    padding-right: 0
}

.home-search .search-textarea .textarea-left[data-v-0d286c2d] .el-textarea__inner::-moz-placeholder {
    opacity: .5
}

.home-search .search-textarea .textarea-left[data-v-0d286c2d] .el-textarea__inner::placeholder {
    opacity: .5
}

.home-search .search-textarea .textarea-left[data-v-0d286c2d] .el-input__prefix {
    align-items: center;
    display: flex
}

.home-search .search-textarea .textarea-left .search-icon[data-v-0d286c2d] {
    fill: #555668;
    height: 24px;
    width: 24px
}

.home-search .search-textarea .img-container[data-v-0d286c2d] {
    cursor: pointer;
    flex: 1;
    height: 84px;
    width: auto
}

.home-search .search-textarea .img-container .img[data-v-0d286c2d] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.home-search .search-textarea .textarea-right[data-v-0d286c2d] {
    height: 40px;
    overflow: hidden;
    width: 46px
}

.home-search .search-textarea .textarea-right .btn-clear[data-v-0d286c2d] {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #5b5566;
    cursor: pointer;
    font-size: 24px
}

.home-search .search-textarea .textarea-right .btn-clear[data-v-0d286c2d]:hover {
    background-color: #252634
}

.home-search .search-textarea .bottom-button[data-v-0d286c2d] {
    margin-right: 18px
}

.home-search .search-textarea .bottom-button .img-search-btn[data-v-0d286c2d] {
    z-index: 1
}

.home-search .search-textarea .bottom-button .img-search-img[data-v-0d286c2d] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0 !important;
    width: 34px
}

.home-search .search-textarea .bottom-button .img-search-img .img-search-img-content[data-v-0d286c2d] {
    font-size: 12px
}

.home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon[data-v-0d286c2d] {
    font-size: 24px;
    margin-right: 5px
}

.home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon.loading[data-v-0d286c2d] {
    animation: rotate 1s linear infinite
}

.home-search .search-textarea .bottom-button .img-search-img[data-v-0d286c2d] {
    box-sizing: border-box;
    height: 34px;
    padding-left: 33px
}

.home-search .search-textarea .bottom-button .img-search-img .img-search-img-content[data-v-0d286c2d] {
    position: relative
}

.home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon[data-v-0d286c2d] {
    font-size: 24px !important;
    margin-right: 0
}

.home-search .search-textarea[data-v-0d286c2d] .el-textarea__inner {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0
}

.home-search .history-content[data-v-0d286c2d] {
    background: #1c1d2a;
    border-radius: 10px;
    color: #fff;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    left: 0;
    margin-top: 8px;
    max-height: 260px;
    overflow: hidden;
    padding: 18px 22px 32px;
    position: absolute;
    right: 0;
    z-index: 100
}

.home-search .history-content .up-fixed[data-v-0d286c2d] {
    color: #91949b;
    font-size: 14px;
    margin-top: 8px
}

.home-search .history-content .up-fixed .svg-icon[data-v-0d286c2d] {
    background: #2f303d;
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.home-search .history-content .down-items[data-v-0d286c2d] {
    color: #babcc3;
    overflow: hidden;
    overflow-y: auto
}

.home-search .history-content .down-items .his-item[data-v-0d286c2d] {
    background: #292a37;
    border-radius: 30px;
    cursor: pointer;
    font-family: "ArialMT", var(--font-family);
    font-size: 12px;
    margin: 10px 10px 0 0;
    max-width: 93%;
    padding: 5px 15px
}

.home-search .history-content .down-items .his-item .his-item-btn[data-v-0d286c2d] {
    background: transparent;
    border-radius: 50%;
    color: #9b9ea6;
    font-size: 24px;
    margin-left: 10px
}

.home-search .history-content .down-items .his-item .his-item-btn i[data-v-0d286c2d] {
    transform: scale(.6)
}

.home-search .history-content .down-items .his-item:hover .his-item-btn[data-v-0d286c2d] {
    background: #23242f
}

.home-search .associate-content[data-v-0d286c2d] {
    background: #1c1d2a;
    border-radius: 10px;
    color: #fff;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    margin-top: 8px;
    overflow: hidden;
    padding-top: 20px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 100
}

.home-search .associate-content > .item-list[data-v-0d286c2d] {
    max-height: 260px;
    overflow-y: auto
}

.home-search .associate-content > .item-list > .item[data-v-0d286c2d] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 0 24px
}

.home-search .associate-content > .item-list > .item[data-v-0d286c2d]:hover {
    background-color: #333342
}

.home-search .associate-content > .item-list > .item > .search-icon[data-v-0d286c2d] {
    color: #555668;
    font-size: 24px;
    margin-right: 12px
}

.home-search .associate-content > .item-list > .item > .word-text[data-v-0d286c2d] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px
}

.home-search .associate-content > .more-item[data-v-0d286c2d] {
    align-items: center;
    color: #3f8eff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    width: 100%
}

.home-search .mock-associate-box[data-v-0d286c2d] {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: -1
}

.home-search .no-search-box[data-v-0d286c2d] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center
}

.home-search .no-search-box > p[data-v-0d286c2d] {
    margin-left: 20px;
    margin-top: 16px
}

.act-input[data-v-0d286c2d] {
    border: 1px solid #3f8eff !important
}

.act-input .search-select[data-v-0d286c2d] {
    height: 46px !important
}

.middle-search[data-v-10961227] {
    box-sizing: border-box;
    height: 48px;
    margin: 0 20px 0 5px
}

.middle-search[data-v-10961227] .home-search {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.middle-search[data-v-10961227] .home-search .search-textarea {
    border-radius: 24px;
    box-sizing: border-box;
    height: 48px;
    margin: 0;
    padding: 0;
    width: 100%
}

.middle-search[data-v-10961227] .home-search .search-textarea .el-input {
    height: 100%
}

.middle-search[data-v-10961227] .home-search .search-textarea .el-input .el-input__inner {
    background: transparent;
    border: 0;
    border-radius: 24px;
    box-sizing: border-box;
    color: #fff;
    height: 100%
}

.middle-search[data-v-10961227] .home-search .search-textarea .el-input .el-input__inner::-moz-placeholder {
    color: #555668
}

.middle-search[data-v-10961227] .home-search .search-textarea .el-input .el-input__inner::placeholder {
    color: #555668
}

.middle-search[data-v-10961227] .home-search .search-textarea .img-container {
    height: 40px;
    margin-left: 20px;
    width: auto
}

.middle-search.sp-height[data-v-10961227] .home-search .search-textarea .bottom-button {
    bottom: auto
}

.side-item-help[data-v-06693ad5] {
    border: 1px solid transparent;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 16px;
    margin: 5px;
    padding: 12px 10px 12px 12px;
    transition: all .3s ease-in-out;
    vertical-align: middle
}

.side-item-help[data-v-06693ad5]:active {
    background: #1e2e57;
    border-color: #475e95;
    border-radius: 6px
}

.side-item-help i[data-v-06693ad5] {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.side-item-help p[data-v-06693ad5] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 0;
    overflow: hidden;
    white-space: nowrap
}

.side-item-help .sidebar-icon-wrapper[data-v-06693ad5] {
    align-items: center;
    color: #95b4f0;
    display: inline-flex;
    font-size: 22px
}

.notice-popover .notice-list[data-v-06693ad5] {
    color: #d7ddea;
    min-width: 332px;
    padding: 12px
}

.notice-popover .notice-list .tabs[data-v-06693ad5] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    gap: 40px;
    padding: 12px
}

.notice-popover .notice-list .tabs .tab[data-v-06693ad5] {
    color: #686a6c;
    cursor: pointer;
    position: relative
}

.notice-popover .notice-list .tabs .tab.active[data-v-06693ad5] {
    color: #f7fbfa
}

.notice-popover .notice-list .tabs .tab.active[data-v-06693ad5]:after {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    background-position: 50%;
    background-size: contain;
    bottom: -12px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.notice-popover .notice-list .tabs .tab .unread-dot[data-v-06693ad5] {
    position: absolute;
    right: -10px;
    top: 0
}

.notice-popover .notice-list .btns[data-v-06693ad5] {
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    color: #6f767e;
    padding: 12px
}

.notice-popover .notice-list .btns .btn[data-v-06693ad5] {
    cursor: pointer
}

.notice-popover .notice-list .no-data[data-v-06693ad5] {
    margin: 20px
}

.notice-popover .notice-list .notices[data-v-06693ad5] {
    max-height: 400px;
    overflow-y: auto;
    width: 332px
}

.notice-popover .notice-list .notices .notice[data-v-06693ad5] {
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%
}

.notice-popover .notice-list .notices .notice[data-v-06693ad5]:last-child {
    margin-bottom: 0
}

.notice-popover .notice-list .notices .notice[data-v-06693ad5]:hover {
    background: hsla(0, 0%, 100%, .1)
}

.notice-popover .notice-list .notices .notice .title[data-v-06693ad5] {
    color: #fff;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 500;
    width: 155px
}

.notice-popover .notice-list .notices .notice .title.redDot[data-v-06693ad5]:before {
    background-color: #ff3a3a;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    line-height: 6px;
    margin-left: -11px;
    margin-right: 5px;
    width: 6px
}

.notice-popover .notice-list .notices .notice .time[data-v-06693ad5] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 10px;
    font-weight: 400
}

.notice-popover .notice-list .notices .notice .creation-badge[data-v-06693ad5] {
    align-items: center;
    background-color: #ef4444;
    border-radius: 50%;
    display: inline-flex;
    height: 8px;
    justify-content: center;
    margin-left: -8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.notice-popover .notice-list .notices .down[data-v-06693ad5], .notice-popover .notice-list .notices .other-down[data-v-06693ad5] {
    color: #a3a6bc;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.notice-popover .notice-list .notices .down[data-v-06693ad5], .notice-popover .notice-list .notices .other-down[data-v-06693ad5], .notice-popover .notice-list .notices .title[data-v-06693ad5] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.notice-popover .notice-list .notices .down[data-v-06693ad5] {
    -webkit-line-clamp: 2
}

.notice-popover .notice-list .notices .notice-item[data-v-06693ad5] {
    gap: 10px;
    margin-bottom: 8px;
    padding: 12px;
    position: relative
}

.notice-popover .notice-list .notices .notice-item .right-main[data-v-06693ad5] {
    flex-grow: 1
}

.notice-popover .notice-list .notices .el-divider[data-v-06693ad5] {
    background-color: hsla(0, 0%, 100%, .3);
    flex-shrink: 0;
    margin: 15px 0;
    width: 60%
}

.notice-popover .notice-list .notices .el-divider .el-divider__text[data-v-06693ad5] {
    background: #0f121c;
    color: hsla(0, 0%, 100%, .3);
    font-size: 12px;
    font-weight: 700;
    padding: 0 2px;
    text-align: center;
    width: 130px;
    word-break: break-word
}

.notice-popover .notice-list .card-user-avatar[data-v-06693ad5] {
    align-items: center;
    background-color: #e9e9e9;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
    height: 24px;
    justify-content: center;
    width: 24px
}

.creation-badge[data-v-06693ad5] {
    align-items: center;
    background-color: #ef4444;
    border-radius: 50%;
    display: inline-flex;
    height: 8px;
    justify-content: center;
    margin-left: -8px;
    width: 8px
}

.creation-badge[data-v-06693ad5] .el-badge__content {
    border-color: transparent
}

.notice-popover {
    background-color: rgba(27, 28, 38, .9);
    background-size: 100% auto;
    border: none !important;
    border-radius: 16px !important
}

.notice-popover ::-webkit-scrollbar {
    width: 4px
}

.top-bar-user-popover {
    border: 0 !important;
    border-radius: 16px
}

.top-bar-user {
    border: 1px solid transparent;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 16px;
    padding: 10px;
    transition: all .3s ease-in-out;
    vertical-align: middle
}

.top-bar-user:active {
    background: #1e2e57;
    border-color: #475e95;
    border-radius: 6px
}

.top-bar-user .user-panel {
    align-items: center;
    cursor: pointer;
    display: flex
}

.top-bar-user .user-panel i {
    font-size: 10px;
    margin-left: 8px
}

.top-bar-user .user-avatar {
    align-items: center;
    background-color: #e9e9e9;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.top-bar-box, .top-bar-user .user-avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.top-bar-box {
    border-radius: 16px;
    padding: 23px 12px 16px;
    width: 332px
}

.top-bar-box .top-bar-card {
    align-items: center;
    display: flex
}

.top-bar-box .top-bar-card .card-user-avatar {
    align-items: center;
    background-color: #e9e9e9;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    width: 42px
}

.top-bar-box .top-bar-card .card-user-info {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    gap: 15px;
    line-height: 20px
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .username {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag {
    align-items: center;
    background: linear-gradient(90deg, #82bbff, #4075ff);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    padding: 2px 6px;
    text-align: center
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag span {
    font-size: 12px;
    font-weight: 600
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag i {
    font-size: 10px;
    margin-left: 7px;
    transform: rotate(90deg)
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-nickname-icon {
    cursor: pointer
}

.top-bar-box .top-bar-card .card-user-info .card-user-info-id {
    color: hsla(0, 0%, 100%, .5);
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.top-bar-box .top-bar-card .top-bar-card-item {
    align-items: center;
    display: inline-flex;
    flex: 1 0 auto;
    flex-direction: column;
    height: 67px;
    justify-content: center;
    margin-left: 10px;
    margin-top: 10px;
    width: 70px
}

.top-bar-box .top-bar-card .top-bar-card-item:first-child {
    margin-left: 0
}

.top-bar-box .top-bar-card .top-bar-card-item-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.top-bar-box .top-bar-card .top-bar-card-item-sub-title {
    color: #b6bfdf;
    font-family: Arial-Regular, Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 5px;
    text-align: center
}

.top-bar-box .top-bar-card .top-bar-card-item-icon {
    color: #b6bfdf;
    font-size: 24px
}

.top-bar-box .top-bar-card .top-bar-card-item-color {
    background: rgba(36, 37, 53, .6);
    border-radius: 8px;
    cursor: pointer
}

.top-bar-box .top-bar-card .top-bar-card-item-color:hover {
    background: rgba(36, 37, 53, .8)
}

.top-bar-box .top-bar-card .top-bar-card-item-color:hover .top-bar-card-item-icon, .top-bar-box .top-bar-card .top-bar-card-item-color:hover .top-bar-card-item-sub-title {
    color: #fff
}

.top-bar-box .top-bar-card .top-bar-middel-card {
    background-size: 100% 100%;
    box-sizing: border-box;
    display: flex;
    height: 62px;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 11px 14px;
    width: 100%
}

.top-bar-box .top-bar-card .top-bar-middel-card .left {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    width: calc(100% - 100px)
}

.top-bar-box .top-bar-card .top-bar-middel-card .left .vip-text {
    color: #68400b;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: 100%
}

.top-bar-box .top-bar-card .top-bar-middel-card .left .vip-desc {
    color: #68400b;
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.top-bar-box .top-bar-card .top-bar-middel-card .right {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    width: 100px
}

.top-bar-box .top-bar-card .top-bar-middel-card .right .activate-now {
    align-items: center;
    background: linear-gradient(90deg, #fdfaeb, #f7cc7f);
    border: 0;
    border-radius: 20px;
    box-sizing: border-box;
    color: #7e4310;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    padding: 3px;
    width: 100%
}

.top-bar-box .top-bar-card .top-bar-middel-card .right .activate-now span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-bar-box .top-bar-card .top-bar-middel-card.not-vip .left .vip-text {
    color: #121212
}

.top-bar-box .top-bar-card .top-bar-middel-card.not-vip .left .vip-desc {
    color: hsla(0, 0%, 7%, .6)
}

.top-bar-box .top-bar-card .top-bar-middel-card.not-vip .right .activate-now {
    background: linear-gradient(90deg, #fff5c2, #ffc866)
}

.top-bar-box .top-bar-card .coins-container {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%
}

.top-bar-box .top-bar-card .coins-container .item-coin {
    align-items: center;
    background: #242535;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex: 1;
    height: 56px;
    justify-content: center;
    margin-right: 9px
}

.top-bar-box .top-bar-card .coins-container .item-coin .icon {
    height: 40px;
    width: 40px
}

.top-bar-box .top-bar-card .coins-container .item-coin.credit .icon {
    margin-right: 5px
}

.top-bar-box .top-bar-card .coins-container .item-coin .number {
    color: #fff;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
    text-align: center
}

.top-bar-box .top-bar-card .coins-container .item-coin:last-child {
    margin-right: 0
}

.top-bar-box .top-bar-card-admin .top-bar-card-item {
    width: 76px
}

.top-bar-box .top-bar-bottom-card {
    align-items: center;
    background: rgba(36, 37, 53, .6);
    border-radius: 8px;
    display: flex;
    height: 80px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 14px
}

.top-bar-box .bottom-card-content .bottom-card-content-title {
    color: rgba(182, 191, 223, .5);
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.top-bar-box .bottom-card-content .bottom-card-content-code {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px
}

.top-bar-box .copy {
    color: #31a1f1;
    cursor: pointer;
    font-size: 24px;
    margin-left: 6px
}

.top-bar-box .copy svg {
    font-size: 24px
}

[data-v-da25b7d2] .comfyUIUpload {
    background-color: #24262a;
    border-radius: 20px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-form-item__label {
    color: #a1a6ac;
    font-size: 14px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-input__inner, [data-v-da25b7d2] .comfyUIUpload .formBox .el-textarea__inner, [data-v-da25b7d2] .comfyUIUpload .formBox .upJson {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    color: #fff;
    height: 40px;
    width: 100%
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-textarea__inner {
    height: 124px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-input__count, [data-v-da25b7d2] .comfyUIUpload .formBox .el-input__count-inner {
    background-color: transparent;
    background-color: initial;
    color: #91929f;
    font-size: 12px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-select {
    width: 100%
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-select .el-tag {
    background-color: hsla(0, 0%, 100%, .08);
    border-radius: 6px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-select .el-tag span {
    color: #fff;
    font-size: 12px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .el-select .el-tag i {
    background-color: #35383a
}

[data-v-da25b7d2] .comfyUIUpload .formBox .upJson {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding: 10px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .upJson .svg-icon {
    color: #f4f4f4;
    font-size: 20px;
    margin-right: 5px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .upJson span {
    color: #f4f4f4;
    font-size: 12px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .imgBox {
    background-color: #313337;
    border-radius: 9px;
    height: 130px;
    position: relative;
    width: 130px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .imgBox:hover i {
    opacity: 1
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .imgBox i {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 8px;
    color: #f44;
    cursor: pointer;
    font-size: 20px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 10px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .imgBox img {
    background-color: #313337;
    border-radius: 9px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .upImg {
    align-items: center;
    background-color: #313337;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 130px;
    justify-content: center;
    width: 130px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .upImg i {
    color: #9a9fa5;
    font-size: 13px;
    font-weight: 700
}

[data-v-da25b7d2] .comfyUIUpload .formBox .imgList .upImg span {
    color: #9a9fa5;
    font-size: 14px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .tip {
    color: #a1a6ac;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .sourceCnt {
    align-items: center;
    display: flex
}

[data-v-da25b7d2] .comfyUIUpload .formBox .sourceCnt .sourceBox {
    align-items: center;
    background-color: #24262a;
    border: 1px solid #393e44;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin-right: 10px;
    padding: 4px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .sourceCnt .sourceBox .sourceItem {
    align-items: center;
    color: #f4f4f4;
    display: flex;
    font-size: 14px;
    height: 32px;
    padding: 0 24px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .sourceCnt .sourceBox .activateSource {
    background: #434452;
    border-radius: 8px;
    box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1);
    color: #f1f5f9
}

[data-v-da25b7d2] .comfyUIUpload .formBox .checkBox {
    align-items: center;
    display: flex;
    justify-content: space-between
}

[data-v-da25b7d2] .comfyUIUpload .formBox .checkBox .el-checkbox__label {
    color: #cfd3dc;
    font-size: 14px
}

[data-v-da25b7d2] .comfyUIUpload .formBox .checkBox .agreement {
    color: #409eff
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__header .el-dialog__title {
    color: #efefef;
    font-size: 16px
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__header .el-dialog__close {
    color: #cecece;
    font-size: 20px
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__footer {
    border-top: 1px solid hsla(0, 0%, 100%, .08)
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__footer .el-button--default {
    background-color: #1a1d1f;
    border: none;
    border-radius: 8px
}

[data-v-da25b7d2] .comfyUIUpload .el-dialog__footer .el-button--default span {
    color: hsla(0, 0%, 100%, .7);
    font-size: 14px
}

[data-v-da25b7d2] .comfyUIUpload .el-button--primary {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: none;
    border-radius: 8px
}

[data-v-da25b7d2] .comfyUIUpload .el-button--primary span {
    color: #fff;
    font-size: 14px
}

.h-tools .painting[data-v-56079c28], .h-tools[data-v-56079c28] {
    align-items: center;
    display: flex
}

.h-tools .painting[data-v-56079c28] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 42px 42px 42px 42px;
    box-sizing: border-box;
    cursor: pointer;
    height: 36px;
    justify-content: space-between;
    margin-right: 20px;
    min-width: 150px;
    padding: 0 0 0 16px;
    position: relative
}

.h-tools .painting .paint-left[data-v-56079c28] {
    align-items: center;
    display: flex
}

.h-tools .painting .paint-left img[data-v-56079c28] {
    height: 28px;
    margin-right: 5px;
    width: 28px
}

.h-tools .painting .paint-left span[data-v-56079c28] {
    color: #fff;
    font-size: 14px
}

.h-tools .painting .creation-badge[data-v-56079c28] {
    align-items: center;
    background-color: #ef4444;
    border-radius: 50%;
    display: inline-flex;
    height: 8px;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: -2px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 8px
}

.h-tools .painting .creation-badge[data-v-56079c28] .el-badge__content {
    border-color: transparent
}

.h-tools .painting .categroy[data-v-56079c28] {
    align-items: center;
    border-left: 1px solid hsla(0, 0%, 100%, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    margin-left: 20px;
    position: relative;
    width: 36px
}

.h-tools .painting .categroy:hover + .create-type-box[data-v-56079c28] {
    display: block
}

.h-tools .painting .categroy .icon[data-v-56079c28] {
    color: #fff;
    font-size: 14px;
    margin-right: 2px
}

.h-tools .painting .create-type-box[data-v-56079c28] {
    animation: painAni .15s linear both;
    bottom: -110px;
    display: none;
    height: 120px;
    left: -10px;
    position: absolute
}

.h-tools .painting .create-type-box[data-v-56079c28]:hover {
    display: block
}

.h-tools .painting .create-type-box .createType[data-v-56079c28] {
    background: #13141f;
    background: #191a27;
    border: 1px solid #272b30;
    border-radius: 12px;
    border-radius: 16px;
    box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    color: #fff;
    color: #fcfcfc;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 104px;
    justify-content: space-around;
    margin-top: 16px;
    padding: 8px 0 0 12px;
    width: 184px
}

.h-tools .painting .create-type-box .createType .line[data-v-56079c28] {
    align-items: center;
    color: #606266;
    display: flex;
    padding: 8px 0
}

.h-tools .painting .create-type-box .createType .line .icon_width[data-v-56079c28] {
    display: inline-block;
    width: 30px
}

.h-tools .painting .create-type-box .createType .line .icon_1[data-v-56079c28] {
    font-size: 16px
}

.h-tools .painting .create-type-box .createType .line .icon_2[data-v-56079c28] {
    font-size: 20px;
    margin-top: 2px
}

.h-tools .painting .create-type-box .createType .line .beta[data-v-56079c28] {
    background: rgba(241, 78, 78, .2);
    border-radius: 4px 4px 4px 4px;
    color: #f14e4e;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 16px;
    text-align: center;
    width: 32px
}

.h-tools .painting .create-type-box .createType .line:hover i[data-v-56079c28] {
    color: #4c97fd
}

.h-tools .painting .create-type-box .createType .line:hover span[data-v-56079c28] {
    color: #fff
}

.h-tools .painting.paintingShow[data-v-56079c28] {
    justify-content: center;
    min-width: 120px;
    padding: 0
}

.h-tools .toolMore[data-v-56079c28] {
    margin-right: 16px
}

.h-tools .toolMore .svg-icon[data-v-56079c28] {
    font-size: 28px
}

.h-tools .client-select[data-v-56079c28] {
    margin-right: 10px
}

.h-tools .client-select[data-v-56079c28] .el-input__inner {
    background: #1c1d2a;
    border: 0;
    border-radius: 36px;
    color: hsla(0, 0%, 100%, .9);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    text-align: center
}

.h-tools .discard-btn[data-v-56079c28] {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 22px
}

.h-tools .discard-btn .discard-icon[data-v-56079c28] {
    height: 33px;
    width: 33px
}

.h-tools .discard-btn .discard-icon[data-v-56079c28]:hover {
    transform: scale(1.2);
    transition: all .3s ease-in-out
}

.h-tools .user-balance[data-v-56079c28] {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 15px
}

.h-tools .user-balance .vip-icon[data-v-56079c28] {
    height: 32px;
    width: 32px
}

.h-tools .user-balance .vip-icon[data-v-56079c28]:hover {
    transform: scale(1.2);
    transition: all .3s ease-in-out
}

.h-tools .tools-item[data-v-56079c28] {
    cursor: pointer;
    margin-right: 5px;
    padding: 10px;
    position: relative
}

.h-tools .tools-item[data-v-56079c28]:hover {
    background: #222332;
    border-radius: 10px
}

.h-tools .tools-item:hover svg[data-v-56079c28] {
    color: #fff
}

.h-tools .tools-item:hover .dropdown-panel[data-v-56079c28] {
    display: block
}

.h-tools .tools-item svg[data-v-56079c28] {
    color: #a0a1a5;
    font-size: 24px
}

.h-tools .tools-item .msg-num[data-v-56079c28] {
    background-color: #f56c6c;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    transform: translateY(-50%) translateX(100%);
    white-space: nowrap
}

.h-tools .tools-item .dropdown-panel[data-v-56079c28] {
    display: none
}

.h-tools .tools-item[data-v-56079c28]:last-child {
    margin-right: 0
}

.h-tools .tools-item.notice[data-v-56079c28] {
    padding: 0
}

.h-tools .tools-item.notice[data-v-56079c28] .el-popover__reference-wrapper .side-item-help {
    margin: 0;
    padding: 10px
}

.h-tools .tools-item.notice[data-v-56079c28] .el-popover__reference-wrapper .side-item-help > p {
    display: none
}

.h-tools .tools-item.notice[data-v-56079c28] .el-popover__reference-wrapper .side-item-help .sidebar-icon-wrapper .svg-icon {
    color: #a0a1a5
}

.h-tools .tools-item .creation-badge[data-v-56079c28] {
    align-items: center;
    background-color: #ef4444;
    border-radius: 50%;
    display: inline-flex;
    height: 8px;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: -2px;
    width: 8px
}

.h-tools .tools-item .creation-badge[data-v-56079c28] .el-badge__content {
    border-color: transparent
}

.h-tools .user-panel[data-v-56079c28] {
    position: relative
}

.h-tools .user-panel .user-avatar[data-v-56079c28] {
    background-color: #e9e9e9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px
}

.h-tools .user-panel .dropdown-panel[data-v-56079c28] {
    display: none
}

.h-tools .user-panel:hover .dropdown-panel[data-v-56079c28] {
    display: block
}

.h-tools .login-btn[data-v-56079c28] {
    background: linear-gradient(90deg, #245cfb, #52c2ed);
    border: none;
    border-radius: 22px;
    color: #fff;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.balance-tips {
    background-color: #c4cfdb !important;
    box-sizing: border-box;
    max-width: 800px;
    min-width: 235px;
    padding: 2px 8px !important;
    text-align: center;
    word-break: keep-all
}

.balance-tips .popper__arrow:after {
    border-bottom-color: #c4cfdb !important
}

.balance-tips .balance-tips-text {
    padding: 6px;
    word-break: keep-all
}

@keyframes painAni {
    0% {
        bottom: -96px
    }
    to {
        bottom: -110px
    }
}

.top-menu[data-v-1cd8de8b] {
    align-items: center;
    background: #13141f;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    height: auto;
    justify-content: center;
    justify-content: flex-start;
    padding: 12px 20px;
    width: 100%
}

.top-menu.sp-bg[data-v-1cd8de8b] {
    background: linear-gradient(180deg, #0a0716, #0b0717);
    border-bottom: 1px solid hsla(0, 0%, 80%, .07)
}

.top-menu .left-tabs[data-v-1cd8de8b] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.top-menu .left-tabs .logo[data-v-1cd8de8b] {
    cursor: pointer;
    height: 30px;
    margin-right: 20px;
    width: 30px
}

.top-menu .left-tabs .company-name[data-v-1cd8de8b] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    -webkit-background-clip: text;
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    margin-right: 4px
}

.top-menu .middle-search-area[data-v-1cd8de8b] {
    flex: 1
}

.top-banner[data-v-0cdc9cd6] {
    height: 46px;
    position: relative
}

.top-banner a[data-v-0cdc9cd6] {
    display: block;
    font-size: 0
}

.top-banner a img[data-v-0cdc9cd6] {
    height: 46px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.top-banner .close-btn[data-v-0cdc9cd6] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    height: 24px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 24px
}

.fixed-banner[data-v-0cdc9cd6] {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11
}

.join-group-dialog .main-part[data-v-1db66cc6] {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.join-group-dialog .main-part .info[data-v-1db66cc6] {
    flex-direction: row;
    -o-object-fit: contain;
    object-fit: contain
}

.join-group-dialog .main-part .info p[data-v-1db66cc6] {
    color: #fff;
    text-align: center
}

.join-group-dialog .main-part .info img[data-v-1db66cc6] {
    width: 90%
}

@media (max-width: 767px) {
    .join-group-dialog .main-part .info[data-v-1db66cc6] {
        flex-direction: column
    }

    .join-group-dialog .main-part .qq-part[data-v-1db66cc6], .join-group-dialog .main-part .wechat-part[data-v-1db66cc6] {
        margin-bottom: 20px
    }
}

.join-group-dialog .dialog-footer .my-dialog-btn[data-v-1db66cc6] {
    border: none;
    color: red;
    font-size: 16px;
    height: 48px
}

.join-group-dialog .dialog-footer .btn-left[data-v-1db66cc6] {
    background-color: transparent;
    color: #64748b
}

.join-group-dialog .dialog-footer .btn-left[data-v-1db66cc6]:hover {
    background-color: rgba(76, 82, 134, .8);
    color: #fff
}

.join-group-dialog .dialog-footer .btn-right[data-v-1db66cc6] {
    background-color: #2b6cb0;
    color: #fff
}

.join-group-dialog .dialog-footer .btn-right.notSelect[data-v-1db66cc6] {
    background-color: #718096;
    color: #1a202c
}

.join-group-dialog {
    background-color: rgba(26, 30, 45, .502);
    border: 2px solid rgba(26, 30, 45, .5);
    border-radius: 15px;
    overflow: hidden
}

.join-group-dialog .el-dialog__header {
    background-color: rgba(8, 11, 22, .9);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 24px
}

.join-group-dialog .el-dialog__header .el-icon-close {
    color: #64748b;
    font-size: 24px;
    font-weight: 600
}

.lang-content[data-v-92974b42] {
    padding: 10px
}

.lang-content .lang-item[data-v-92974b42] {
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 15px
}

.lang-content .lang-item[data-v-92974b42]:hover {
    background: rgba(96, 98, 102, .129)
}

.lang-content .lang-item:hover .name[data-v-92974b42] {
    color: #fff
}

.lang-content .lang-item .name[data-v-92974b42] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px
}

.lang-content .lang-item .name.active[data-v-92974b42] {
    color: #fff;
    font-weight: 700
}

.lang-content .lang-item .el-icon-check[data-v-92974b42] {
    color: #22d19d;
    font-size: 16px;
    margin-right: 5px
}

.lang-dialog .el-dialog {
    background: #24262a;
    border-radius: 20px;
    width: 563px
}

.lang-dialog .el-dialog__header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    color: #efefef;
    font-size: 16px;
    font-weight: 400
}

.lang-dialog .el-dialog__header .el-dialog__title {
    color: #efefef
}

.lang-dialog .el-dialog__body {
    padding: 0
}

.task-invite-dialog .main-part[data-v-4ee27273] {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.task-invite-dialog .main-part .title[data-v-4ee27273] {
    position: relative
}

.task-invite-dialog .main-part .title .img-part[data-v-4ee27273] {
    position: absolute;
    top: -150px
}

.task-invite-dialog .main-part .info[data-v-4ee27273] {
    color: #cfd3dc;
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    letter-spacing: 1px;
    margin: 50px 0 20px;
    text-align: center
}

@media (max-width: 767px) {
    .task-invite-dialog .main-part .info[data-v-4ee27273] {
        flex-direction: column
    }
}

.task-invite-dialog .dialog-footer .my-dialog-btn[data-v-4ee27273] {
    background-color: rgba(76, 82, 134, .8);
    background: url(/_nuxt/img/invitebtnbtn.f0bc78a.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 60%
}

.task-invite-dialog .dialog-footer .my-dialog-btn[data-v-4ee27273]:hover {
    filter: brightness(1.1)
}

.task-invite-dialog {
    background: url(/_nuxt/img/invitebg.bfdfaa2.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: none;
    left: 50%;
    margin: 0 !important;
    outline: none;
    overflow: visible;
    overflow: initial;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px
}

.task-invite-dialog .el-dialog__header {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 24px
}

.task-invite-dialog .el-dialog__header .el-dialog__headerbtn {
    top: -45px
}

.task-invite-dialog .el-dialog__header .el-icon-close {
    color: #64748b;
    font-size: 24px;
    font-weight: 600
}

.task-invite-dialog .el-dialog__body {
    padding: 30px 36px
}

.task-invite-dialog .el-dialog__footer {
    padding: 0 20px 50px
}

.notice[data-v-92325810] {
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 24px
}

.notice__header[data-v-92325810] {
    margin: 10px 0;
    text-align: center
}

.notice__title[data-v-92325810] {
    color: #d7ddea;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.notice__time[data-v-92325810] {
    color: hsla(220, 4%, 58%, .85);
    font-weight: 400;
    margin-bottom: 16px
}

.notice__content[data-v-92325810] {
    word-wrap: normal;
    color: #d7ddea;
    font-weight: 400;
    max-height: 400px;
    min-height: 200px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: normal
}

.notice-dialog .el-loading-parent--relative {
    position: static !important
}

.star-dialog .el-dialog__header {
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 24px
}

.star-dialog .el-dialog__headerbtn {
    top: 12px
}

.star-dialog .el-dialog__body {
    padding: 24px
}

.star-dialog .el-dialog__footer {
    border-top: 1px solid #e8e8e8;
    padding: 10px 20px
}

.star-dialog.with-footer .el-dialog__body {
    padding-bottom: 0
}

.star-dialog .el-form-item__label {
    padding-bottom: 4px
}

.star-dialog.label-top .el-checkbox__label {
    color: rgba(0, 0, 0, .65);
    font-weight: 400;
    padding-left: 8px
}

.star-dialog.label-top .body:first-child {
    margin-top: 0
}

.star-dialog .el-form--label-top .el-form-item__label {
    color: rgba(0, 0, 0, .85);
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 8px
}

.notice-content[data-v-27ba7588] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    position: absolute;
    right: 0
}

.notice-content .item[data-v-27ba7588] {
    margin-left: 10px
}

.notice-content .item .svg-btn[data-v-27ba7588] {
    color: #fff;
    font-size: 40px
}

.notice-content .item[data-v-27ba7588] .el-badge__content {
    border: none;
    top: 10px
}

.channel-panel[data-v-72f91e40] {
    color: #fff
}

.channel-panel .panel-head[data-v-72f91e40] {
    align-items: center;
    color: #dbdce3;
    display: flex;
    justify-content: space-between;
    padding: 5px 15px
}

.channel-panel .panel-head i[data-v-72f91e40] {
    color: #333;
    cursor: pointer;
    font-size: 18px
}

.channel-panel .panel-head svg[data-v-72f91e40] {
    color: #6f7685;
    cursor: pointer;
    font-size: 20px
}

.channel-panel .channel-list[data-v-72f91e40] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.channel-panel .channel-list .channel-item[data-v-72f91e40] {
    background: rgba(30, 46, 87, .2);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
    min-height: 30px;
    padding: 10px 10px 10px 45px;
    position: relative;
    width: 186px
}

.channel-panel .channel-list .channel-item[data-v-72f91e40]:last-child {
    margin-bottom: 10px
}

.channel-panel .channel-list .channel-item.active[data-v-72f91e40], .channel-panel .channel-list .channel-item[data-v-72f91e40]:hover {
    background: rgba(30, 46, 87, .5)
}

.channel-panel .channel-list .channel-item.new[data-v-72f91e40]:before {
    background: red;
    border-radius: 4px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px
}

.channel-panel .channel-list .channel-item .owner-icon[data-v-72f91e40] {
    color: #0966f0;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.channel-panel .channel-list .channel-item .more-btn[data-v-72f91e40] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.channel-panel .channel-list .channel-item .channel-info .name[data-v-72f91e40] {
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

.channel-panel .channel-list .channel-item .channel-info .des[data-v-72f91e40] {
    color: hsla(0, 0%, 100%, .5);
    font-family: PingFangSC-Light, PingFang SC;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    margin-top: 3px
}

.channel-panel .channel-list .channel-item-add[data-v-72f91e40] {
    align-items: center;
    background: rgba(30, 46, 87, .2);
    border: 1px solid #2b395c;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    height: 37px;
    justify-content: center;
    padding-left: 0;
    width: 186px
}

.channel-panel .channel-list .channel-item-add-icon[data-v-72f91e40] {
    color: #95b4f0;
    cursor: pointer;
    font-size: 18px;
    margin-right: 16px
}

.generate-menu[data-v-5790bffd] {
    border-left: 1px solid #293045;
    min-width: 220px;
    width: 11%
}

.generate-menu .head[data-v-5790bffd] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 70px;
    padding: 0 25px;
    position: relative
}

.generate-menu .head .logo[data-v-5790bffd] {
    height: 30px;
    margin-right: 15px;
    width: 30px
}

.generate-menu .head svg[data-v-5790bffd] {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 25px;
    top: 20px
}

.generate-menu .menu-panel[data-v-5790bffd] {
    max-height: calc(100vh - 70px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 16px
}

.generate-menu .menu-panel .menu-panel-top[data-v-5790bffd] {
    align-items: center;
    background: #181923;
    border-radius: 8px;
    box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    height: 36px;
    margin-bottom: 10px;
    padding: 4px 6px
}

.generate-menu .menu-panel .menu-panel-top .item-coin[data-v-5790bffd] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    height: 32px;
    justify-content: center
}

.generate-menu .menu-panel .menu-panel-top .item-coin .icon[data-v-5790bffd] {
    height: 24px;
    width: 24px
}

.generate-menu .menu-panel .menu-panel-top .item-coin.credit .icon[data-v-5790bffd] {
    margin-right: 5px
}

.generate-menu .menu-panel .menu-panel-top .item-coin .number[data-v-5790bffd] {
    color: #c6c6ce;
    font-family: Inter-Medium, Inter;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap
}

.generate-menu .menu-panel .menu-panel-top .item-coin[data-v-5790bffd]:last-child {
    margin-right: 0
}

.generate-menu .menu-panel .menu-panel-top .item-coin-btn[data-v-5790bffd] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 4px;
    color: #fefefe;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: Inter-Semi Bold, Inter;
    font-size: 10px;
    font-weight: 400;
    justify-content: center;
    padding: 4px 7px
}

.generate-menu[data-v-5790bffd] .el-menu {
    background: transparent;
    border: 0
}

.generate-menu[data-v-5790bffd] .el-menu svg {
    color: #91919c;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: text-top
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:first-child {
    color: #91919c;
    margin-top: 0
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:nth-child(2) {
    color: #91919c
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item.is-active {
    background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5));
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05);
    color: #fff
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item.is-active svg {
    color: #fff
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item, .generate-menu[data-v-5790bffd] .el-menu .el-submenu__title {
    border-radius: 8px;
    color: #53575b;
    height: 48px;
    line-height: 48px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:focus, .generate-menu[data-v-5790bffd] .el-menu .el-menu-item:hover, .generate-menu[data-v-5790bffd] .el-menu .el-submenu__title:focus, .generate-menu[data-v-5790bffd] .el-menu .el-submenu__title:hover {
    background: transparent;
    box-shadow: none
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:focus svg, .generate-menu[data-v-5790bffd] .el-menu .el-menu-item:hover svg, .generate-menu[data-v-5790bffd] .el-menu .el-submenu__title:focus svg, .generate-menu[data-v-5790bffd] .el-menu .el-submenu__title:hover svg {
    color: #fff
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:first-child:focus, .generate-menu[data-v-5790bffd] .el-menu .el-menu-item:first-child:hover {
    background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5));
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05);
    color: #e9eef8
}

.generate-menu[data-v-5790bffd] .el-menu .el-menu-item:first-child:focus svg, .generate-menu[data-v-5790bffd] .el-menu .el-menu-item:first-child:hover svg {
    color: #fff
}

.generate-menu[data-v-5790bffd] .el-menu .el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.generate-menu[data-v-5790bffd] .el-menu .el-submenu .el-menu-item {
    color: #a8b4cc;
    color: #91919c;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    max-width: 188px;
    min-width: 188px;
    padding: 0;
    padding: 0 20px !important
}

.generate-menu[data-v-5790bffd] .el-menu .el-submenu .el-menu-item.is-active {
    color: #fff;
    height: 40px
}

.generate-menu[data-v-5790bffd] .el-menu .el-submenu .el-menu-item.is-active, .generate-menu[data-v-5790bffd] .el-menu .el-submenu .el-menu-item:hover {
    background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5));
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05)
}

.generate-menu[data-v-5790bffd] .el-menu .el-submenu .el-menu-item:hover {
    color: #e9eef8
}

.c-task-image-viewer[data-v-34cdcf00] {
    display: flex
}

.c-task-image-viewer .task-image-viewer__canvas[data-v-34cdcf00] {
    position: relative
}

.c-task-image-viewer .message__title-task-tag[data-v-34cdcf00] {
    align-items: center;
    background: rgba(0, 82, 204, .2);
    border-radius: 3px;
    color: #3275d8;
    display: inline-flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    max-height: 20px;
    padding: 2px 5px
}

.c-task-image-viewer .el-image-viewer__download[data-v-34cdcf00] {
    align-items: center;
    background-color: #606266;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 40px;
    justify-content: center;
    opacity: .8;
    right: 100px;
    top: 40px;
    width: 40px
}

.c-task-image-viewer .task-image-viewer__side-bar[data-v-34cdcf00] {
    background: #11111c;
    box-shadow: inset 1px 0 0 0 #181b2a;
    flex: 0 0 auto;
    max-height: 100%;
    max-width: 325px;
    min-width: 325px;
    overflow-y: scroll;
    padding: 0 18px 20px 20px;
    z-index: 1
}

.c-task-image-viewer .task-image-viewer__side-bar .el-image-viewer__close[data-v-34cdcf00] {
    background: #1a1e2b;
    border-radius: 8px;
    right: 18px;
    top: 20px
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box[data-v-34cdcf00] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    width: 100%
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button[data-v-34cdcf00] {
    align-items: center;
    background: #3a28ab;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fcfcfc;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 6px 8px;
    width: calc(50% - 4px)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button[data-v-34cdcf00]:hover {
    background: rgba(58, 40, 171, .769)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button .icon[data-v-34cdcf00] {
    font-size: 24px
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button .label[data-v-34cdcf00] {
    font-family: PingFang SC;
    font-size: 15px;
    font-weight: 500;
    margin-left: 8px
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.post[data-v-34cdcf00] {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.animGen[data-v-34cdcf00] {
    background: rgba(73, 54, 99, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.animGen[data-v-34cdcf00]:hover {
    background: rgba(73, 54, 99, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.variations[data-v-34cdcf00] {
    background: rgba(125, 78, 189, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.variations[data-v-34cdcf00]:hover {
    background: rgba(125, 78, 189, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.upscale[data-v-34cdcf00] {
    background: rgba(178, 125, 62, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.upscale[data-v-34cdcf00]:hover {
    background: rgba(178, 125, 62, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.extraUpscale[data-v-34cdcf00] {
    background: rgba(0, 82, 204, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.extraUpscale[data-v-34cdcf00]:hover {
    background: rgba(0, 82, 204, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.removeBackground[data-v-34cdcf00] {
    background: rgba(45, 148, 136, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.removeBackground[data-v-34cdcf00]:hover {
    background: rgba(45, 148, 136, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.download[data-v-34cdcf00] {
    background: rgba(25, 110, 173, .2)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.download[data-v-34cdcf00]:hover {
    background: rgba(25, 110, 173, .35)
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box.odd[data-v-34cdcf00] > :last-child {
    width: 100%
}

.c-task-image-viewer .task-image-viewer__side-bar .btn-box[data-v-34cdcf00] > :nth-child(2n) {
    margin-left: 8px
}

.c-task-image-viewer .task-image-viewer__prompt-box[data-v-34cdcf00] {
    margin-top: 16px
}

.c-task-image-viewer .task-image-viewer__prompt-box .task-image-viewer__prompt-title[data-v-34cdcf00] {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-34cdcf00] {
    align-items: center;
    background: #1a1e2b;
    border-radius: 6px;
    color: #6f7687;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-left: 14px;
    transition: all .3s;
    width: 34px
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-34cdcf00]:first-child {
    margin-left: 0
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn .svg-icon[data-v-34cdcf00] {
    font-size: 18px
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn .msg-item-more-icon-1[data-v-34cdcf00] {
    font-size: 22px
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-34cdcf00]:hover {
    background: #494f80;
    color: #f8f8f9
}

.c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-text[data-v-34cdcf00] {
    color: #c0d0f1;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.c-task-image-viewer .task-image-viewer__prompt-box .task-image-viewer__prompt-content[data-v-34cdcf00] {
    background: rgba(48, 59, 81, .2);
    border-radius: 4px;
    color: #aebcc3;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px
}

.c-task-image-viewer .task-image-viewer__prompt-box-margin-top[data-v-34cdcf00] {
    margin-top: 70px
}

.c-task-image-viewer .task-image-viewer__params[data-v-34cdcf00] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.c-task-image-viewer .task-image-viewer__params[data-v-34cdcf00]:first-child {
    margin-top: 21px
}

.c-task-image-viewer .task-image-viewer__params .scaleBox[data-v-34cdcf00] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 210px
}

.c-task-image-viewer .task-image-viewer__params .scale-link-class[data-v-34cdcf00] {
    color: #0072c6;
    cursor: pointer;
    font-size: 14px;
    max-width: 220px;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.c-task-image-viewer .task-image-viewer__params .scale-link-class[data-v-34cdcf00]:hover {
    filter: brightness(1.2);
    -webkit-text-decoration: none;
    text-decoration: none
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-label[data-v-34cdcf00] {
    color: #8a91a2;
    font-family: ArialMT;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    width: 80px
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content[data-v-34cdcf00] {
    background: #1d1f2a;
    color: #dde4e7;
    font-family: ArialMT;
    font-size: 12px;
    line-height: 28px;
    min-width: 210px;
    padding: 0 9px;
    width: 210px
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params2[data-v-34cdcf00] {
    display: flex;
    justify-content: space-between
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params2 .task-image-viewer__params-content[data-v-34cdcf00] {
    margin-left: 6px;
    min-width: 76px;
    width: 76px
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2[data-v-34cdcf00] {
    align-items: center;
    color: #dde4e7;
    display: flex;
    font-family: ArialMT;
    font-size: 12px;
    justify-content: space-between;
    line-height: 28px;
    min-width: 228px;
    width: 228px
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2 .task-image-viewer__params-content-3[data-v-34cdcf00] {
    background: #1d1f2a;
    display: inline-flex;
    font-size: 12px;
    margin-left: 6px;
    min-width: 76px;
    padding-left: 9px;
    width: 76px
}

.c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2 .task-image-viewer__params-content-3[data-v-34cdcf00]:first-child {
    margin-left: 0
}

.c-task-image-viewer .message-divider[data-v-34cdcf00] {
    align-items: center;
    border-top: thin solid rgba(78, 80, 88, .48);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 0;
    justify-content: center;
    margin: 10px 0 25px;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.c-task-image-viewer .message-divider .message-divider-content[data-v-34cdcf00] {
    border-color: #949ba4;
    border-radius: 8px;
    color: #949ba4;
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin-top: -1px;
    padding: 2px 4px
}

.task-image-viewer-popover {
    z-index: 10001 !important
}

.main[data-v-5c141e9e] {
    display: flex
}

.main .title[data-v-5c141e9e] {
    font-size: 14px
}

.main img[data-v-5c141e9e] {
    border-radius: 8px;
    margin-right: 29px;
    max-height: 321px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 240px
}

.main input[data-v-5c141e9e] {
    background-color: #20283b;
    border: 1px solid #293045;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    margin-top: 8px;
    outline: none;
    padding-left: 12px;
    width: 100%
}

.main input[data-v-5c141e9e]::-moz-placeholder {
    color: #545d6d;
    font-size: 14px
}

.main input[data-v-5c141e9e]::placeholder {
    color: #545d6d;
    font-size: 14px
}

.main .inputActive[data-v-5c141e9e] {
    border: 1px solid #577ae0
}

.main .secret-box[data-v-5c141e9e] {
    align-items: center;
    display: flex;
    margin-top: 13px
}

.main .secret-box .secret-text[data-v-5c141e9e] {
    margin-left: 14px
}

.main .secret-box .secret-text div[data-v-5c141e9e]:first-child {
    color: #bac0cc;
    font-size: 14px
}

.main .secret-box .secret-text div[data-v-5c141e9e]:last-child {
    color: #848c98;
    font-size: 12px;
    margin-top: 6px
}

.main .deleteCollect[data-v-5c141e9e] {
    margin-top: 24px
}

.main .deleteCollect div[data-v-5c141e9e]:first-child {
    color: #cbd5e1;
    cursor: pointer;
    font-size: 14px
}

.main .deleteCollect div[data-v-5c141e9e]:last-child {
    color: #848c98;
    font-size: 12px;
    margin-top: 6px
}

[data-v-5c141e9e] .el-checkbox {
    margin-left: 5px;
    transform: scale(1.6)
}

[data-v-5c141e9e] .el-checkbox .el-checkbox__inner {
    background-color: #262c3a;
    border: 1px solid #979797
}

.sure[data-v-5c141e9e] {
    color: #fff;
    font-size: 18px
}

.sureDesc[data-v-5c141e9e] {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 10px
}

.bntitem[data-v-5c141e9e] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-5c141e9e] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-5c141e9e]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-5c141e9e]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-5c141e9e]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-5c141e9e]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-5c141e9e]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-5c141e9e]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.save-to-popover .folderList {
    background-color: #0f121c !important;
    border: 1px solid #23263f !important;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5)
}

.save-to-popover .folderList .el-popover__title {
    color: #abbad3;
    font-size: 18px;
    padding-top: 13px;
    text-align: center
}

.save-to-popover .svg-icon {
    cursor: pointer;
    font-size: 16px
}

.save-to-popover .cltpop-cent {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 440px;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.save-to-popover .cltpop-cent .search {
    align-items: center;
    background-color: #1b2132;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 0 8px;
    width: 100%
}

.save-to-popover .cltpop-cent .search .svg-icon {
    height: 26px;
    width: 26px
}

.save-to-popover .cltpop-cent .search input {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 100%;
    outline: none;
    width: 200px
}

.save-to-popover .cltpop-cent .search input::-moz-placeholder {
    color: #66748c
}

.save-to-popover .cltpop-cent .search input::placeholder {
    color: #66748c
}

.save-to-popover .cltpop-cent .popTitle {
    color: #a0a8b3;
    font-size: 10px;
    padding: 10px 0
}

.save-to-popover .cltpop-cent .loadbox {
    height: 70px;
    width: 100%
}

.save-to-popover .cltpop-cent .list {
    max-height: 290px;
    overflow-y: auto;
    width: 100%
}

.save-to-popover .cltpop-cent .itembox {
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 0 5px;
    width: 100%
}

.save-to-popover .cltpop-cent .itembox .itemboxinfo {
    align-items: center;
    display: flex;
    width: 200px
}

.save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft {
    align-items: center;
    background-color: #191f2e;
    border-radius: 4px;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 10px;
    width: 48px
}

.save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon, .save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i {
    color: #d8d8d8;
    font-size: 26px
}

.save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.save-to-popover .cltpop-cent .itembox .itemboxinfo span {
    color: #cbd5e1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.save-to-popover .cltpop-cent .itembox .el-button {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    height: 30px;
    justify-content: center;
    min-width: 54px;
    opacity: 0;
    padding: 0
}

.save-to-popover .cltpop-cent .itembox:hover {
    background-color: #282e43
}

.save-to-popover .cltpop-cent .itembox:hover > .el-button {
    opacity: 1
}

.save-to-popover .cltpop-cent .itembox:last-child {
    margin-bottom: 0
}

.save-to-btn {
    align-items: center;
    display: flex
}

.save-to-btn i, .save-to-btn span {
    color: #fff;
    font-size: 14px
}

.save-to-btn i {
    margin-left: 15px;
    transition: all .3s
}

.c-media-attachments-container[data-v-3f3634d8] {
    display: inline-flex;
    position: relative
}

.c-media-attachments-container .attachments-wrap[data-v-3f3634d8] {
    border-radius: 8px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content
}

.c-media-attachments-container .attachments-wrap-checked[data-v-3f3634d8] {
    border: 1px solid #33b568
}

.c-media-attachments-container .attachments-wrap-checked .media-attachments-img[data-v-3f3634d8] {
    border-radius: 8px;
    transform: scale(.75)
}

.c-media-attachments-container .message-attachment-media[data-v-3f3634d8] {
    align-items: flex-start;
    border-radius: 2px;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    max-height: inherit;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.c-media-attachments-container .message-attachment-media-hover:hover .image-hover-mask[data-v-3f3634d8], .c-media-attachments-container .message-attachment-media:hover .image-hover-mask[data-v-3f3634d8] {
    display: flex;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .image-content[data-v-3f3634d8] {
    flex: auto;
    flex-flow: column nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.c-media-attachments-container .image-content-wrap[data-v-3f3634d8] {
    display: block;
    height: 100%;
    margin: auto;
    max-height: inherit;
    position: relative
}

.c-media-attachments-container .image-content-wrap .nsfw-flag[data-v-3f3634d8] {
    align-items: center;
    background: rgba(0, 0, 0, .3);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    left: 8px;
    letter-spacing: .6px;
    padding: 4px 6px;
    position: absolute;
    top: 8px
}

.c-media-attachments-container .image-load-error[data-v-3f3634d8] {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .image-load-error .image-load-error-icon[data-v-3f3634d8] {
    color: #39465b;
    height: 70px;
    width: 70px
}

.c-media-attachments-container .image-load-error .image-load-error-text[data-v-3f3634d8] {
    background: #2f2f2f;
    border-radius: 6px;
    color: #1790ff;
    cursor: pointer;
    font-family: Inter-Regular, Inter;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px
}

.c-media-attachments-container .image-content-wrap-background[data-v-3f3634d8] {
    background: linear-gradient(46deg, #566085, #6c77af, #c286b6 34%, #f1acbf 62%, #ffe0ca)
}

.c-media-attachments-container .blurBackground[data-v-3f3634d8] {
    filter: blur(19px) saturate(160%)
}

.c-media-attachments-container .image-opacity-0[data-v-3f3634d8] {
    opacity: 0 !important;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .media-attachments-img[data-v-3f3634d8] {
    display: block;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.c-media-attachments-container .media-attachments-img.blur[data-v-3f3634d8] {
    filter: blur(40px)
}

.c-media-attachments-container .media-attachments-img-show[data-v-3f3634d8] {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .media-attachments-img-nsfw[data-v-3f3634d8] {
    -o-object-fit: fill;
    object-fit: fill
}

.c-media-attachments-container .generate-view-nsfw-plus[data-v-3f3634d8] {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 32px;
    z-index: 2
}

.c-media-attachments-container .image-hover-mask[data-v-3f3634d8] {
    align-content: flex-end;
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    cursor: pointer;
    display: none;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3f3634d8] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3f3634d8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 20px;
    color: #c0d0f1;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    width: 28px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3f3634d8]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-3f3634d8] {
    font-size: 18px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-3f3634d8] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-3f3634d8] {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-bottom: 16px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3f3634d8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 20px;
    color: #c0d0f1;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    width: 28px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3f3634d8]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-3f3634d8] {
    font-size: 18px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-3f3634d8] {
    margin-bottom: 25px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3f3634d8] {
    margin: 10px 10px 0
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-3f3634d8] {
    flex: 1;
    text-align: right
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-3f3634d8] {
    color: #fff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-3f3634d8] {
    box-sizing: border-box;
    padding-right: 35px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box[data-v-3f3634d8] {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin-bottom: 11px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-3f3634d8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 73px;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-3f3634d8] {
    background: #818489;
    display: flex;
    height: 1px;
    width: 80%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3f3634d8] {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3f3634d8]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-3f3634d8] {
    font-size: 16px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3f3634d8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 4px;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3f3634d8]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-3f3634d8] {
    font-size: 16px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-3f3634d8] {
    margin-left: 4px
}

.c-media-attachments-container .image-post-check-mask[data-v-3f3634d8] {
    align-items: flex-end;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .image-post-check-mask .image-post-check-box[data-v-3f3634d8] {
    left: 10px;
    position: absolute;
    top: 10px;
    transform: scale(1.1)
}

.c-media-attachments-container .image-post-check-mask-hover[data-v-3f3634d8] {
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.c-media-attachments-container .image-post-check-mask-hover[data-v-3f3634d8], .c-media-attachments-container .loading-wrapper-inner[data-v-3f3634d8] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .loading-wrapper-inner[data-v-3f3634d8] {
    background-color: rgba(0, 0, 0, .05)
}

.c-media-attachments-container .img-loading[data-v-3f3634d8] {
    background-color: #f5f5f5
}

.c-media-attachments-container .img-loading-indicator[data-v-3f3634d8] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.c-media-attachments-container .img-loaded img[data-v-3f3634d8] {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .img-load-failed[data-v-3f3634d8] {
    color: red
}

.c-media-attachments-container .loadingWrapperInner[data-v-3f3634d8] {
    height: 100%;
    width: 100%
}

.c-media-attachments-container .loadingWrapperInner .spinner[data-v-3f3634d8] {
    align-items: center;
    display: flex
}

.c-media-attachments-container .inner-MGEKwh[data-v-3f3634d8] {
    contain: paint;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px
}

.c-media-attachments-container .item-2VgEex[data-v-3f3634d8] {
    animation: spinner-wandering-cubes-3f3634d8 1.8s ease-in-out infinite;
    background-color: #7983f5;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.c-media-attachments-container .item-2VgEex[data-v-3f3634d8]:last-child {
    animation-delay: -.9s
}

@keyframes spinner-wandering-cubes-3f3634d8 {
    25% {
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        transform: rotate(-1turn)
    }
}

.c-message-operate-btn .message-operate-btn[data-v-18e12132] {
    align-items: center;
    background: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    margin: 4px 8px 4px 0;
    padding: 2px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-message-operate-btn .message-operate-btn[data-v-18e12132]:disabled {
    cursor: not-allowed;
    opacity: .5
}

.c-message-operate-btn .color-primary[data-v-18e12132] {
    background-color: #4e5058;
    color: #fff
}

.c-message-operate-btn .color-primary[data-v-18e12132]:hover {
    background-color: #6d6f78
}

.c-message-operate-btn .color-primary[data-v-18e12132]:active {
    background-color: #80848e
}

.c-message-operate-btn .color-brand[data-v-18e12132] {
    background-color: #5865f2;
    color: #fff
}

.c-message-operate-btn .color-brand[data-v-18e12132]:hover {
    background-color: #4752c4
}

.c-message-operate-btn .operate-btn-disable[data-v-18e12132] {
    cursor: no-drop
}

.c-message-operate-btn .operate-btn-disable[data-v-18e12132]:hover {
    background-color: #4e5058;
    color: #fff
}

.c-message-operate-btn .grow[data-v-18e12132] {
    width: auto
}

.c-message-operate-btn .size-small[data-v-18e12132] {
    height: 32px;
    min-height: 32px;
    min-width: 60px
}

.c-message-operate-btn .look-filled[data-v-18e12132] {
    transition: background-color .17s ease, color .17s ease
}

.c-message-operate-btn .contents-wrapper[data-v-18e12132] {
    margin: 0 auto;
    position: relative;
    white-space: nowrap
}

.c-message-operate-btn .contents-wrapper .content[data-v-18e12132] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    min-width: 32px
}

.c-message-operate-btn .content-loading[data-v-18e12132] {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-message-operate-btn .content-loading-dots[data-v-18e12132] {
    pointer-events: none;
    transform: translateZ(0)
}

.c-message-operate-btn .content-loading-dots circle[data-v-18e12132] {
    animation: dots-18e12132 .9s ease-in-out infinite;
    transform-origin: center
}

.c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:first-child {
    animation-delay: 0s
}

.c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:nth-child(2) {
    animation-delay: .2s
}

.c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:nth-child(3) {
    animation-delay: .4s
}

@keyframes dots-18e12132 {
    0% {
        opacity: .2
    }
    25% {
        opacity: 1;
        transform: scale(1.05)
    }
    50% {
        opacity: .2
    }
    to {
        opacity: .2
    }
}

.parameter[data-v-bf2b9802] {
    width: 80px;
    word-break: keep-all
}

.flex-center[data-v-bf2b9802] {
    align-items: center
}

.flex-center[data-v-bf2b9802], .flex-wrpaer[data-v-bf2b9802] {
    display: flex;
    justify-content: space-between
}

.flex-wrpaer[data-v-bf2b9802] {
    margin-top: 14px
}

.tooltipWraper[data-v-bf2b9802] {
    background: #1d1d2b;
    border-radius: 3px;
    color: #c1c2c5;
    max-height: 700px;
    padding: 7px 14px 16px;
    width: 415px
}

.tooltipWraper .PromptTitle[data-v-bf2b9802] {
    align-items: center;
    background: #1a2e43;
    border-radius: 3px;
    box-sizing: border-box;
    color: #94c6ec;
    height: 20px;
    line-height: 20px;
    margin-left: 4px;
    padding: 2px 5px
}

.tooltipWraper .promptDesc[data-v-bf2b9802] {
    background: #2a2a3b;
    border-radius: 2px;
    box-sizing: border-box;
    height: 160px;
    margin-top: 6px;
    overflow: auto;
    padding: 6px
}

.tooltipWraper .negativeTitle[data-v-bf2b9802] {
    color: #c1c2c5;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-top: 11px
}

.tooltipWraper .scaleClass[data-v-bf2b9802] {
    background: #2a2a3b;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-right: 6px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 109px
}

.tooltipWraper .copyClass[data-v-bf2b9802] {
    align-items: center;
    background: rgba(25, 113, 194, .33);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 44px;
    justify-content: center;
    margin-top: 16px;
    width: 362px;
    width: 100%
}

.tooltipWraper .scaleBox[data-v-bf2b9802] {
    display: flex;
    flex-wrap: wrap;
    width: 210px
}

.tooltipWraper .scale-link-class[data-v-bf2b9802] {
    color: #0072c6;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.tooltipWraper .scale-link-class[data-v-bf2b9802]:hover {
    filter: brightness(1.2);
    -webkit-text-decoration: none;
    text-decoration: none
}

.c-swipe-list[data-v-4bb2b6ee] {
    color: #fff;
    position: relative
}

.c-swipe-list .swipeab-icon-box[data-v-4bb2b6ee] {
    height: 100%;
    top: 0
}

.c-swipe-list .swipeab-icon-box .icon-bnt[data-v-4bb2b6ee], .c-swipe-list .swipeab-icon-box[data-v-4bb2b6ee] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 2
}

.c-swipe-list .swipeab-icon-box .icon-bnt[data-v-4bb2b6ee] {
    background-color: #464c64;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 100%;
    cursor: pointer;
    margin-top: -20px;
    opacity: 0;
    top: 50%;
    transition: opacity .3s ease-in-out
}

.c-swipe-list .swipeab-icon-box .icon-bnt i[data-v-4bb2b6ee] {
    font-size: 18px;
    font-weight: 700;
    z-index: 2
}

.c-swipe-list .swipeab-icon-box-left[data-v-4bb2b6ee] {
    background: linear-gradient(90deg, #080b16, transparent);
    left: 0
}

.c-swipe-list .swipeab-icon-box-right[data-v-4bb2b6ee] {
    background-image: linear-gradient(270deg, #080b16, transparent);
    right: 0
}

.c-swipe-list:hover > .swipeab-icon-box > .icon-bnt[data-v-4bb2b6ee] {
    opacity: 1
}

.c-swipe-list .scroll-area[data-v-4bb2b6ee] {
    overflow: auto;
    scrollbar-width: none;
    width: 100%
}

.c-swipe-list .scroll-area[data-v-4bb2b6ee]::-webkit-scrollbar {
    display: none;
    width: 0
}

.c-swipe-list .scroll-area[data-v-4bb2b6ee]::-ms-scrollbar {
    display: none;
    width: 0
}

.c-swipe-list .scroll-area .tags-content[data-v-4bb2b6ee] {
    display: table
}

.c-swipe-list .list[data-v-4bb2b6ee] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    transition: all .3s
}

.c-msg-item[data-v-886d459c] {
    word-wrap: break-word;
    flex: 0 0 auto;
    margin: 1.0625rem 0;
    min-height: 2.75rem;
    padding: .125rem 48px .125rem 62px;
    position: relative
}

.c-msg-item .msg-item-more-panel[data-v-886d459c] {
    align-items: center;
    display: inline-flex;
    position: absolute;
    right: 78px;
    top: 10px
}

.c-msg-item .msg-item-more-panel-show[data-v-886d459c] {
    display: inline-flex
}

.c-msg-item[data-v-886d459c] .message-process-container {
    margin-top: 14px
}

.c-msg-item[data-v-886d459c] .message-process-container .message-process-panel {
    width: 350px
}

.c-msg-item[data-v-886d459c] .message-process-container .el-progress-bar__outer {
    background: #393d4a !important;
    border: 1px solid #586281;
    border-radius: 5px
}

.c-msg-item .message-text-list .message-text-list-item[data-v-886d459c] {
    background: #151925;
    border: 1px solid #262c3e;
    border-radius: 4px;
    display: flex;
    margin-bottom: 10px;
    padding: 10px 50px 10px 10px
}

.c-msg-item .message-text-list .message-text-list-item-order[data-v-886d459c] {
    align-items: center;
    background: #21293d;
    border-radius: 4px;
    color: #7f8395;
    display: inline-flex;
    flex-shrink: 0;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    justify-content: center;
    width: 25px
}

.c-msg-item .message-text-list .message-text-list-item-text[data-v-886d459c] {
    color: #717b8c;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 17px
}

.c-msg-item .message-process-operate-box[data-v-886d459c] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    width: 500px
}

.c-msg-item .message-process-operate-box .process-operate-box-text[data-v-886d459c] {
    color: #7d8da3;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-msg-item .message-process-operate-box .process-operate-box-text-strong[data-v-886d459c] {
    color: #dddde7;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-886d459c] {
    background: #da373d;
    border-color: #da373d;
    border-radius: 4px;
    color: #fff
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-886d459c]:hover {
    background: #8f2022;
    border-color: #8f2022
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue[data-v-886d459c] {
    align-items: center;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-left: 120px;
    padding: 0 12px 0 5px
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue[data-v-886d459c] > span {
    align-items: center;
    display: flex
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue .svg-icon[data-v-886d459c] {
    fill: #65cafa;
    height: 26px;
    width: 26px
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue .words[data-v-886d459c] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    -webkit-background-clip: text;
    font-family: Inter-Semi Bold, Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.c-msg-item .message-process-operate-box .isLoading[data-v-886d459c] {
    background: #953d3a;
    border-color: #953d3a;
    color: #bdb2ac;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .chat-message-header[data-v-886d459c] {
    margin-left: 0;
    padding-left: 0;
    position: static;
    text-indent: 0
}

.c-msg-item .chat-message-content-box[data-v-886d459c] {
    padding-left: 62px;
    padding-right: 62px
}

.c-msg-item .chat-message__avatar[data-v-886d459c] {
    border-radius: 50%;
    cursor: pointer;
    flex: 0 0 auto;
    height: 30px;
    left: 16px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 30px;
    z-index: 1
}

.c-msg-item .chat-message__title[data-v-886d459c] {
    align-items: center;
    color: #f3f4f5;
    display: flex;
    font-size: 16px;
    line-height: 1.375rem;
    margin-bottom: 5px;
    min-height: 1.375rem;
    position: relative;
    white-space: break-spaces
}

.c-msg-item .chat-message__title-user[data-v-886d459c] {
    margin-right: 9px
}

.c-msg-item .chat-message__free[data-v-886d459c], .c-msg-item .chat-message__title-task-tag[data-v-886d459c] {
    background: rgba(0, 82, 204, .2);
    color: #3275d8;
    margin-right: 9px
}

.c-msg-item .chat-message__free[data-v-886d459c], .c-msg-item .chat-message__title-task-tag-2[data-v-886d459c], .c-msg-item .chat-message__title-task-tag[data-v-886d459c] {
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    max-height: 20px;
    padding: 2px 5px
}

.c-msg-item .chat-message__title-task-tag-2[data-v-886d459c] {
    background: rgba(58, 54, 255, .2);
    color: #8a61ff;
    margin-right: 15px
}

.c-msg-item .chat-message__title-task-tag-expire-time[data-v-886d459c] {
    align-items: center;
    background: #1a1e2b;
    border-radius: 4px;
    color: #6f7687;
    display: inline-flex;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    max-height: 20px;
    padding: 2px 5px
}

.c-msg-item .chat-message__free[data-v-886d459c] {
    background: rgba(32, 163, 132, .15);
    color: #20a384
}

.c-msg-item .chat-message__title-id[data-v-886d459c], .c-msg-item .chat-message__title-time[data-v-886d459c] {
    color: #596576;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .task-info-icon[data-v-886d459c] {
    color: #596576;
    cursor: pointer;
    font-size: 18px;
    margin-left: 5px
}

.c-msg-item .task-info-icon[data-v-886d459c]:hover {
    color: #cbd5e1
}

.c-msg-item .msg-item-more-icon[data-v-886d459c] {
    align-items: center;
    border-radius: 6px;
    color: #6f7687;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-left: 6px;
    transition: all .3s;
    width: 34px
}

.c-msg-item .msg-item-more-icon[data-v-886d459c]:first-child {
    margin-left: 0
}

.c-msg-item .msg-item-more-icon .svg-icon[data-v-886d459c] {
    font-size: 14px
}

.c-msg-item .msg-item-more-icon .msg-item-more-icon-18[data-v-886d459c], .c-msg-item .msg-item-more-icon .msg-item-more-icon-1[data-v-886d459c] {
    font-size: 18px
}

.c-msg-item .msg-item-more-icon .msg-item-more-icon-20[data-v-886d459c] {
    font-size: 20px
}

.c-msg-item .msg-item-more-icon .msg-item-more-icon-24[data-v-886d459c] {
    font-size: 24px
}

.c-msg-item .msg-item-more-icon[data-v-886d459c]:hover {
    background: #1a1e2b;
    color: #f8f8f9
}

.c-msg-item .message-text-content[data-v-886d459c] {
    color: #a1a3ad;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-left: -62px;
    padding-left: 62px;
    padding-right: 32px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.c-msg-item .message-text-content .message-text-content-text[data-v-886d459c] {
    color: #a1a3ad;
    line-height: 18px
}

.c-msg-item .message-text-content .message-author-text[data-v-886d459c] {
    background: rgba(88, 101, 242, .4);
    border-radius: 3px;
    color: #c9cdfb;
    cursor: pointer;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.375rem;
    margin-left: 10px;
    padding: 0 2px;
    transition: all .3s
}

.c-msg-item .message-text-content .message-author-text[data-v-886d459c]:hover {
    background-color: #5865f2;
    color: #fff
}

.c-msg-item .chat-message__content[data-v-886d459c] {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 8px
}

.c-msg-item .chat-message__date[data-v-886d459c] {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.c-msg-item .content-text[data-v-886d459c] {
    word-wrap: break-word;
    color: #f3f4f5;
    font-size: 1rem;
    line-height: 1.375rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    white-space: pre-wrap;
    white-space: break-spaces
}

.c-msg-item .image-box[data-v-886d459c] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .25rem;
    width: 450px
}

.c-msg-item .image-box__img[data-v-886d459c] {
    height: 220px;
    width: 220px
}

.c-msg-item .image-box__img img[data-v-886d459c] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-msg-item .operate-item[data-v-886d459c] {
    align-items: center;
    background-color: #686d73;
    border-color: #686d73;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    margin-right: 8px;
    margin-top: 8px;
    width: 78px
}

.c-msg-item .message-accessories[data-v-886d459c] {
    min-height: 0;
    min-width: 0;
    padding-bottom: .125rem;
    padding-top: .125rem;
    position: relative;
    text-indent: 0
}

.c-msg-item .media-attachments-container[data-v-886d459c] {
    display: flex;
    flex-wrap: nowrap
}

.c-msg-item .media-attachments-container .c-media-attachments-container[data-v-886d459c] {
    margin-bottom: 6px;
    margin-right: 6px
}

.c-msg-item .media-attachments-container .c-media-attachments-container[data-v-886d459c]:last-child {
    margin-right: 0
}

.c-msg-item .btn-container[data-v-886d459c] {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-self: start;
    overflow: hidden;
    width: 100%
}

.c-msg-item .operating-options[data-v-886d459c] {
    display: flex;
    flex-wrap: wrap
}

.c-msg-item .operating-options-text[data-v-886d459c] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 4px
}

.c-msg-item .operating-options-text[data-v-886d459c] .c-message-operate-btn .color-primary {
    background-color: #32394a
}

.c-msg-item .operating-options-text[data-v-886d459c] .c-message-operate-btn .message-operate-btn {
    color: #fff;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .operating-options-btn-icon[data-v-886d459c] {
    font-size: 20px;
    margin-right: 7px
}

.c-msg-item .operating-options-btn-icon-right[data-v-886d459c] {
    font-size: 20px;
    margin-left: 7px
}

.c-msg-item .operating-options-button[data-v-886d459c] {
    align-items: center;
    background: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    padding: 2px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-msg-item .color-primary[data-v-886d459c] {
    background-color: #4e5058;
    color: #fff
}

.c-msg-item .carousel-icon[data-v-886d459c] {
    color: #5c6a8e;
    cursor: pointer;
    font-size: 18px;
    left: 350px;
    margin-left: 12px;
    position: absolute;
    top: 0
}

.c-msg-item .message-process-loading-span[data-v-886d459c] {
    display: inline-block;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    vertical-align: -.25ex
}

.c-msg-item .message-process-loading-span[data-v-886d459c]:before {
    animation: dotdotdot-886d459c 3s step-start infinite both;
    content: "...\a..\a.";
    display: block;
    white-space: pre-wrap
}

@keyframes dotdotdot-886d459c {
    33% {
        transform: translateY(-2em)
    }
    66% {
        transform: translateY(-1em)
    }
}

.task-info-tips {
    box-sizing: border-box;
    min-width: 300px
}

.task-info-tips p {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.task-info-tips p .task-pub-status {
    background: rgba(239, 70, 111, .08);
    border-radius: 4px;
    color: #ef466f;
    font-weight: 500;
    padding: 6px
}

.task-info-tips .task-info-tips-label {
    flex: 0 0 auto;
    margin-right: 20px
}

.task-info-tips .task-info-tips-content {
    flex: 1;
    text-align: right;
    white-space: nowrap
}

.audit-content[data-v-c995496a] {
    color: #efefef;
    padding: 10px
}

.audit-dialog .el-dialog {
    background: #24262a;
    border-radius: 20px;
    width: 410px
}

.audit-dialog .el-dialog__header {
    color: #efefef;
    font-size: 16px;
    font-weight: 400
}

.audit-dialog .el-dialog__header .el-dialog__title {
    color: #efefef
}

.audit-dialog .el-dialog__footer {
    padding-top: 0
}

.c-task-view[data-v-7c43024e] {
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: calc(100% - 46px);
    position: relative
}

.c-task-view .message-list[data-v-7c43024e] {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
    position: relative
}

.c-task-view .no-data-content[data-v-7c43024e] {
    bottom: 68px;
    left: 18px;
    position: absolute
}

.c-task-view .no-data-content .no-data-content-normal[data-v-7c43024e] {
    color: #b8c1d2;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 36px;
    font-weight: 500;
    line-height: 40px
}

.c-task-view .no-data-content .no-data-content-text[data-v-7c43024e] {
    align-items: center;
    color: #b8c1d2;
    display: flex;
    margin-top: 14px
}

.c-task-view .no-data-content .no-data-content-text .svg-icon[data-v-7c43024e] {
    font-size: 24px
}

.c-task-view .no-data-content .no-data-content-text span[data-v-7c43024e]:last-child {
    color: #b8c1d2;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 8px
}

.c-task-view .message-divider[data-v-7c43024e] {
    align-items: center;
    border-top: thin solid rgba(78, 80, 88, .48);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 0;
    justify-content: center;
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.c-task-view .message-divider .message-divider-content[data-v-7c43024e] {
    border-color: #949ba4;
    border-radius: 8px;
    color: #949ba4;
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin-top: -1px;
    padding: 2px 4px
}

.c-task-view .messages-wrapper[data-v-7c43024e] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 0
}

.c-task-view .scroll-wrapper[data-v-7c43024e] {
    bottom: 0;
    left: 0;
    overflow-anchor: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.c-task-view .scroll-wrapper .c-msg-item[data-v-7c43024e]:nth-child(2n) {
    background-color: #141723
}

.c-task-view .show-scroll-bar[data-v-7c43024e]::-webkit-scrollbar-thumb {
    display: none
}

.c-task-view .show-scroll-bar[data-v-7c43024e]::-webkit-scrollbar {
    opacity: 0
}

.c-task-view .show-scroll-bar[data-v-7c43024e]::-webkit-scrollbar-track {
    background-color: transparent
}

.c-task-view .show-scroll-bar[data-v-7c43024e]::-webkit-scrollbar-thumb {
    opacity: 0
}

.c-task-view .scroll-content[data-v-7c43024e] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow-anchor: none;
    position: relative
}

.c-task-view .scroll-content .c-msg-item[data-v-7c43024e]:nth-child(2n) {
    background-color: #141723
}

.c-task-view .scroll-bottom[data-v-7c43024e] {
    height: 60px
}

.c-task-view .generate-view-back-top[data-v-7c43024e] {
    align-items: center;
    background: #1d202f;
    border-radius: 8px;
    bottom: 62px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 20px;
    width: 38px;
    z-index: 9999
}

.c-task-view .generate-view-back-top[data-v-7c43024e]:hover {
    background: #4c5184
}

.c-task-view .generate-view-back-top-only[data-v-7c43024e] {
    bottom: 16px
}

.c-task-view .generate-view-nsfw-plus[data-v-7c43024e] {
    align-items: center;
    background: #1d202f;
    border-radius: 8px;
    bottom: 16px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 20px;
    width: 38px;
    z-index: 9999
}

.c-task-view .generate-view-nsfw-plus[data-v-7c43024e]:hover {
    background: #4c5184
}

.generate-prompt[data-v-a9659600] {
    align-items: flex-end;
    background: #25263a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    display: flex;
    padding: 10px 15px 10px 0;
    position: relative;
    width: 100%
}

.generate-prompt[data-v-a9659600] .el-input {
    border: 1px solid #25263a
}

.generate-prompt[data-v-a9659600] .el-input .el-textarea__inner {
    background: #25263a;
    border-color: #25263a
}

.generate-prompt[data-v-a9659600] .el-textarea {
    box-sizing: border-box
}

.generate-prompt[data-v-a9659600] .el-textarea .el-textarea__inner {
    background: #25263a;
    border-color: #25263a
}

.generate-prompt[data-v-a9659600] .el-textarea .el-input__count {
    bottom: -5px
}

.generate-prompt > svg[data-v-a9659600] {
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    margin-left: 5px;
    padding: 8px;
    width: 40px
}

.generate-prompt > svg[data-v-a9659600]:hover {
    background: #1a1e2b;
    border-radius: 3px
}

.generate-prompt .tools-translate[data-v-a9659600] {
    padding: 2px
}

.generate-prompt .physical-exertion-text[data-v-a9659600] {
    background: #20283b;
    bottom: 5px;
    color: #cbd5e1;
    font-size: 12px;
    position: absolute;
    right: 0;
    transform: translateX(-80%);
    white-space: nowrap
}

.generate-prompt .physical-exertion-text-2[data-v-a9659600] {
    transform: translateX(-140%)
}

.generate-prompt .tutorial[data-v-a9659600] {
    align-items: center;
    background: #1d202f;
    border-radius: 8px;
    bottom: calc(100% + 16px);
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: 20px;
    width: 38px
}

.generate-prompt .tutorial[data-v-a9659600]:hover {
    background: #4c5184
}

.generate-prompt .tutorial .svg-icon[data-v-a9659600] {
    font-size: 20px
}

.generate-prompt .random-prompt[data-v-a9659600] {
    align-items: center;
    background: #12121e;
    border: 1px solid #0d9488;
    border-radius: 5px;
    bottom: calc(100% + 10px);
    color: #0d9488;
    display: flex;
    left: 15px;
    max-width: calc(100% - 50px);
    padding: 3px 10px;
    position: absolute
}

.generate-prompt .random-prompt svg[data-v-a9659600] {
    cursor: pointer;
    font-size: 24px;
    margin-right: 5px
}

.generate-prompt .random-prompt svg.loading[data-v-a9659600] {
    animation: rotate-a9659600 1s linear infinite
}

.generate-prompt .random-prompt span[data-v-a9659600] {
    cursor: pointer;
    display: inline-block;
    flex: 1;
    font-size: 12px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes rotate-a9659600 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.slider-item .slider-label[data-v-24f91fda] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    justify-content: space-between
}

.slider-item .slider-label .el-input-number[data-v-24f91fda] {
    width: 82px
}

.generate-advanced[data-v-d62a9e38] {
    background: rgba(23, 36, 29, .6)
}

.generate-advanced .item-head label[data-v-d62a9e38] {
    color: #00875a !important
}

.generate-advanced .item-content[data-v-d62a9e38] .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.generate-advanced .item-content > div[data-v-d62a9e38] {
    background: hsla(0, 0%, 100%, .05);
    padding: 1px 10px !important
}

.generate-advanced .item-content > div label[data-v-d62a9e38] {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.generate-advanced .item-content > div[data-v-d62a9e38] .el-textarea__inner {
    background: #1e252c
}

.generate-advanced .item-content > div.select-item[data-v-d62a9e38] .el-select .el-input__inner {
    background: none !important
}

.generate-advanced .item-content > div.seed-item[data-v-d62a9e38] {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: space-between
}

.generate-advanced .item-content > div.seed-item label[data-v-d62a9e38] {
    padding: 0
}

.generate-advanced .item-content > div.seed-item .switch-seed[data-v-d62a9e38] {
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid #393e44;
    border-radius: 6px;
    margin-top: 4px;
    padding: 2px
}

.generate-advanced .item-content > div.seed-item .switch-seed .switch-btn[data-v-d62a9e38] {
    background: transparent;
    border: none;
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .6);
    min-width: 50px;
    outline: none;
    padding: 4px
}

.generate-advanced .item-content > div.seed-item .switch-seed .switch-btn.active[data-v-d62a9e38] {
    background: hsla(0, 0%, 100%, .2);
    color: #fff
}

.generate-advanced .item-content > div.seed-item .seed-temp[data-v-d62a9e38] {
    color: #4784ff;
    cursor: pointer;
    margin: 6px 0
}

.generate-advanced .item-content > div.seed-item[data-v-d62a9e38] .el-input-number {
    line-height: 32px;
    width: 100%
}

.generate-advanced .item-content > div.seed-item[data-v-d62a9e38] .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.generate-advanced .item-content .h-item-no-padding-top[data-v-d62a9e38] {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.generate-advanced .item-content .switch-item[data-v-d62a9e38] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.vae-custom-select .el-scrollbar__wrap {
    max-width: 200px
}

.sampler-custom-select .el-scrollbar__wrap {
    max-width: 180px
}

.generate-controlnet[data-v-e0d83fde] {
    background: rgba(255, 153, 31, .06)
}

.generate-controlnet .item-head label[data-v-e0d83fde] {
    color: #ff991f
}

.generate-controlnet .item-head label i[data-v-e0d83fde] {
    color: #fff !important;
    cursor: pointer;
    font-size: 14px !important
}

.generate-controlnet .item-content > div[data-v-e0d83fde] {
    background: #2c262a
}

.generate-controlnet .item-content > div[data-v-e0d83fde] .el-select .el-input__inner {
    background: #2c262a !important
}

.generate-controlnet .item-content > div .el-selects[data-v-e0d83fde] {
    color: #8993a7;
    cursor: pointer;
    flex: 1;
    height: 32px;
    line-height: 32px;
    text-align: right
}

.generate-controlnet .item-content > div .el-selects i[data-v-e0d83fde] {
    margin-left: 5px;
    vertical-align: middle
}

.generate-controlnet .item-content .radio-item[data-v-e0d83fde] {
    display: flex
}

.custom-tips[data-v-e0d83fde] {
    vertical-align: middle
}

.generate-image[data-v-08e0d76b] {
    background: #181b2a
}

.generate-image .item-head label[data-v-08e0d76b] {
    color: #6d59e3
}

.generate-image[data-v-08e0d76b] .el-slider {
    padding-right: 0 !important
}

.generate-image[data-v-08e0d76b] .el-slider .el-slider__runway.show-input {
    width: 60%
}

.cltpop-cent[data-v-451912c6] {
    flex-direction: column;
    height: 440px;
    justify-content: space-between;
    overflow: hidden
}

.cltpop-cent .search[data-v-451912c6], .cltpop-cent[data-v-451912c6] {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.cltpop-cent .search[data-v-451912c6] {
    align-items: center;
    background-color: #1b2132;
    border-radius: 20px;
    height: 40px;
    padding: 0 8px
}

.cltpop-cent .search .svg-icon[data-v-451912c6] {
    height: 26px;
    width: 26px
}

.cltpop-cent .search input[data-v-451912c6] {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 100%;
    outline: none;
    width: 200px
}

.cltpop-cent .search input[data-v-451912c6]::-moz-placeholder {
    color: #66748c
}

.cltpop-cent .search input[data-v-451912c6]::placeholder {
    color: #66748c
}

.cltpop-cent .loadbox[data-v-451912c6] {
    height: 70px;
    width: 100%
}

.cltpop-cent .title[data-v-451912c6] {
    color: #a0a8b3;
    font-size: 10px;
    padding: 10px 0
}

.cltpop-cent .list[data-v-451912c6] {
    margin-top: 10px;
    max-height: 310px;
    overflow-y: scroll;
    width: 100%
}

.cltpop-cent .itembox[data-v-451912c6] {
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 100%
}

.cltpop-cent .itembox .itemboxinfo[data-v-451912c6] {
    align-items: center;
    display: flex;
    width: 200px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft[data-v-451912c6] {
    align-items: center;
    background-color: #191f2e;
    border-radius: 4px;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 10px;
    width: 48px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon[data-v-451912c6], .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i[data-v-451912c6] {
    color: #d8d8d8;
    font-size: 26px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img[data-v-451912c6] {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cltpop-cent .itembox .itemboxinfo span[data-v-451912c6] {
    color: #cbd5e1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.cltpop-cent .itembox .el-button[data-v-451912c6] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    height: 30px;
    justify-content: center;
    min-width: 54px;
    opacity: 0;
    padding: 0
}

.cltpop-cent .itembox[data-v-451912c6]:hover {
    background-color: #282e43
}

.cltpop-cent .itembox:hover > .el-button[data-v-451912c6] {
    opacity: 1
}

.cltpop-cent .itembox[data-v-451912c6]:last-child {
    margin-bottom: 0
}

.cltpop-cent .create[data-v-451912c6] {
    background-color: #1b2132;
    padding: 0 10px 4px
}

.cltpop-cent .create .itemboxinfoleft[data-v-451912c6] {
    background-color: #282e43 !important
}

.cltpop-cent .create .itemboxinfoleft i[data-v-451912c6] {
    font-size: 14px !important
}

.cltpop-cent .create .itembox[data-v-451912c6]:hover {
    background-color: #1b2132 !important
}

.bnt[data-v-451912c6] {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 30px;
    width: 100px
}

.bnt div[data-v-451912c6] {
    font-size: 14px;
    margin-right: 14px;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bnt i[data-v-451912c6] {
    font-size: 16px;
    transition: all .3s
}

.CollectPopover {
    background-color: #0f121c !important;
    border: 1px solid #23263f !important;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5)
}

.CollectPopover .el-popover__title {
    color: #abbad3;
    font-size: 18px;
    padding-top: 13px;
    text-align: center
}

.modelPayNum[data-v-07f08919] {
    background-image: url(/_nuxt/img/modelPayNumBg.cea3df6.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    padding: 7px 0 0 41px;
    width: 71px
}

.modelPayNum.GPU-bg[data-v-07f08919] {
    align-items: center;
    background-image: linear-gradient(90deg, #ffe6b4, #f5c572);
    border-radius: 5px;
    color: #744100;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    padding: 7px 0
}

.changeVer[data-v-209e3ab2] {
    align-items: center;
    border-radius: 6px;
    bottom: 7px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0 8px;
    position: absolute;
    right: 7px;
    width: 77px;
    z-index: 9
}

.changeVer span[data-v-209e3ab2] {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.changeVer i[data-v-209e3ab2] {
    font-size: 16px;
    margin-left: 15px
}

.verList[data-v-209e3ab2] {
    box-sizing: border-box;
    min-height: 45px;
    padding: 10px
}

.verList div[data-v-209e3ab2] {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px
}

.verList div[data-v-209e3ab2]:last-child {
    margin-bottom: 0
}

.swipeab-leList[data-v-7164eadb] {
    color: #fff;
    height: 38px;
    position: relative;
    width: 100%
}

.swipeab-leList .swipeab-icon-box[data-v-7164eadb] {
    height: 100%;
    top: 0
}

.swipeab-leList .swipeab-icon-box .icon-bnt[data-v-7164eadb], .swipeab-leList .swipeab-icon-box[data-v-7164eadb] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 2
}

.swipeab-leList .swipeab-icon-box .icon-bnt[data-v-7164eadb] {
    background-color: #464c64;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 100%;
    cursor: pointer;
    opacity: 0;
    top: 50%;
    transition: opacity .3s ease-in-out
}

.swipeab-leList .swipeab-icon-box .icon-bnt i[data-v-7164eadb] {
    font-size: 18px;
    font-weight: 700;
    z-index: 2
}

.swipeab-leList .swipeab-icon-box-left[data-v-7164eadb] {
    background: linear-gradient(90deg, #080b16, transparent);
    left: 0
}

.swipeab-leList .swipeab-icon-box-right[data-v-7164eadb] {
    background-image: linear-gradient(270deg, #080b16, transparent);
    right: 0
}

.swipeab-leList:hover > .swipeab-icon-box > .icon-bnt[data-v-7164eadb] {
    opacity: 1
}

.swipeab-leList .scroll-area[data-v-7164eadb] {
    overflow: auto;
    scrollbar-width: none;
    width: 100%
}

.swipeab-leList .scroll-area[data-v-7164eadb]::-webkit-scrollbar {
    display: none;
    width: 0
}

.swipeab-leList .scroll-area[data-v-7164eadb]::-ms-scrollbar {
    display: none;
    width: 0
}

.swipeab-leList .scroll-area .tags-content[data-v-7164eadb] {
    display: table
}

.swipeab-leList .content[data-v-7164eadb] {
    width: -moz-max-content;
    width: max-content
}

.swipeab-leList .content .list[data-v-7164eadb] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    transition: all .3s
}

.Screening[data-v-81c96270], .el-dropdown-link[data-v-81c96270] {
    align-items: center;
    display: flex
}

.el-dropdown-link[data-v-81c96270] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    min-width: 184px;
    opacity: 1;
    padding: 0 12px
}

.el-dropdown-link div[data-v-81c96270] {
    align-items: center;
    display: flex
}

.el-dropdown-link div .svg-icon[data-v-81c96270] {
    color: #4c97fd;
    font-size: 24px
}

.el-dropdown-link div span[data-v-81c96270] {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.el-dropdown-link div i[data-v-81c96270] {
    color: #fcfcfc;
    font-size: 18px
}

.el-dropdown-link i[data-v-81c96270] {
    font-size: 18px
}

.selectTime[data-v-81c96270] {
    margin: 0 10px;
    min-width: 116px
}

.el-dropdown-item[data-v-81c96270] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-81c96270] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-81c96270] {
    color: #6f767e;
    font-size: 14px
}

.el-dropdown-item-time[data-v-81c96270] {
    width: 119px
}

.showType {
    height: 40px;
    width: 166px
}

.c-style-modal {
    background-color: #111522 !important;
    border: 1px solid #293045;
    border-radius: 16px !important;
    border-radius: 16px;
    margin-top: 3vh !important;
    max-height: 900px;
    text-align: left !important
}

.c-style-modal .el-dialog__header {
    border: 1px solid hsla(0, 0%, 100%, .06)
}

.c-style-modal .el-dialog__title {
    color: #fff;
    font-size: 16px
}

.c-style-modal .el-dialog__body {
    padding: 0 !important
}

.c-style-modal .style-content-wrapper {
    background-color: #111522;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 900px;
    padding: 0 22px 29px
}

.c-style-modal .style-content__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%
}

.c-style-modal .style-content__header-tabs {
    align-items: center;
    display: flex;
    gap: 10px
}

.c-style-modal .style-content__header-tabs-item {
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 8px;
    color: #d8d9dc;
    cursor: pointer;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-left: 58px;
    padding: 8px 16px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.c-style-modal .style-content__header-tabs-item:first-child {
    margin-left: 0
}

.c-style-modal .tab-active {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    color: #fff
}

.c-style-modal .style-content__search-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.c-style-modal .style-content__search-input {
    width: 228px
}

.c-style-modal .style-content__search-input .el-input__inner {
    background: #2d3245;
    border-color: transparent;
    color: #fff;
    height: 32px;
    padding-left: 37px
}

.c-style-modal .style-content__search-input .el-input__prefix {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 5px
}

.c-style-modal .style-content__search-input .search-icon {
    fill: #fff;
    font-size: 26px
}

.c-style-modal .style-content__search-btn {
    background: #212535;
    border: 1px solid;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-left: 19px;
    overflow: hidden;
    padding: 7px 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-style-modal .style-content__search-btn-gra-border {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent
}

.c-style-modal .style-content__list-wrapper {
    grid-gap: 20px;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-template-rows:240px;
    margin-top: 14px;
    max-height: 600px;
    min-height: 600px;
    overflow-y: auto;
    position: relative
}

.c-style-modal .style-content__list-wrapper-no-margin {
    grid-template-rows:30px auto
}

.c-style-modal .style-content__list-item {
    border-radius: 8px;
    cursor: pointer;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 240px
}

.c-style-modal .style-content__list-item:hover .top-box {
    opacity: 0
}

.c-style-modal .style-content__list-item .top-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 5px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: all .3s;
    z-index: 1
}

.c-style-modal .style-content__list-item .top-box .sdxl-sign {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 600;
    height: 25px;
    justify-content: center;
    width: 48px
}

.c-style-modal .style-content__list-item .cltpop {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    padding: 6px 8px 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.c-style-modal .style-content__list-item .cltpop:hover {
    opacity: 1
}

.c-style-modal .style-content__list-item .cltpop .collect-popover-container, .c-style-modal .style-content__list-item .cltpop .detail-button {
    height: 30px;
    line-height: 30px
}

.c-style-modal .style-content__list-item .cltpop .detail-button {
    color: #e2e8f0;
    display: block;
    max-width: 84px;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-style-modal .select-model-active {
    align-items: center;
    border: 1px solid #27b670;
    display: flex;
    justify-content: center
}

.c-style-modal .select-model-active .list-item-image-wrapper {
    border-radius: 8px;
    height: 178px;
    width: 178px
}

.c-style-modal .select-model-active .list-item-image-card-image {
    border-radius: 8px
}

.c-style-modal .select-model-active .list-item-image-mask .list-item-image-mask-item__content {
    max-width: 150px
}

.c-style-modal .select-model-active .list-item-image-mask .content-width-limit {
    max-width: 70px
}

.c-style-modal .style-content__list-empty {
    align-items: center;
    color: #dde2e9;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.c-style-modal .style-content__list-empty .style-content__list-empty-icon {
    height: 137px;
    width: 162px
}

.c-style-modal .list-item-image-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.c-style-modal .list-item-image-card-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-style-modal .list-item-image-card-image .image-empty {
    align-items: center;
    background-color: #595c69;
    color: #e4e8f0;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.c-style-modal .list-item-image-card-image .el-image__inner {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.c-style-modal .list-item-image-card-image .el-image__error, .c-style-modal .list-item-image-card-image .el-image__placeholder {
    background-color: #1b1f2d
}

.c-style-modal .list-item-image-mask {
    align-items: center;
    background: #0f121c;
    border-radius: 8px;
    bottom: 4px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 38px;
    left: 50%;
    opacity: .86;
    padding: 5px;
    position: absolute;
    transform: translate(-50%);
    width: calc(100% - 8px)
}

.c-style-modal .list-item-image-mask .list-item-image-mask-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 145px
}

.c-style-modal .list-item-image-mask .list-item-image-mask-item__title {
    color: #9ea3ad;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.c-style-modal .list-item-image-mask .list-item-image-mask-item__content {
    color: #e4e8f0;
    flex-shrink: 0;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    max-width: 210px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-style-modal .list-item-image-mask .content-width-limit {
    max-width: 100px
}

.c-style-modal .list-item-image-mask .list-item-image-mask-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.c-style-modal .recommend-text {
    align-items: center;
    display: flex;
    margin: 13px 0;
    width: 100%
}

.c-style-modal .recommend-text .recommend-text-line {
    border: 1px dashed #777e91;
    box-sizing: border-box;
    flex: 1 0 auto
}

.c-style-modal .recommend-text .recommend-text-main {
    color: #777e91;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin: 0 12px
}

.c-style-modal .show-more-item {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-style-modal .show-more-item .show-more-item-btn {
    border: 2px solid #383c47;
    border-radius: 90px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 12px 16px
}

.c-style-modal .show-more-item .show-more-item-btn-text {
    color: #777e91;
    font-family: DM Sans-Bold, DM Sans;
    font-size: 14px;
    font-weight: 700
}

.c-style-modal .show-more-item .show-more-item-btn-icon {
    color: #777e91;
    font-size: 16px
}

.modelDownload[data-v-0e13372c] {
    align-items: center;
    background-color: inherit;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    font-size: 17px;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px
}

.modelDownload[data-v-0e13372c]:hover {
    background: hsla(0, 0%, 100%, .05)
}

.modelDownload .svg-icon[data-v-0e13372c] {
    color: #fff
}

.item[data-v-0e13372c] {
    align-items: center;
    color: #3f8cff;
    cursor: pointer;
    display: flex
}

.item span[data-v-0e13372c] {
    font-size: 14px;
    margin-right: 13px
}

.item .svg-icon[data-v-0e13372c] {
    font-size: 16px
}

.downPop {
    background: #2a303c !important;
    border: none !important;
    box-sizing: border-box;
    min-width: 0 !important;
    padding: 10px !important
}

.downPop .popper__arrow, .downPop .popper__arrow:after {
    border-bottom-color: #2a303c !important
}

.modelDownload .el-loading-spinner {
    margin-top: 0;
    top: 0
}

.modelDownload .el-loading-spinner .circular {
    height: 28px;
    width: 28px
}

.modelCnt .modelName[data-v-4f4c93e0] {
    margin: 0 0 8px;
    position: relative
}

.modelCnt .modelName .payNum[data-v-4f4c93e0] {
    left: 0;
    position: absolute;
    top: 5px
}

.modelCnt .modelName .text[data-v-4f4c93e0] {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modelCnt .modelName .dowLoad[data-v-4f4c93e0] {
    right: 40px
}

.modelCnt .modelName .dowLoad[data-v-4f4c93e0], .modelCnt .modelName .edit[data-v-4f4c93e0] {
    border: 1px solid hsla(0, 0%, 100%, .8);
    border-radius: 7px;
    height: 28px;
    position: absolute;
    top: 0;
    width: 28px
}

.modelCnt .modelName .edit[data-v-4f4c93e0] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: 10px;
    right: 0
}

.modelCnt .modelName .edit .svg-icon[data-v-4f4c93e0] {
    font-size: 21px;
    transform: rotate(90deg)
}

.modelCnt .vnList .vnItem[data-v-4f4c93e0], .modelCnt .vnList[data-v-4f4c93e0] {
    align-items: center;
    display: flex
}

.modelCnt .vnList .vnItem[data-v-4f4c93e0] {
    background: rgba(31, 35, 48, .43);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    justify-content: center;
    margin-right: 6px;
    min-width: 38px;
    padding: 0 10px;
    white-space: nowrap
}

.modelCnt .vnList .vnItem[data-v-4f4c93e0]:last-child {
    margin-right: 0
}

.modelCnt .vnList .vnItem span[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.modelCnt .vnList .vnItem .svg-icon[data-v-4f4c93e0] {
    font-size: 10px;
    margin-left: 5px
}

.modelCnt .vnList .vnActivate[data-v-4f4c93e0] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 6px
}

.modelCnt .vnList .vnAdd[data-v-4f4c93e0] {
    color: #3f8cff
}

.modelCnt .modelMain[data-v-4f4c93e0] {
    display: flex;
    margin-top: 14px
}

.modelCnt .modelMain .mainLeft[data-v-4f4c93e0] {
    width: 728px
}

.modelCnt .modelMain .mainLeft .imgMain[data-v-4f4c93e0] {
    background: #1c1d2a;
    border-radius: 20px;
    height: 642px;
    overflow: hidden;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgMain .imgDef[data-v-4f4c93e0] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgBox[data-v-4f4c93e0] {
    height: 100%;
    position: relative;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgBox .imgBg[data-v-4f4c93e0] {
    background-size: cover;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    filter: blur(50px);
    height: 100%;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgBox .elimg[data-v-4f4c93e0] {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0
}

.modelCnt .modelMain .mainLeft .imgBox .elimg img[data-v-4f4c93e0], .modelCnt .modelMain .mainLeft .imgBox .elimg[data-v-4f4c93e0] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgBox .elimg:hover > .waterfall-hover-model[data-v-4f4c93e0] {
    opacity: 1;
    transition: all .2s ease-in-out;
    z-index: 2
}

.modelCnt .modelMain .mainLeft .imgBox .elimg:hover > .cltpop[data-v-4f4c93e0] {
    opacity: 1 !important
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .cltpop[data-v-4f4c93e0] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 6px 0 0 8px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model[data-v-4f4c93e0] {
    background: #0f121c;
    border-radius: 8px;
    bottom: 50px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 132px;
    left: 2%;
    opacity: 0;
    padding: 10px 16px 5px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 96%;
    z-index: 2
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model[data-v-4f4c93e0]:hover {
    cursor: default
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverTop[data-v-4f4c93e0] {
    align-items: center;
    color: #ff3939;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: space-between
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverMiddle[data-v-4f4c93e0] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #cbd5e1;
    display: -webkit-box;
    flex: 1;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom[data-v-4f4c93e0] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    height: 34px;
    justify-content: space-between;
    line-height: 34px;
    margin-top: 10px
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info[data-v-4f4c93e0] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info .avatorClass[data-v-4f4c93e0] {
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    height: 26px;
    line-height: 26px;
    margin-right: 6px;
    text-align: center;
    width: 26px
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-4f4c93e0] {
    align-items: center;
    border-radius: 17px;
    color: #cbd5e1;
    display: flex;
    font-size: 20px;
    justify-content: center;
    padding: 7px;
    position: relative
}

.modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-4f4c93e0]:hover {
    background: #1d8d7b;
    color: #fff;
    cursor: pointer
}

.modelCnt .modelMain .mainLeft .imgNav[data-v-4f4c93e0] {
    align-items: center;
    display: flex;
    height: 112px;
    justify-content: center
}

.modelCnt .modelMain .mainLeft .imgNav .imgItem[data-v-4f4c93e0] {
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 8px;
    cursor: pointer;
    height: 96px;
    margin-right: 10px;
    overflow: hidden;
    width: 130px
}

.modelCnt .modelMain .mainLeft .imgNav .imgItem[data-v-4f4c93e0]:last-child {
    margin-right: 0
}

.modelCnt .modelMain .mainLeft .imgNav .imgItem div[data-v-4f4c93e0] {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgNav .imgItem div img[data-v-4f4c93e0] {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.modelCnt .modelMain .mainLeft .imgNav .imgActivate[data-v-4f4c93e0] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 6px
}

.modelCnt .modelMain .mainLeft .intro[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
    white-space: normal
}

.modelCnt .modelMain .mainRight[data-v-4f4c93e0] {
    margin-left: 24px;
    width: 391px
}

.modelCnt .modelMain .mainRight .subInfo[data-v-4f4c93e0] {
    align-items: center;
    display: flex
}

.modelCnt .modelMain .mainRight .subInfo .modelType[data-v-4f4c93e0] {
    align-items: center;
    background: rgba(63, 140, 255, .1);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    padding: 5px 8px
}

.modelCnt .modelMain .mainRight .subInfo .modelType .svg-icon[data-v-4f4c93e0] {
    color: #85b7ff;
    font-size: 20px;
    margin-right: 5px
}

.modelCnt .modelMain .mainRight .subInfo .modelType span[data-v-4f4c93e0] {
    color: #85b7ff;
    font-size: 14px
}

.modelCnt .modelMain .mainRight .subInfo .org[data-v-4f4c93e0] {
    background: rgba(255, 194, 53, .1)
}

.modelCnt .modelMain .mainRight .subInfo .org .svg-icon[data-v-4f4c93e0], .modelCnt .modelMain .mainRight .subInfo .org span[data-v-4f4c93e0] {
    color: #ffac24
}

.modelCnt .modelMain .mainRight .subInfo .subLine[data-v-4f4c93e0] {
    background-color: hsla(0, 0%, 100%, .5);
    height: 20px;
    margin: 0 8px;
    width: 1px
}

.modelCnt .modelMain .mainRight .subInfo .modelUpdateTiem[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px
}

.modelCnt .modelMain .mainRight .personal[data-v-4f4c93e0] {
    align-items: center;
    background: #151522;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
    display: flex;
    height: 58px;
    justify-content: space-between;
    margin-top: 15px;
    padding: 9px
}

.modelCnt .modelMain .mainRight .personal .personal-info[data-v-4f4c93e0] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.modelCnt .modelMain .mainRight .personal .personal-info .avatorClass[data-v-4f4c93e0] {
    align-items: center;
    background-color: #adb8cd;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 42px;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 42px
}

.modelCnt .modelMain .mainRight .personal .personal-info .personal-text[data-v-4f4c93e0] {
    color: #fff;
    font-size: 14px;
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

.modelCnt .modelMain .mainRight .personal .follow[data-v-4f4c93e0] {
    align-items: center;
    background: #38384a;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    width: 80px
}

.modelCnt .modelMain .mainRight .personal .follow span[data-v-4f4c93e0] {
    color: #fff;
    font-size: 16px
}

.modelCnt .modelMain .mainRight .personal .follow[data-v-4f4c93e0]:hover {
    background-color: #fff
}

.modelCnt .modelMain .mainRight .personal .follow:hover span[data-v-4f4c93e0] {
    color: #000
}

.modelCnt .modelMain .mainRight .personal .follow[data-v-4f4c93e0]:active {
    background-color: #cbd5e1
}

.modelCnt .modelMain .mainRight .personal .unfollow[data-v-4f4c93e0]:hover {
    background-color: #9e2727
}

.modelCnt .modelMain .mainRight .personal .unfollow:hover span[data-v-4f4c93e0] {
    color: #fff
}

.modelCnt .modelMain .mainRight .personal .unfollow[data-v-4f4c93e0]:active {
    background-color: #cbd5e1
}

.modelCnt .modelMain .mainRight .statBox[data-v-4f4c93e0] {
    align-items: center;
    display: flex;
    height: 66px;
    margin-top: 10px
}

.modelCnt .modelMain .mainRight .statBox .StatLine[data-v-4f4c93e0] {
    background: #23263c;
    height: 30px;
    margin: 0 6px 0 16px;
    width: 1px
}

.modelCnt .modelMain .mainRight .statBox .statItem[data-v-4f4c93e0] {
    margin-left: 15px;
    position: relative
}

.modelCnt .modelMain .mainRight .statBox .statItem div[data-v-4f4c93e0]:first-child {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.modelCnt .modelMain .mainRight .statBox .statItem div[data-v-4f4c93e0]:nth-child(2) {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-top: 7px
}

.modelCnt .modelMain .mainRight .bnt[data-v-4f4c93e0] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.modelCnt .modelMain .mainRight .bnt .bntItem[data-v-4f4c93e0] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 11px;
    width: 391px
}

.modelCnt .modelMain .mainRight .bnt .bntItem .svg-icon[data-v-4f4c93e0] {
    font-size: 16px;
    margin-right: 5px
}

.modelCnt .modelMain .mainRight .bnt .bntItem span[data-v-4f4c93e0] {
    font-size: 16px
}

.modelCnt .modelMain .mainRight .bnt .playBnt[data-v-4f4c93e0] {
    background: linear-gradient(90deg, rgba(63, 140, 255, .99), #20ffff)
}

.modelCnt .modelMain .mainRight .bnt .playBnt .svg-icon[data-v-4f4c93e0], .modelCnt .modelMain .mainRight .bnt .playBnt span[data-v-4f4c93e0] {
    color: #fff
}

.modelCnt .modelMain .mainRight .bnt .collectBnt .svg-icon[data-v-4f4c93e0], .modelCnt .modelMain .mainRight .bnt .collectBnt span[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .8)
}

.modelCnt .modelMain .mainRight .rightTitle[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px;
    margin-bottom: 11px
}

.modelCnt .modelMain .mainRight .state[data-v-4f4c93e0] {
    align-items: flex-start;
    display: flex;
    margin-top: 22px
}

.modelCnt .modelMain .mainRight .state i[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    margin-right: 7px
}

.modelCnt .modelMain .mainRight .state span[data-v-4f4c93e0] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 16px
}

.modelCnt .modelMain .mainRight .line[data-v-4f4c93e0] {
    border: 1px solid hsla(0, 0%, 100%, .05);
    height: 0;
    margin: 20px 0 27px;
    width: 100%
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem[data-v-4f4c93e0] {
    align-items: center;
    border: 1px solid rgba(38, 45, 60, .3);
    display: flex;
    margin-top: -1px
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem .keys[data-v-4f4c93e0] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    min-height: 30px;
    padding-left: 14px;
    width: 125px
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem .vals[data-v-4f4c93e0] {
    align-items: center;
    border-left: 1px solid rgba(38, 45, 60, .3);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-left: -1px;
    min-height: 30px;
    padding-left: 14px;
    width: 260px
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .tag-item[data-v-4f4c93e0] {
    background: #1a2e43;
    border-radius: 3px;
    color: #94c6ec;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin: 3px 4px 3px 0;
    padding: 4px
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .link[data-v-4f4c93e0] {
    color: #0072c6
}

.modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .link[data-v-4f4c93e0]:hover {
    filter: brightness(1.2);
    -webkit-text-decoration: none;
    text-decoration: none
}

.modelCnt .modelMain .mainRight .authority div[data-v-4f4c93e0] {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.modelCnt .modelMain .mainRight .authority div[data-v-4f4c93e0]:last-child {
    margin-bottom: 0
}

.modelCnt .modelMain .mainRight .authority div i[data-v-4f4c93e0] {
    font-size: 16px
}

.modelCnt .modelMain .mainRight .authority div span[data-v-4f4c93e0] {
    color: #fff;
    font-size: 14px;
    margin-left: 10px
}

.popBox[data-v-4f4c93e0] {
    box-sizing: border-box;
    width: 100%
}

.popBox div[data-v-4f4c93e0] {
    border-radius: 5px;
    color: #cbd5e1;
    cursor: pointer;
    padding: 8px;
    text-align: left
}

.popBox div[data-v-4f4c93e0]:hover {
    background-color: #34396a
}

.popBox div[data-v-4f4c93e0]:last-child {
    border: none
}

.lora-popup[data-v-249f0d51] .el-dialog {
    background: #0a0b17;
    border-radius: 20px;
    box-sizing: border-box;
    margin-top: 56px !important;
    min-height: 827px;
    padding: 20px;
    width: 1183px
}

.lora-popup[data-v-249f0d51] .el-dialog .el-dialog__header {
    display: none
}

.lora-popup[data-v-249f0d51] .el-dialog .el-dialog__body {
    padding: 0
}

.lora-list[data-v-7c309258] {
    padding-bottom: 5px
}

.lora-list .lora-item[data-v-7c309258] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex !important;
    justify-content: space-between;
    margin-top: 5px;
    position: relative
}

.lora-list .lora-item[data-v-7c309258]:last-child {
    border-bottom: 0
}

.lora-list .lora-item .image-box[data-v-7c309258] {
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 60px;
    max-width: 60px;
    min-width: 60px;
    position: relative;
    width: 60px
}

.lora-list .lora-item .image-box .payNum[data-v-7c309258] {
    left: -16px;
    position: absolute;
    top: -7px;
    transform: scale(.5);
    z-index: 2
}

.lora-list .lora-item .image-box .version-item[data-v-7c309258] {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 10px;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2
}

.lora-list .lora-item .image-box[data-v-7c309258] .el-image {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.lora-list .lora-item .image-box[data-v-7c309258] .el-image img {
    height: auto;
    width: 100%
}

.lora-list .lora-item .image-box .empty-img[data-v-7c309258] {
    align-items: center;
    background: #342f2f;
    border-radius: 5px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    width: 100%
}

.lora-list .lora-item .slider[data-v-7c309258] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
    width: calc(100% - 90px)
}

.lora-list .lora-item .slider .lora-name[data-v-7c309258] {
    color: #bec3cf;
    cursor: pointer;
    padding: 5px 0 10px;
    width: 130px
}

.lora-list .lora-item .slider[data-v-7c309258] .el-slider {
    display: flex;
    flex-flow: row-reverse;
    width: 100%
}

.lora-list .lora-item .slider[data-v-7c309258] .el-slider .el-input-number--small {
    margin-left: 10px;
    margin-top: 0;
    width: 50px
}

.lora-list .lora-item .slider[data-v-7c309258] .el-slider .el-slider__runway {
    flex: 1
}

.lora-list .lora-item .delete-icon[data-v-7c309258] {
    color: #7a7c8a;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px
}

.lora-list .lora-item .delete-icon[data-v-7c309258]:hover {
    color: #fff
}

.model-handle[data-v-09024e32] {
    background: rgba(125, 78, 189, .06)
}

.model-handle > .item-head label[data-v-09024e32] {
    color: #7d4ebd !important;
    font-size: 14px
}

.model-handle > .item-head .model-icon[data-v-09024e32] {
    fill: #fff
}

.model-handle > .item-head .model-icon.title[data-v-09024e32] {
    fill: #7d4ebd
}

.model-handle > .item-content .h-item[data-v-09024e32] {
    background: hsla(0, 0%, 100%, .05)
}

.model-handle > .item-content .h-item > .item-head[data-v-09024e32] {
    padding: 0
}

.model-handle .image-loading[data-v-09024e32] {
    color: #fff;
    font-size: 20px;
    padding: 22px
}

.model-handle .h-item[data-v-09024e32] {
    background: #181b2a;
    border-radius: 5px;
    margin-bottom: 5px
}

.model-handle .h-item.m-item .item-head[data-v-09024e32], .model-handle .h-item.m-item[data-v-09024e32] {
    padding-right: 0
}

.model-handle .h-item.l-item[data-v-09024e32] {
    padding-bottom: 5px
}

.model-handle .h-item.l-item .item-head[data-v-09024e32] {
    padding-bottom: 0
}

.model-handle .h-item .item-head[data-v-09024e32] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.model-handle .h-item .item-head label[data-v-09024e32] {
    color: #c0d0f1;
    margin-right: 10px
}

.model-handle .h-item .item-head label svg[data-v-09024e32] {
    font-size: 16px;
    margin-right: 5px
}

.model-handle .h-item .item-head i[data-v-09024e32] {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px
}

.model-handle .h-item .item-head[data-v-09024e32] .el-select {
    flex: 1
}

.model-handle .h-item .item-head[data-v-09024e32] .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.model-handle .h-item .item-head[data-v-09024e32] .el-select .el-input__suffix .el-icon-arrow-up {
    color: #c0c4cc;
    font-size: 14px
}

.generate-style[data-v-7d6de54f] {
    background: #101833
}

.generate-style .custom-tips[data-v-7d6de54f] {
    display: none
}

.generate-style[data-v-7d6de54f] .custom-select .el-select-dropdown__item.hover .custom-tips {
    display: inline-block
}

.generate-style .item-head label[data-v-7d6de54f] {
    color: #4784ff !important;
    font-size: 14px
}

.generate-style .item-content > div[data-v-7d6de54f] {
    background: hsla(0, 0%, 100%, .06)
}

.generate-style .item-content .fast-size-select label[data-v-7d6de54f] {
    color: #c0d0f1
}

.generate-style .item-content .other-style[data-v-7d6de54f] {
    align-items: center;
    display: flex;
    height: 32px
}

.generate-style .item-content .other-style[data-v-7d6de54f] .el-checkbox .el-checkbox__label {
    font-size: 12px
}

.generate-style .item-content .size-item[data-v-7d6de54f] {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between
}

.generate-style .item-content .size-item-label[data-v-7d6de54f] {
    align-items: center;
    display: inline-flex
}

.generate-style .item-content .size-item-label .size-item-label-text[data-v-7d6de54f] {
    color: #c0d0f1;
    cursor: pointer;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-right: 12px;
    max-width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.generate-style .item-content .size-item-label .el-input-number[data-v-7d6de54f] {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    opacity: 1;
    width: 46px
}

.generate-style .item-content .size-item-label .el-input-number--mini .el-input__inner[data-v-7d6de54f] {
    color: #fff;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px
}

.generate-style .size-item-label .el-input-number--mini {
    line-height: 22px
}

.generate-style .size-item-label .el-input-number--mini .el-input__inner {
    color: #fff;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    padding-left: 0;
    padding-right: 0
}

.handle-extra-upscale[data-v-231fbed1] {
    background: #141c37
}

.handle-extra-upscale .item-head label[data-v-231fbed1] {
    color: #4784ff
}

.handle-extra-upscale .item-content > div[data-v-231fbed1] {
    background: #1e2231
}

.sendParams[data-v-42c44386] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.sendParams > span[data-v-42c44386] {
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 42px;
    padding: 0 5px;
    width: 48%
}

.sendParams > span span[data-v-42c44386] {
    word-break: break-word
}

.sendParams > span svg[data-v-42c44386] {
    font-size: 24px;
    margin-right: 5px
}

.sendParams > span.send-text[data-v-42c44386] {
    background: #0d1e41
}

.sendParams > span.send-text[data-v-42c44386]:hover {
    background: rgba(0, 82, 204, .3)
}

.sendParams > span.send-image[data-v-42c44386] {
    background: #112d32
}

.sendParams > span.send-image[data-v-42c44386]:hover {
    background: rgba(13, 148, 136, .3)
}

.sendParams > span.send-controlnet[data-v-42c44386] {
    background: #2a1f1d
}

.sendParams > span.send-controlnet[data-v-42c44386]:hover {
    background: rgba(163, 105, 36, .3)
}

.model-list[data-v-1331bb58] {
    padding-bottom: 5px
}

.model-list .lora-item[data-v-1331bb58] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex !important;
    justify-content: space-between;
    margin-top: 5px;
    position: relative
}

.model-list .lora-item[data-v-1331bb58]:last-child {
    border-bottom: 0
}

.model-list .lora-item .image-box[data-v-1331bb58] {
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 60px;
    max-width: 60px;
    min-width: 60px;
    position: relative;
    width: 60px
}

.model-list .lora-item .image-box .version-item[data-v-1331bb58] {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 10px;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2
}

.model-list .lora-item .image-box .payNum[data-v-1331bb58] {
    left: -16px;
    position: absolute;
    top: -7px;
    transform: scale(.5);
    z-index: 2
}

.model-list .lora-item .image-box[data-v-1331bb58] .el-image {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.model-list .lora-item .image-box[data-v-1331bb58] .el-image img {
    height: auto;
    width: 100%
}

.model-list .lora-item .image-box .empty-img[data-v-1331bb58] {
    align-items: center;
    background: #342f2f;
    border-radius: 5px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    width: 100%
}

.model-list .lora-item .slider[data-v-1331bb58] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-left: 10px;
    max-width: 100px
}

.model-list .lora-item .slider .lora-name[data-v-1331bb58] {
    color: #bec3cf;
    cursor: pointer;
    padding: 5px 0 10px;
    width: 90%
}

.model-list .lora-item .slider[data-v-1331bb58] .el-slider {
    display: flex;
    flex-flow: row-reverse;
    width: 100%
}

.model-list .lora-item .slider[data-v-1331bb58] .el-slider .el-input-number--small {
    margin-left: 10px;
    margin-top: 0;
    width: 50px
}

.model-list .lora-item .slider[data-v-1331bb58] .el-slider .el-slider__runway {
    flex: 1
}

.model-list .lora-item .select-model-box[data-v-1331bb58] {
    align-items: center;
    align-self: center;
    background: rgba(71, 132, 255, .2);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px
}

.model-list .lora-item .select-model-box .select-model-box-text[data-v-1331bb58] {
    color: #4784ff;
    font-family: PingFang SC;
    font-size: 11px;
    font-weight: 600;
    margin-left: 4px;
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.model-list .lora-item .select-model-box .delete-icon[data-v-1331bb58] {
    color: #4784ff;
    font-size: 16px
}

.c-select-generate-model-type[data-v-4e63b6a2] {
    background: #152036
}

.c-select-generate-model-type > .item-head[data-v-4e63b6a2] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 5px 10px
}

.c-select-generate-model-type > .item-head label[data-v-4e63b6a2] {
    color: #c0d0f1 !important;
    font-size: 14px
}

.c-select-generate-model-type > .item-content[data-v-4e63b6a2] {
    padding: 0 10px 10px
}

.c-select-generate-model-type > .item-content .h-item[data-v-4e63b6a2] {
    background: hsla(0, 0%, 100%, .05)
}

.c-select-generate-model-type > .item-content .h-item .h-item.m-item[data-v-4e63b6a2] {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px 10px
}

.c-select-generate-model-type > .item-content .h-item > .item-head[data-v-4e63b6a2] {
    padding: 0
}

.c-select-generate-model-type .image-loading[data-v-4e63b6a2] {
    color: #fff;
    font-size: 20px;
    padding: 22px
}

.c-select-generate-model-type .h-item[data-v-4e63b6a2] {
    background: #181b2a;
    border-radius: 5px;
    margin-bottom: 5px
}

.c-select-generate-model-type .h-item.m-item .item-head[data-v-4e63b6a2], .c-select-generate-model-type .h-item.m-item[data-v-4e63b6a2] {
    padding-right: 0
}

.c-select-generate-model-type .h-item.l-item[data-v-4e63b6a2] {
    padding-bottom: 5px
}

.c-select-generate-model-type .h-item.l-item .item-head[data-v-4e63b6a2] {
    padding-bottom: 0
}

.c-select-generate-model-type .h-item .item-head[data-v-4e63b6a2] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.c-select-generate-model-type .h-item .item-head label[data-v-4e63b6a2] {
    color: #c0d0f1;
    margin-right: 10px
}

.c-select-generate-model-type .h-item .item-head label svg[data-v-4e63b6a2] {
    font-size: 16px;
    margin-right: 5px
}

.c-select-generate-model-type .h-item .item-head i[data-v-4e63b6a2] {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px
}

.c-select-generate-model-type .h-item .item-head[data-v-4e63b6a2] .el-select {
    flex: 1
}

.c-select-generate-model-type .h-item .item-head[data-v-4e63b6a2] .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.c-select-generate-model-type .h-item .item-head[data-v-4e63b6a2] .el-select .el-input__inner:focus-visible {
    box-shadow: none !important
}

.c-select-generate-model-type .h-item .item-head[data-v-4e63b6a2] .el-select .el-input__suffix .el-icon-arrow-up {
    color: #c0c4cc;
    font-size: 14px
}

.c-select-generate-model-type .h-item .custom-tips[data-v-4e63b6a2] {
    display: none
}

.c-select-generate-model-type .h-item[data-v-4e63b6a2] .custom-select .el-select-dropdown__item.hover .custom-tips {
    display: inline-block
}

.c-select-generate-model-type .h-item[data-v-4e63b6a2] .custom-select .el-select-dropdown__item .vip-icon {
    height: 18px;
    margin-bottom: -2px;
    width: 18px
}

.c-select-generate-model-type .h-item .lora-item[data-v-4e63b6a2] {
    border: 1px solid #1e2030;
    border-radius: 5px;
    display: flex !important;
    justify-content: space-between;
    margin-top: 5px;
    padding: 5px
}

.c-select-generate-model-type .h-item .lora-item .image-box[data-v-4e63b6a2] {
    display: flex;
    height: 60px;
    position: relative;
    width: 60px
}

.c-select-generate-model-type .h-item .lora-item .image-box[data-v-4e63b6a2] .el-image {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.c-select-generate-model-type .h-item .lora-item .image-box[data-v-4e63b6a2] .el-image img {
    height: auto;
    width: 100%
}

.c-select-generate-model-type .h-item .lora-item .image-box:hover .box-mask[data-v-4e63b6a2] {
    display: block
}

.c-select-generate-model-type .h-item .lora-item .image-box .box-mask[data-v-4e63b6a2] {
    display: none;
    height: 100%;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.c-select-generate-model-type .h-item .lora-item .image-box .box-mask i[data-v-4e63b6a2] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    position: relative;
    z-index: 1
}

.c-select-generate-model-type .h-item .lora-item .image-box .box-mask[data-v-4e63b6a2]:before {
    background: #000;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.c-select-generate-model-type .h-item .lora-item .slider[data-v-4e63b6a2] {
    align-items: center;
    display: flex;
    width: calc(100% - 70px)
}

.c-select-generate-model-type .btn-box[data-v-4e63b6a2] {
    align-items: center;
    display: inline-flex
}

.c-select-generate-model-type .item-head-btn[data-v-4e63b6a2] {
    align-items: center;
    background: #20242e;
    border-radius: 6px;
    color: #858ea0;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    width: 24px
}

.c-select-generate-model-type .item-head-btn span[data-v-4e63b6a2] {
    color: #858ea0;
    font-size: 16px
}

.c-select-generate-model-type .item-head-btn[data-v-4e63b6a2]:hover {
    background: #20242e;
    color: #cbd9f3
}

.c-select-generate-model-type .item-head-btn:hover span[data-v-4e63b6a2] {
    color: #cbd9f3
}

.c-select-generate-model-type .item-head-btn-margin[data-v-4e63b6a2] {
    margin-right: 4px
}

.c-select-generate-model-type .item-head-btn + .item-head-btn[data-v-4e63b6a2] {
    margin-left: 8px
}

.model-handle[data-v-4e63b6a2] {
    background: rgba(125, 78, 189, .06)
}

.model-handle > .item-head label[data-v-4e63b6a2] {
    color: #7d4ebd !important;
    font-size: 14px
}

.model-handle > .item-head .model-icon[data-v-4e63b6a2] {
    fill: #fff
}

.model-handle > .item-head .model-icon.title[data-v-4e63b6a2] {
    fill: #7d4ebd
}

.model-handle > .item-content .h-item[data-v-4e63b6a2] {
    background: hsla(0, 0%, 100%, .05)
}

.model-handle > .item-content .h-item > .item-head[data-v-4e63b6a2] {
    padding: 0
}

.model-handle .image-loading[data-v-4e63b6a2] {
    color: #fff;
    font-size: 20px;
    padding: 22px
}

.model-handle .h-item[data-v-4e63b6a2] {
    background: #181b2a;
    border-radius: 5px;
    margin-bottom: 5px
}

.model-handle .h-item.m-item .item-head[data-v-4e63b6a2], .model-handle .h-item.m-item[data-v-4e63b6a2] {
    padding-right: 0
}

.model-handle .h-item.l-item[data-v-4e63b6a2] {
    padding-bottom: 5px
}

.model-handle .h-item.l-item .item-head[data-v-4e63b6a2] {
    padding-bottom: 0
}

.model-handle .h-item .item-head[data-v-4e63b6a2] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.model-handle .h-item .item-head label[data-v-4e63b6a2] {
    color: #c0d0f1;
    margin-right: 10px
}

.model-handle .h-item .item-head label svg[data-v-4e63b6a2] {
    font-size: 16px;
    margin-right: 5px
}

.model-handle .h-item .item-head i[data-v-4e63b6a2] {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px
}

.model-handle .h-item .item-head[data-v-4e63b6a2] .el-select {
    flex: 1
}

.model-handle .h-item .item-head[data-v-4e63b6a2] .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.model-handle .h-item .item-head[data-v-4e63b6a2] .el-select .el-input__suffix .el-icon-arrow-up {
    color: #c0c4cc;
    font-size: 14px
}

.model-handle .h-item .item-head[data-v-4e63b6a2] .opacity-inner .el-input__inner {
    opacity: 0 !important
}

.c-select-generate-model-type-popover {
    background: #161820;
    transform: translateX(-20px)
}

.c-select-generate-model-type-popover > .item-head {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 5px 10px
}

.c-select-generate-model-type-popover > .item-head label {
    color: #c0d0f1 !important;
    font-size: 14px
}

.c-select-generate-model-type-popover > .item-content {
    padding: 10px
}

.c-select-generate-model-type-popover > .item-content .h-item {
    background: hsla(0, 0%, 100%, .05)
}

.c-select-generate-model-type-popover > .item-content .h-item .h-item.m-item {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px 10px
}

.c-select-generate-model-type-popover > .item-content .h-item > .item-head {
    padding: 0
}

.c-select-generate-model-type-popover .h-item {
    background: #181b2a;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 0 10px
}

.c-select-generate-model-type-popover .h-item.m-item, .c-select-generate-model-type-popover .h-item.m-item .item-head {
    padding-right: 0
}

.c-select-generate-model-type-popover .h-item.l-item {
    padding-bottom: 5px
}

.c-select-generate-model-type-popover .h-item.l-item .item-head {
    padding-bottom: 0
}

.c-select-generate-model-type-popover .h-item .item-head {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.c-select-generate-model-type-popover .h-item .item-head label {
    color: #c0d0f1;
    margin-right: 10px
}

.c-select-generate-model-type-popover .h-item .item-head label svg {
    font-size: 16px;
    margin-right: 5px
}

.c-select-generate-model-type-popover .h-item .item-head i {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px
}

.c-select-generate-model-type-popover .h-item .item-head .el-select {
    flex: 1
}

.c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__inner:focus-visible {
    box-shadow: none !important
}

.c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__suffix .el-icon-arrow-up {
    color: #c0c4cc;
    font-size: 14px
}

.c-select-generate-model-type-popover .h-item .custom-tips {
    display: none
}

.c-select-generate-model-type-popover .h-item .custom-select .el-select-dropdown__item.hover .custom-tips {
    display: inline-block
}

.c-select-generate-model-type-popover .h-item .custom-select .el-select-dropdown__item .vip-icon {
    height: 18px;
    margin-bottom: -2px;
    width: 18px
}

.c-select-generate-model-type-popover .h-item .lora-list {
    padding: 0 5px
}

.c-select-generate-model-type-popover .h-item .lora-item {
    border: 1px solid #1e2030;
    border-radius: 5px;
    display: flex !important;
    justify-content: space-between;
    margin-top: 5px;
    padding: 5px
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box {
    display: flex;
    height: 60px;
    position: relative;
    width: 60px
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box .el-image {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box .el-image img {
    height: auto;
    width: 100%
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box:hover .box-mask {
    display: block
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask {
    display: none;
    height: 100%;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask i {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    position: relative;
    z-index: 1
}

.c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask:before {
    background: #000;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.c-select-generate-model-type-popover .h-item .lora-item .slider {
    align-items: center;
    display: flex;
    width: calc(100% - 70px)
}

.c-select-generate-model-type-popover .slider-item {
    flex: 1
}

.c-select-generate-model-type-popover .slider-item p {
    font-size: 12px
}

.c-select-generate-model-type-popover .slider-item .el-slider__runway {
    height: 6px;
    margin: 10px 0
}

.c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__bar {
    background: #4784ff;
    height: 6px
}

.c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__button-wrapper {
    height: 20px;
    top: -8px;
    width: 20px
}

.c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button {
    height: 12px;
    width: 12px
}

.c-select-generate-model-type-popover .slider-item .el-input-number.is-without-controls {
    line-height: 26px;
    width: 70px
}

.c-select-generate-model-type-popover .slider-item .el-input-number.is-without-controls .el-input__inner {
    height: 24px;
    line-height: 24px;
    padding: 0
}

.c-select-generate-model-type-popover .slider-item .el-input.is-disabled .el-input__inner {
    background-color: #757676;
    border-color: #757676
}

.c-select-generate-model-type-popover .handle-item {
    border-radius: 5px;
    margin-bottom: 20px
}

.c-select-generate-model-type-popover .handle-item .item-head {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 5px 10px
}

.c-select-generate-model-type-popover .handle-item .item-head label {
    cursor: pointer;
    margin-right: 10px
}

.c-select-generate-model-type-popover .handle-item .item-head label svg {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: bottom
}

.c-select-generate-model-type-popover .handle-item .item-head i {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px;
    transition: all .3s
}

.c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus {
    color: #333a4f;
    position: relative
}

.c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:before {
    position: relative;
    z-index: 2
}

.c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:after {
    background: #b4b4b4;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px
}

.c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:hover {
    color: #3e465f
}

.c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:hover:after {
    background: #fff
}

.c-select-generate-model-type-popover .handle-item .item-head i.zoom {
    transform: rotate(180deg)
}

.c-select-generate-model-type-popover .handle-item .item-content {
    padding: 0 10px 10px
}

.c-select-generate-model-type-popover .handle-item .item-content > div {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 0 10px
}

.c-select-generate-model-type-popover .handle-item .item-content > div label {
    color: #c0d0f1;
    font-size: 12px
}

.c-select-generate-model-type-popover .handle-item .item-content > div.select-item {
    align-items: center;
    display: flex;
    padding-right: 10px
}

.c-select-generate-model-type-popover .handle-item .item-content > div.select-item label {
    font-size: 12px
}

.c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select {
    flex: 1
}

.c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select .el-input__suffix {
    align-items: center;
    display: flex
}

.c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: right
}

.c-select-generate-model-type-popover .handle-item .item-content > div.radio-item {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between
}

.c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio {
    margin-right: 10px
}

.c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio .el-radio__label {
    color: #8993a7;
    font-size: 12px
}

.c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio.is-checked .el-radio__label {
    color: #409eff
}

.c-select-generate-model-type-popover .handle-item .item-content .slider-item {
    padding: 5px 10px
}

.c-select-generate-model-type-popover .handle-item .item-content .slider-item p {
    font-size: 12px
}

.c-select-generate-model-type-popover .handle-item .item-content .slider-item.slider {
    padding: 5px 0
}

.c-select-generate-model-type-popover .handle-item .item-content:last-child {
    margin: 0
}

.refiner-switch {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding: 5px 10px !important
}

.refiner-slider {
    background: hsla(0, 0%, 100%, .05);
    margin-bottom: 0 !important;
    padding: 5px 10px 0 !important
}

.generate-model-custom-select .el-scrollbar__wrap {
    max-width: 200px
}

.c-handle-jump-to-ops .image-loading[data-v-97abb462] {
    color: #fff;
    font-size: 20px;
    padding: 22px
}

.c-handle-jump-to-ops .h-item[data-v-97abb462] {
    background: #181b2a;
    border-radius: 5px;
    margin-bottom: 5px
}

.c-handle-jump-to-ops .h-item.m-item .item-head[data-v-97abb462], .c-handle-jump-to-ops .h-item.m-item[data-v-97abb462] {
    padding-right: 0
}

.c-handle-jump-to-ops .h-item.l-item[data-v-97abb462] {
    padding-bottom: 5px
}

.c-handle-jump-to-ops .h-item.l-item .item-head[data-v-97abb462] {
    padding-bottom: 0
}

.c-handle-jump-to-ops .h-item .item-head[data-v-97abb462] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.c-handle-jump-to-ops .h-item .item-head label[data-v-97abb462] {
    color: #4784ff;
    margin-right: 10px
}

.c-handle-jump-to-ops .h-item .item-head label svg[data-v-97abb462] {
    color: #4784ff;
    font-size: 16px;
    margin-right: 5px
}

.c-handle-jump-to-ops .h-item .item-head i[data-v-97abb462] {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px
}

.c-handle-jump-to-ops .h-item .item-head[data-v-97abb462] .el-select {
    flex: 1
}

.c-handle-jump-to-ops .h-item .item-head[data-v-97abb462] .el-select .el-input__inner {
    background: #181b2a;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.c-handle-jump-to-ops .h-item .lora-list[data-v-97abb462] {
    padding: 0 5px
}

.c-handle-jump-to-ops .h-item .lora-item[data-v-97abb462] {
    border: 1px solid #1e2030;
    border-radius: 5px;
    display: flex !important;
    justify-content: space-between;
    margin-top: 5px;
    padding: 5px
}

.c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-97abb462] {
    display: flex;
    height: 60px;
    position: relative;
    width: 60px
}

.c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-97abb462] .el-image {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-97abb462] .el-image img {
    height: auto;
    width: 100%
}

.c-handle-jump-to-ops .h-item .lora-item .image-box:hover .box-mask[data-v-97abb462] {
    display: block
}

.c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask[data-v-97abb462] {
    display: none;
    height: 100%;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask i[data-v-97abb462] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    position: relative;
    z-index: 1
}

.c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask[data-v-97abb462]:before {
    background: #000;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.c-handle-jump-to-ops .h-item .lora-item .slider[data-v-97abb462] {
    align-items: center;
    display: flex;
    width: calc(100% - 70px)
}

.generate-character-repair[data-v-abde6490] {
    background: rgba(178, 125, 62, .06)
}

.generate-character-repair .item-head label[data-v-abde6490] {
    color: #b27d3e !important
}

.generate-character-repair .item-content[data-v-abde6490] .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.generate-character-repair .item-content > div[data-v-abde6490] {
    background: hsla(0, 0%, 100%, .05);
    padding: 1px 10px !important
}

.generate-character-repair .item-content > div label[data-v-abde6490] {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.generate-character-repair .item-content > div[data-v-abde6490] .el-textarea__inner {
    background: #1e252c
}

.generate-character-repair .item-content > div.select-item[data-v-abde6490] .el-select .el-input__inner {
    background: none !important
}

.generate-character-repair .item-content > div.seed-item[data-v-abde6490] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.generate-character-repair .item-content > div.seed-item label[data-v-abde6490] {
    padding: 0
}

.generate-character-repair .item-content > div.seed-item[data-v-abde6490] .el-input-number {
    line-height: 32px;
    width: 70px
}

.generate-character-repair .item-content > div.seed-item[data-v-abde6490] .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.generate-character-repair .item-content > div.input-item .custom-input[data-v-abde6490] {
    padding-bottom: 5px
}

.handle-roop {
    background: rgba(178, 125, 62, .06)
}

.handle-roop .item-head label {
    color: #42afed !important
}

.handle-roop .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.handle-roop .item-content > div {
    background: hsla(0, 0%, 100%, .05);
    padding: 5px 10px
}

.handle-roop .item-content > div label {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.handle-roop .item-content > div ::v-deep .el-textarea__inner {
    background: #1e252c
}

.handle-roop .item-content > div.select-item ::v-deep .el-select .el-input__inner {
    background: none !important
}

.handle-roop .item-content > div.seed-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.handle-roop .item-content > div.seed-item label {
    padding: 0
}

.handle-roop .item-content > div.seed-item ::v-deep .el-input-number {
    line-height: 30px;
    width: 70px
}

.handle-roop .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.handle-roop .item-content-image-container {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    position: relative
}

.handle-roop .item-content-image-container:hover .image-operate-btn-box {
    display: flex
}

.handle-roop .item-content-image-container .image-upload {
    width: 100%
}

.handle-roop .item-content-image-container .el-upload {
    display: block
}

.handle-roop .item-content-image-container .el-upload-dragger {
    background: #181823;
    border: 1px dashed #6a738a;
    width: 100%
}

.handle-roop .item-content-image-container .el-upload-dragger .el-upload__text {
    font-size: 12px
}

.handle-roop .item-content-image-container .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.handle-roop .item-content-image-container .roop-target-image {
    max-width: 50%;
    width: 50%
}

.handle-roop .item-content-image-container .image-operate-btn-box {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

.handle-roop .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon {
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.handle-roop .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child {
    margin-left: 20px
}

.handle-prompt-magic {
    background: rgba(125, 78, 189, .06)
}

.handle-prompt-magic .item-head label, .handle-prompt-magic .item-head label svg {
    color: #7d4ebd !important
}

.handle-prompt-magic .select-item ::v-deep .el-select .el-input__inner {
    background: none !important
}

.handle-prompt-magic .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.handle-prompt-magic .item-content > div {
    background: hsla(0, 0%, 100%, .05);
    padding: 5px 10px
}

.handle-prompt-magic .item-content > div label {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.handle-prompt-magic .item-content > div ::v-deep .el-textarea__inner {
    background: #1e252c
}

.handle-prompt-magic .item-content > div.select-item .el-select .el-input__inner {
    background: none !important
}

.handle-prompt-magic .item-content > div.seed-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.handle-prompt-magic .item-content > div.seed-item label {
    padding: 0
}

.handle-prompt-magic .item-content > div.seed-item ::v-deep .el-input-number {
    line-height: 30px;
    width: 70px
}

.handle-prompt-magic .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.handle-prompt-magic .item-content .other-style {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.handle-prompt-magic .item-content-image-container {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    position: relative
}

.handle-prompt-magic .item-content-image-container:hover .image-operate-btn-box {
    display: flex
}

.handle-prompt-magic .item-content-image-container .image-upload {
    width: 100%
}

.handle-prompt-magic .item-content-image-container .el-upload {
    display: block
}

.handle-prompt-magic .item-content-image-container .el-upload-dragger {
    background: #181823;
    border: 1px dashed #6a738a;
    width: 100%
}

.handle-prompt-magic .item-content-image-container .el-upload-dragger .el-upload__text {
    font-size: 12px
}

.handle-prompt-magic .item-content-image-container .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.handle-prompt-magic .item-content-image-container .roop-target-image {
    max-width: 50%;
    width: 50%
}

.handle-prompt-magic .item-content-image-container .image-operate-btn-box {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

.handle-prompt-magic .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon {
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.handle-prompt-magic .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child {
    margin-left: 20px
}

.handle-h-repair[data-v-99b31a68] {
    background: rgba(209, 106, 168, .06)
}

.handle-h-repair .item-head label[data-v-99b31a68] {
    color: #d16aa8 !important
}

.handle-h-repair .item-content[data-v-99b31a68] .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.handle-h-repair .item-content > div[data-v-99b31a68] {
    background: hsla(0, 0%, 100%, .05);
    padding: 1px 10px !important
}

.handle-h-repair .item-content > div label[data-v-99b31a68] {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.handle-h-repair .item-content > div[data-v-99b31a68] .el-textarea__inner {
    background: #1e252c
}

.handle-h-repair .item-content > div.select-item[data-v-99b31a68] .el-select .el-input__inner {
    background: none !important
}

.handle-h-repair .item-content > div.custom-fast-btn-box[data-v-99b31a68] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px !important
}

.handle-h-repair .item-content > div.seed-item[data-v-99b31a68] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.handle-h-repair .item-content > div.seed-item label[data-v-99b31a68] {
    padding: 0
}

.handle-h-repair .item-content > div.seed-item[data-v-99b31a68] .el-input-number {
    line-height: 32px;
    width: 70px
}

.handle-h-repair .item-content > div.seed-item[data-v-99b31a68] .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.handle-h-repair .fast-size-select-label[data-v-99b31a68] {
    margin-top: 5px
}

.handle-h-repair .fast-size-select[data-v-99b31a68] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px
}

.handle-h-repair .fast-size-select .fast-size-select-btn[data-v-99b31a68] {
    align-items: center;
    background: #273247;
    border: 1px solid #363d5a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin-left: 5px;
    padding: 4px 0;
    width: 48px
}

.handle-h-repair .fast-size-select .fast-size-select-btn[data-v-99b31a68]:first-child {
    margin-left: 0
}

.handle-h-repair .fast-size-select .fast-size-select-btn-active[data-v-99b31a68], .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-99b31a68]:active, .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-99b31a68]:hover {
    border-color: #4784ff
}

.handle-advance-repair[data-v-378e13c6] {
    background: rgba(178, 125, 62, .06);
    padding-bottom: 5px
}

.handle-advance-repair .item-head label[data-v-378e13c6] {
    color: #b27d3e !important
}

.handle-advance-repair .item-content[data-v-378e13c6] {
    padding: 0 10px !important
}

.handle-advance-repair .item-content[data-v-378e13c6] .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.handle-advance-repair .item-content > div[data-v-378e13c6] {
    background: hsla(0, 0%, 100%, .05);
    padding: 1px 10px !important
}

.handle-advance-repair .item-content > div label[data-v-378e13c6] {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.handle-advance-repair .item-content > div[data-v-378e13c6] .el-textarea__inner {
    background: #1e252c
}

.handle-advance-repair .item-content > div.select-item[data-v-378e13c6] .el-select .el-input__inner {
    background: none !important
}

.handle-advance-repair .item-content > div.custom-fast-btn-box[data-v-378e13c6] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px !important
}

.handle-advance-repair .item-content > div.seed-item[data-v-378e13c6] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.handle-advance-repair .item-content > div.seed-item label[data-v-378e13c6] {
    padding: 0
}

.handle-advance-repair .item-content > div.seed-item[data-v-378e13c6] .el-input-number {
    line-height: 32px;
    width: 70px
}

.handle-advance-repair .item-content > div.seed-item[data-v-378e13c6] .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.handle-advance-repair .item-content-spacial > div[data-v-378e13c6] {
    margin-bottom: 0 !important
}

.handle-advance-repair .item-content-spacial > div[data-v-378e13c6]:last-child {
    border-radius: 0 0 5px 5px !important;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important
}

.handle-advance-repair .item-content-spacial .select-item[data-v-378e13c6] {
    margin-bottom: 0 !important
}

.handle-advance-repair .item-content-spacial .l-item .item-head[data-v-378e13c6] {
    padding: 0
}

.handle-advance-repair .item-content-spacial .l-item .item-head label[data-v-378e13c6] {
    color: #c0d0f1 !important
}

.handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-378e13c6] {
    box-sizing: border-box;
    display: flex;
    padding: 5px 0;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-378e13c6] .el-image {
    align-items: flex-start;
    border-radius: 5px;
    display: flex;
    height: 60px;
    justify-content: center;
    min-width: 60px;
    width: 60px
}

.handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-378e13c6] .el-image img {
    height: auto;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right[data-v-378e13c6] {
    align-content: space-around;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    max-width: calc(100% - 60px);
    padding-left: 8px
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .top[data-v-378e13c6] {
    display: flex;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .top .name[data-v-378e13c6] {
    color: #bec3cf;
    flex: 1;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .top .el-icon-delete[data-v-378e13c6] {
    color: #cbd5e1;
    cursor: pointer;
    font-size: 14px;
    margin-left: 5px
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] {
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider {
    box-sizing: border-box;
    padding: 0 0 0 5px !important;
    position: relative;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider .el-input-number {
    height: 24px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -24px;
    width: 46px
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider .el-input-number .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    color: #cbd5e1;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    padding: 5px;
    width: 100%
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider .el-slider__runway {
    margin: 0;
    width: 100%;
    width: calc(100% - 52px)
}

.handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-378e13c6] .el-slider .el-slider__input {
    top: -13px
}

.handle-advance-repair .item-content-spacial .h-item-spacial[data-v-378e13c6] {
    border-radius: 0 !important
}

.handle-advance-repair .item-content-spacial .h-item-spacial-border[data-v-378e13c6] {
    border-radius: 5px 5px 0 0 !important;
    margin-bottom: 0 !important;
    padding-top: 5px !important
}

.handle-advance-repair .fast-size-select-label[data-v-378e13c6] {
    margin-top: 5px
}

.handle-advance-repair .fast-size-select[data-v-378e13c6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px
}

.handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-378e13c6] {
    align-items: center;
    background: #273247;
    border: 1px solid #363d5a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin-left: 5px;
    padding: 4px 0;
    width: 48px
}

.handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-378e13c6]:first-child {
    margin-left: 0
}

.handle-advance-repair .fast-size-select .fast-size-select-btn-active[data-v-378e13c6], .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-378e13c6]:active, .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-378e13c6]:hover {
    border-color: #4784ff
}

.handle-advance-repair .other-style[data-v-378e13c6] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.handle-face-swap {
    background: rgba(178, 125, 62, .06)
}

.handle-face-swap .item-head label {
    color: #42afed !important
}

.handle-face-swap .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.handle-face-swap .item-content > div {
    background: hsla(0, 0%, 100%, .05);
    padding: 5px 10px
}

.handle-face-swap .item-content > div label {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    padding: 5px 0
}

.handle-face-swap .item-content > div ::v-deep .el-textarea__inner {
    background: #1e252c
}

.handle-face-swap .item-content > div.select-item ::v-deep .el-select .el-input__inner {
    background: none !important
}

.handle-face-swap .item-content > div.seed-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.handle-face-swap .item-content > div.seed-item label {
    padding: 0
}

.handle-face-swap .item-content > div.seed-item ::v-deep .el-input-number {
    line-height: 30px;
    width: 70px
}

.handle-face-swap .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner {
    background: #2a3138;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 24px;
    line-height: 24px
}

.handle-face-swap .item-content-image-container {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    position: relative
}

.handle-face-swap .item-content-image-container:hover .image-operate-btn-box {
    display: flex
}

.handle-face-swap .item-content-image-container .image-upload {
    width: 100%
}

.handle-face-swap .item-content-image-container .el-upload {
    display: block
}

.handle-face-swap .item-content-image-container .el-upload-dragger {
    background: #181823;
    border: 1px dashed #6a738a;
    width: 100%
}

.handle-face-swap .item-content-image-container .el-upload-dragger .el-upload__text {
    font-size: 12px
}

.handle-face-swap .item-content-image-container .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.handle-face-swap .item-content-image-container .roop-target-image {
    max-width: 50%;
    width: 50%
}

.handle-face-swap .item-content-image-container .image-operate-btn-box {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

.handle-face-swap .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon {
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.handle-face-swap .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child {
    margin-left: 20px
}

.HandleAnimGen[data-v-6f88f428] {
    background-color: rgba(63, 143, 255, .06);
    box-sizing: border-box;
    padding: 5px 10px;
    width: 100%
}

.HandleAnimGen .title[data-v-6f88f428] {
    align-items: center;
    display: flex
}

.HandleAnimGen .title .svg-icon[data-v-6f88f428] {
    color: #3f8fff;
    font-size: 14px;
    margin-right: 6px
}

.HandleAnimGen .title span[data-v-6f88f428] {
    color: #3f8fff;
    font-size: 14px
}

.HandleAnimGen .modelBox[data-v-6f88f428] {
    background-color: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 8px;
    width: 100%
}

.HandleAnimGen .modelBox .modelTit[data-v-6f88f428] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.HandleAnimGen .modelBox .modelTit .titTxt[data-v-6f88f428] {
    color: #c0d0f1;
    font-size: 12px
}

.HandleAnimGen .modelBox .modelTit i[data-v-6f88f428] {
    color: #333a4f;
    font-size: 18px
}

.HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-6f88f428] {
    position: relative
}

.HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-6f88f428]:before {
    position: relative;
    z-index: 2
}

.HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-6f88f428]:after {
    background: #b4b4b4;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px
}

.HandleAnimGen .modelBox .modelTit div[data-v-6f88f428] {
    align-items: center;
    background-color: rgba(71, 132, 255, .2);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 4px
}

.HandleAnimGen .modelBox .modelTit div .svg-icon[data-v-6f88f428] {
    color: #4784ff;
    font-size: 15px;
    margin-right: 4px
}

.HandleAnimGen .modelBox .modelTit div span[data-v-6f88f428] {
    color: #4784ff;
    font-size: 11px
}

.HandleAnimGen .modelBox .modelInfo[data-v-6f88f428] {
    align-items: center;
    display: flex
}

.HandleAnimGen .modelBox .modelInfo video[data-v-6f88f428] {
    border-radius: 8px;
    height: 60px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px
}

.HandleAnimGen .modelBox .modelInfo div[data-v-6f88f428] {
    width: 165px
}

.HandleAnimGen .modelBox .modelInfo div .indModelName[data-v-6f88f428] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.HandleAnimGen .modelBox .modelInfo div .indModelName span[data-v-6f88f428] {
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.HandleAnimGen .modelBox .modelInfo div .indModelName i[data-v-6f88f428] {
    cursor: pointer;
    font-size: 14px
}

.HandleAnimGen .modelBox .modelInfo div .indModelName i[data-v-6f88f428]:hover {
    color: #fff
}

.HandleAnimGen .modelBox .modelInfo div .item-content[data-v-6f88f428] {
    margin-top: 5px;
    width: 165px
}

.HandleAnimGen .modelBox .modelInfo div .item-content[data-v-6f88f428] .el-slider {
    padding-right: 0 !important
}

.HandleAnimGen .modelBox .modelInfo div .item-content[data-v-6f88f428] .el-slider .el-slider__runway.show-input {
    margin-top: 12px;
    width: 50%
}

.select-item[data-v-6f88f428] {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 10px
}

.select-item label[data-v-6f88f428] {
    color: #c0d0f1;
    font-size: 12px;
    white-space: nowrap
}

.select-item[data-v-6f88f428] .el-select .el-input__inner {
    background-color: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    text-align: right
}

.modelList[data-v-6f88f428] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.modelList .modelItem[data-v-6f88f428] {
    background-color: #181823;
    border-radius: 8px;
    cursor: pointer;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 240px
}

.modelList .modelItem video[data-v-6f88f428] {
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.modelList .modelItem .modelName[data-v-6f88f428] {
    align-items: center;
    background: #0f121c;
    border-radius: 8px;
    bottom: 4px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    color: #e4e8f0;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 38px;
    left: 50%;
    opacity: .86;
    padding: 5px;
    position: absolute;
    transform: translate(-50%);
    width: calc(100% - 8px)
}

.modelList .modelItemA[data-v-6f88f428] {
    border: 1px solid #27b670
}

.styleModal {
    background-color: #111522 !important;
    border-radius: 16px;
    margin-top: 3vh !important;
    max-height: 900px
}

.styleModal .el-dialog__title {
    color: #fff
}

.generate-handle[data-v-3f4d4716] {
    background: #131424;
    border-right: 1px solid #293045;
    box-sizing: border-box;
    min-width: 310px;
    padding: 16px 10px 16px 20px;
    position: relative;
    width: 18%
}

.generate-handle .head[data-v-3f4d4716] {
    text-align: right
}

.generate-handle .head i[data-v-3f4d4716] {
    background: #181a28;
    color: #626f8a;
    color: rgba(235, 235, 245, .6);
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px
}

.generate-handle .head-flex[data-v-3f4d4716] {
    align-items: center;
    background: #181b1f;
    border: 1px solid #1d2227;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 4px;
    width: calc(100% - 10px)
}

.generate-handle .head-flex .head-item[data-v-3f4d4716] {
    align-items: center;
    box-sizing: border-box;
    color: silver;
    cursor: pointer;
    display: inline-flex;
    flex: 1 0 30%;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: center
}

.generate-handle .head-flex .head-item-active[data-v-3f4d4716] {
    background: #20242e;
    border-radius: 8px;
    box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1);
    color: #f1f5f9;
    font-weight: 700;
    position: relative
}

.generate-handle .head-tab-box[data-v-3f4d4716] {
    display: flex;
    height: 100%;
    width: 100%
}

.generate-handle .head-tab-box .head-item-badge[data-v-3f4d4716] {
    position: relative
}

.generate-handle .head-tab-box .head-item-badge[data-v-3f4d4716]:before {
    background: url(/_nuxt/img/new.4ae2c8f.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 18px;
    left: 85%;
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    width: 40%
}

.generate-handle .handle-list[data-v-3f4d4716] {
    height: calc(100% - 55px);
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: auto
}

.generate-handle .handle-list > div[data-v-3f4d4716] {
    border-radius: 5px;
    padding-right: 10px
}

.generate-handle .handle-list > div > div[data-v-3f4d4716]:last-child {
    margin-bottom: 0
}

.generate-handle[data-v-3f4d4716] .handle-item {
    border-radius: 5px;
    margin-bottom: 20px
}

.generate-handle[data-v-3f4d4716] .handle-item .el-input__suffix {
    right: -5px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 5px 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head label {
    cursor: pointer;
    margin-right: 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head label svg {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: bottom
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i {
    color: #333a4f;
    cursor: pointer;
    font-size: 18px;
    transition: all .3s
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.el-icon-circle-plus {
    color: #333a4f;
    position: relative
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.el-icon-circle-plus:before {
    position: relative;
    z-index: 2
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.el-icon-circle-plus:after {
    background: #b4b4b4;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.el-icon-circle-plus:hover {
    color: #3e465f
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.el-icon-circle-plus:hover:after {
    background: #fff
}

.generate-handle[data-v-3f4d4716] .handle-item .item-head i.zoom {
    transform: rotate(180deg)
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content {
    padding: 0 10px 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 0 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div label {
    color: #c0d0f1;
    font-size: 12px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.select-item {
    align-items: center;
    display: flex;
    padding-right: 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.select-item label {
    font-size: 12px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.select-item .el-select {
    flex: 1
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.select-item .el-select .el-input__suffix {
    align-items: center;
    display: flex
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.select-item .el-select .el-input__inner {
    background: transparent;
    border: 0;
    color: #70798c;
    font-size: 12px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: right
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.radio-item {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.radio-item .el-radio {
    margin-right: 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.radio-item .el-radio .el-radio__label {
    color: #8993a7;
    font-size: 12px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content > div.radio-item .el-radio.is-checked .el-radio__label {
    color: #409eff
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content .slider-item {
    padding: 5px 10px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content .slider-item p {
    font-size: 12px
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content .slider-item.slider {
    padding: 5px 0
}

.generate-handle[data-v-3f4d4716] .handle-item .item-content:last-child {
    margin: 0
}

.generate-handle[data-v-3f4d4716] .slider-item {
    flex: 1
}

.generate-handle[data-v-3f4d4716] .slider-item p {
    font-size: 12px
}

.generate-handle[data-v-3f4d4716] .slider-item .el-slider__runway {
    height: 6px;
    margin: 10px 0
}

.generate-handle[data-v-3f4d4716] .slider-item .el-slider__runway .el-slider__bar {
    background: #4784ff;
    height: 6px
}

.generate-handle[data-v-3f4d4716] .slider-item .el-slider__runway .el-slider__button-wrapper {
    height: 20px;
    top: -8px;
    width: 20px
}

.generate-handle[data-v-3f4d4716] .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button {
    height: 12px;
    width: 12px
}

.generate-handle[data-v-3f4d4716] .slider-item .el-input-number.is-without-controls {
    line-height: 26px;
    width: 70px
}

.generate-handle[data-v-3f4d4716] .slider-item .el-input-number.is-without-controls .el-input__inner {
    height: 24px;
    line-height: 24px;
    padding: 0
}

.generate-handle[data-v-3f4d4716] .slider-item .el-input.is-disabled .el-input__inner {
    background-color: #757676;
    border-color: #757676
}

.upload-panel[data-v-28d34a53] {
    position: relative
}

.upload-panel[data-v-28d34a53] .image-upload .el-upload .el-upload-dragger {
    background: #181823;
    border: 1px dashed #6a738a;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    height: 70vh;
    justify-content: center;
    max-height: 640px;
    max-width: 640px;
    width: 70vh
}

.upload-panel[data-v-28d34a53] .image-upload .el-upload .el-upload-dragger i {
    margin: 0 0 10px
}

.upload-panel[data-v-28d34a53] .image-upload .el-upload .el-upload-dragger .el-upload__text {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 20px
}

.upload-panel .upload-link[data-v-28d34a53] {
    align-items: center;
    bottom: 10px;
    color: #3b9ef6;
    cursor: pointer;
    display: flex;
    flex-flow: row-reverse;
    height: 40px;
    position: absolute;
    right: 20px;
    width: 90%
}

.upload-panel .upload-link svg[data-v-28d34a53] {
    margin-right: 0
}

.upload-panel .upload-link .link-input[data-v-28d34a53] {
    flex: 1;
    margin-bottom: 5px;
    margin-right: 20px
}

.upload-panel .upload-link .link-input[data-v-28d34a53] .el-input .el-input__inner {
    background: #273247;
    border-color: #3d4048
}

.upload-panel .upload-link .link-input[data-v-28d34a53] .el-input .el-input-group__append {
    background: #4784ff;
    border-color: #409eff;
    color: #fff
}

.upload-panel .upload-link .link-input[data-v-28d34a53] .el-input .el-input-group__append .el-button {
    border-color: #409eff
}

.c-g-image-draw[data-v-518e3ce8] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.c-g-image-draw .toolbar[data-v-518e3ce8] {
    position: absolute;
    right: 10px;
    top: 10px
}

.c-g-image-draw .toolbar button[data-v-518e3ce8] {
    margin-right: 10px
}

.drag-box[data-v-c20bc100] {
    font-size: 0;
    max-height: 100%;
    max-width: 100%;
    position: relative
}

.drag-box img[data-v-c20bc100] {
    height: 100%;
    position: relative;
    width: 100%
}

.drag-box .border[data-v-c20bc100] {
    background: #fff;
    cursor: pointer;
    position: absolute
}

.drag-box .border span[data-v-c20bc100], .drag-box .border svg[data-v-c20bc100] {
    color: #fff;
    position: absolute
}

.drag-box .border span[data-v-c20bc100] {
    border-bottom: 4px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 45px
}

.drag-box .drag-left[data-v-c20bc100], .drag-box .drag-right[data-v-c20bc100] {
    bottom: 0;
    top: 0;
    width: 2px
}

.drag-box .drag-left .center-btn[data-v-c20bc100], .drag-box .drag-right .center-btn[data-v-c20bc100] {
    cursor: col-resize;
    top: calc(50% - 10px)
}

.drag-box .drag-left .angle-btn[data-v-c20bc100], .drag-box .drag-right .angle-btn[data-v-c20bc100] {
    cursor: nwse-resize
}

.drag-box .drag-left[data-v-c20bc100] {
    left: 0
}

.drag-box .drag-left .center-btn[data-v-c20bc100] {
    left: -29px;
    transform: rotate(-90deg)
}

.drag-box .drag-left .angle-btn[data-v-c20bc100] {
    left: -2px;
    top: -2px;
    transform: rotate(270deg)
}

.drag-box .drag-right[data-v-c20bc100] {
    right: 0
}

.drag-box .drag-right .center-btn[data-v-c20bc100] {
    right: -29px;
    transform: rotate(90deg)
}

.drag-box .drag-right .angle-btn[data-v-c20bc100] {
    bottom: -2px;
    right: -2px;
    transform: rotate(90deg)
}

.drag-box .drag-bottom[data-v-c20bc100], .drag-box .drag-top[data-v-c20bc100] {
    height: 2px;
    left: 0;
    right: 0
}

.drag-box .drag-bottom .center-btn[data-v-c20bc100], .drag-box .drag-top .center-btn[data-v-c20bc100] {
    cursor: row-resize;
    right: calc(50% - 25px)
}

.drag-box .drag-bottom .angle-btn[data-v-c20bc100], .drag-box .drag-top .angle-btn[data-v-c20bc100] {
    cursor: nesw-resize
}

.drag-box .drag-top[data-v-c20bc100] {
    top: 0
}

.drag-box .drag-top .center-btn[data-v-c20bc100] {
    top: -3px;
    transform: rotate(0deg)
}

.drag-box .drag-top .angle-btn[data-v-c20bc100] {
    right: -2px;
    top: -2px
}

.drag-box .drag-bottom[data-v-c20bc100] {
    bottom: 0
}

.drag-box .drag-bottom .center-btn[data-v-c20bc100] {
    bottom: -3px;
    transform: rotate(180deg)
}

.drag-box .drag-bottom .angle-btn[data-v-c20bc100] {
    bottom: -2px;
    left: -2px;
    transform: rotate(180deg)
}

.c-svg-mask[data-v-569bf550] {
    height: 100%;
    width: 100%
}

.c-svg-mask .svg-mask-svg[data-v-569bf550] {
    display: block;
    height: 100%;
    width: 100%
}

.c-svg-mask .mask-image[data-v-569bf550] {
    height: 100%;
    width: 100%
}

.c-svg-mask .mask-path[data-v-569bf550] {
    animation: reveal-569bf550 .4s ease-in forwards;
    opacity: 0
}

.c-svg-mask .mask-gradient[data-v-569bf550] {
    animation: reveal-and-hide-569bf550 1.5s .3s forwards;
    opacity: 0
}

@keyframes reveal-and-hide-569bf550 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes reveal-569bf550 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.c-segment-image-draw[data-v-d4592d1a] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.c-segment-image-draw .segment-image-draw-img[data-v-d4592d1a] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.c-segment-image-draw .opacity-50[data-v-d4592d1a] {
    opacity: .5
}

.c-segment-image-draw .segment-image-draw-img-hover-mask[data-v-d4592d1a] {
    left: 50%;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 5
}

.c-segment-image-draw .draw-point[data-v-d4592d1a], .c-segment-image-draw .mask-svg-box[data-v-d4592d1a] {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 4
}

.c-segment-image-draw .toolbar[data-v-d4592d1a] {
    position: absolute;
    right: 10px;
    top: 10px
}

.c-segment-image-draw .toolbar button[data-v-d4592d1a] {
    margin-right: 10px
}

.upload-view[data-v-4daeffde] {
    position: relative
}

.upload-view .view-box-wrapper[data-v-4daeffde] {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9990
}

.upload-view .view-box[data-v-4daeffde] {
    align-items: center;
    border: 1px dashed #6a738a;
    border-radius: 10px;
    display: flex;
    height: 70vh;
    justify-content: center;
    max-height: 640px;
    max-width: 640px;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 70vh
}

.upload-view .view-box img[data-v-4daeffde] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%;
    z-index: 2
}

.upload-view .view-box .moblie-display-canvas[data-v-4daeffde] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.upload-view .image-tool[data-v-4daeffde] {
    display: flex;
    flex-flow: column;
    position: absolute;
    right: -45px;
    top: 3px
}

.upload-view .image-tool .image-tool-panel[data-v-4daeffde] {
    display: inline-flex
}

.upload-view .image-tool .image-tool-panel span[data-v-4daeffde] {
    margin-left: 12px
}

.upload-view .image-tool .image-tool-panel span[data-v-4daeffde]:first-child {
    margin-left: 0
}

.upload-view .image-tool .image-tool-panel .image-tool-icon[data-v-4daeffde] {
    margin-left: 12px
}

.upload-view .image-tool .image-tool-panel .image-tool-icon[data-v-4daeffde]:first-child {
    margin-left: 0
}

.upload-view .image-tool svg[data-v-4daeffde] {
    background: #364156;
    border-radius: 3px;
    color: #cfd6e1;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 7px
}

.upload-view .image-tool svg.active[data-v-4daeffde] {
    background-image: linear-gradient(90deg, #265ffb, #51bfee)
}

.upload-view .image-tool svg.active[data-v-4daeffde]:hover {
    background-image: linear-gradient(90deg, #2051d6, #46a4cc)
}

.upload-view .image-tool svg[data-v-4daeffde]:focus {
    outline: none
}

.upload-view .image-tool svg[data-v-4daeffde]:hover {
    background: #40495b
}

.upload-view .image-tool .delete-icon[data-v-4daeffde] {
    background: #b63c3c
}

.upload-view .image-tool .delete-icon[data-v-4daeffde]:hover {
    background: #e63030
}

.upload-view .image-tool-active[data-v-4daeffde] {
    right: -87px
}

.view-box-image-to-image .view-box[data-v-4daeffde] {
    height: 85vh;
    max-height: 100vh;
    max-width: 1344px;
    width: 50vw;
    z-index: 9991
}

.view-box-image-to-image .image-tool[data-v-4daeffde] {
    z-index: 9991
}

.custom-tooltip[data-v-4daeffde] {
    background: #364156;
    border-radius: 3px;
    padding: 0 10px
}

.custom-tooltip[data-v-4daeffde] .el-slider__runway {
    background-color: #232c40
}

.custom-tooltip[data-v-4daeffde] .el-slider__runway .el-slider__bar {
    height: 4px
}

.custom-tooltip[data-v-4daeffde] .el-slider__runway .el-slider__button {
    height: 8px;
    width: 8px
}

.checkBox[data-v-60c4e74e] {
    border-radius: 17px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    padding: 10px 0 0 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

[data-v-60c4e74e] .el-checkbox {
    margin-left: 5px;
    transform: scale(1.6)
}

[data-v-60c4e74e] .el-checkbox .el-checkbox__inner {
    background-color: #262c3a;
    border: 1px solid #979797
}

.galleryBox .imgNum[data-v-3b8ba07e] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    padding: 3px 6px;
    position: absolute;
    right: 5px;
    top: 5px
}

.galleryBox .imgNum .svg-icon[data-v-3b8ba07e] {
    font-size: 15px
}

.galleryBox .imgNum span[data-v-3b8ba07e] {
    color: #fff;
    font-size: 10px;
    margin-left: 5px
}

.galleryBox .infoBar[data-v-3b8ba07e] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0, 0%, 100%, .14);
    background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0));
    border-radius: 0 0 12px 12px;
    bottom: 0;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: space-between;
    left: 0;
    padding: 0 8px;
    position: absolute;
    width: 100%
}

.galleryBox .infoBar .infoBarUser[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    width: 100px
}

.galleryBox .infoBar .infoBarUser .infoBarUserAvator[data-v-3b8ba07e] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    display: flex;
    flex: 0 0 auto;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.galleryBox .infoBar .infoBarUser .infoBarUserText[data-v-3b8ba07e] {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.galleryBox .infoBar .infoNum .numBox[data-v-3b8ba07e], .galleryBox .infoBar .infoNum[data-v-3b8ba07e] {
    align-items: center;
    display: flex
}

.galleryBox .infoBar .infoNum .numBox .svg-icon[data-v-3b8ba07e] {
    color: #fff;
    font-size: 16px
}

.galleryBox .infoBar .infoNum .numBox span[data-v-3b8ba07e] {
    color: #fff;
    font-size: 12px;
    margin-left: 6px
}

.modelPoint[data-v-3b8ba07e] {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    left: 6px;
    padding: 6px 10px;
    position: absolute;
    top: 6px;
    transition: opacity .3s ease-in-out
}

.ellipsis-text[data-v-3b8ba07e] {
    color: hsla(0, 0%, 100%, .6);
    display: block;
    font-size: 12px;
    line-height: 15px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modelName[data-v-3b8ba07e] {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 4px
}

.flex-center[data-v-3b8ba07e] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.flex-center-image[data-v-3b8ba07e] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, .1);
    border-radius: 16px;
    position: relative;
    transition: all .3s ease-in-out
}

.flex-center-image img[data-v-3b8ba07e] {
    -o-object-fit: cover;
    object-fit: cover
}

.null-data-container[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.null-data-container .null-image[data-v-3b8ba07e] {
    height: 146px;
    width: 146px
}

.null-data-container .null-tips[data-v-3b8ba07e] {
    color: #aaacb3;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.no-search-data-container[data-v-3b8ba07e] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 260px
}

.no-search-data-container .no-search-image[data-v-3b8ba07e] {
    height: 120px;
    width: 120px
}

.no-search-data-container .null-tips[data-v-3b8ba07e] {
    color: #aaacb3;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.at-bottom[data-v-3b8ba07e] {
    align-items: center;
    bottom: -70px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    width: 100%
}

.at-bottom .dashed-line[data-v-3b8ba07e] {
    border: 1px dashed #55617d;
    height: 0;
    width: 120px
}

.at-bottom .tips[data-v-3b8ba07e] {
    color: #55617d;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 16px
}

.waterfall-container[data-v-3b8ba07e] {
    height: 100%;
    position: relative;
    width: 100%
}

.waterfall-item[data-v-3b8ba07e] {
    border-radius: 12px;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none
}

.waterfall-item .deffBox[data-v-3b8ba07e] {
    align-items: center;
    background-color: #2c354a;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative
}

.waterfall-item .deffBox:hover > .svg-icon[data-v-3b8ba07e] {
    opacity: 1
}

.waterfall-item .deffBox .svg-icon[data-v-3b8ba07e] {
    font-size: 24px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity .3s ease-in-out
}

.waterfall-item .deffBox div[data-v-3b8ba07e]:first-child {
    color: #525d74;
    font-size: 14px
}

.waterfall-item .deffBox div[data-v-3b8ba07e]:nth-child(2) {
    align-items: center;
    background-color: #202636;
    border-radius: 2px 0 12px 0;
    bottom: 0;
    display: flex;
    padding: 4px;
    position: absolute;
    right: 0
}

.waterfall-item .deffBox div:nth-child(2) i[data-v-3b8ba07e] {
    color: #505c75;
    font-size: 12px
}

.waterfall-item .deffBox div:nth-child(2) span[data-v-3b8ba07e] {
    color: #505c75;
    font-size: 12px;
    margin-left: 5px
}

.waterfall-item .timeRow[data-v-3b8ba07e] {
    align-items: center;
    color: #fff;
    display: flex
}

.waterfall-item .listCnt[data-v-3b8ba07e] {
    align-items: center;
    background-color: #1e2a3b;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative
}

.waterfall-item .listCnt .img-content[data-v-3b8ba07e] {
    border-radius: 12px;
    overflow: hidden
}

.waterfall-item .listCnt .img-content img[data-v-3b8ba07e] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.waterfall-item .listCnt .statusCnt[data-v-3b8ba07e] {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusZg[data-v-3b8ba07e] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.waterfall-item .listCnt .statusCnt .statusBox[data-v-3b8ba07e] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    margin-left: -45px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: 120px
}

.waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-3b8ba07e] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusBox div[data-v-3b8ba07e] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.waterfall-item .listCnt[data-v-3b8ba07e]:hover {
    cursor: pointer
}

.waterfall-item .listCnt:hover .hover-show[data-v-3b8ba07e], .waterfall-item .listCnt:hover .waterfall-hover-photo[data-v-3b8ba07e], .waterfall-item .listCnt:hover .waterfall-hover-try[data-v-3b8ba07e] {
    opacity: 1 !important;
    transition: all .3s ease-in-out
}

.waterfall-item .listCnt:hover .CollectPop[data-v-3b8ba07e], .waterfall-item .listCnt:hover .cltpop[data-v-3b8ba07e] {
    opacity: 1 !important
}

.waterfall-item .listCnt:hover .modelPoint[data-v-3b8ba07e], .waterfall-item .listCnt:hover .payNum[data-v-3b8ba07e] {
    opacity: 0
}

.waterfall-item:hover .cntImg[data-v-3b8ba07e] {
    transform: scale(1.15)
}

.waterfall-item .cntImg[data-v-3b8ba07e] {
    height: 100%;
    transition: all .3s;
    width: 100%
}

.waterfall-item .cntVideo[data-v-3b8ba07e] {
    height: 100%;
    width: 100%
}

.waterfall-item .workInfo[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%
}

.waterfall-item .workInfo .numInfo[data-v-3b8ba07e] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .1);
    border-radius: 24px;
    display: flex;
    height: 28px;
    padding: 0 7px
}

.waterfall-item .workInfo .numInfo .numItem[data-v-3b8ba07e] {
    align-items: center;
    display: flex
}

.waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-3b8ba07e] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.waterfall-item .workInfo .numInfo .numItem span[data-v-3b8ba07e] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.waterfall-item .CollectPop[data-v-3b8ba07e] {
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    z-index: 2
}

.waterfall-item .cltpop[data-v-3b8ba07e] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.waterfall-item .payNum[data-v-3b8ba07e] {
    left: 9px;
    opacity: 1;
    position: absolute;
    top: 6px;
    transition: all .3s
}

.waterfall-item .green-mode-div[data-v-3b8ba07e] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.waterfall-item .waterfall-hover-try[data-v-3b8ba07e] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.waterfall-item .hover-show[data-v-3b8ba07e], .waterfall-item .waterfall-hover-photo[data-v-3b8ba07e] {
    opacity: 0
}

.waterfall-item img[data-v-3b8ba07e] {
    border-radius: inherit;
    display: block;
    min-height: 100%;
    transition: transform .3s ease-out
}

.waterfall-item .avatorClass[data-v-3b8ba07e] {
    align-items: center;
    background-color: #6d717e;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    margin-right: 6px;
    text-align: center;
    width: 20px
}

.waterfall-item .shade[data-v-3b8ba07e] {
    bottom: 0;
    color: #fff;
    height: 160px;
    left: 0;
    line-height: 160px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 160px
}

.waterfall-item .shade p[data-v-3b8ba07e] {
    position: relative;
    z-index: 2
}

.waterfall-item .shade[data-v-3b8ba07e]:after {
    background: #0f101b;
    border-radius: 80px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .activity[data-v-3b8ba07e] {
    align-content: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.waterfall-item .activity[data-v-3b8ba07e]:hover {
    opacity: 1
}

.waterfall-item .activity .top-container[data-v-3b8ba07e] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

.waterfall-item .activity .top-container .name[data-v-3b8ba07e] {
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .9);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    max-width: calc(100% - 72px);
    overflow: hidden;
    padding: 0 3px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .top-container .collect-num[data-v-3b8ba07e] {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    padding-right: 8px;
    width: 72px
}

.waterfall-item .activity .top-container .collect-num .svg-icon[data-v-3b8ba07e] {
    margin-right: 3px
}

.waterfall-item .activity .personal-info[data-v-3b8ba07e] {
    box-sizing: border-box;
    padding: 5px 8px 10px;
    width: 100%
}

.waterfall-item .activity .personal-info .left-info[data-v-3b8ba07e], .waterfall-item .activity .personal-info[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.waterfall-item .activity .personal-info .left-info .avatorClass[data-v-3b8ba07e] {
    height: 26px;
    width: 26px
}

.waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-3b8ba07e] {
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .personal-info .like-num[data-v-3b8ba07e] {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    margin-left: 3px;
    width: 65px
}

.waterfall-item .activity .personal-info .like-num .svg-icon[data-v-3b8ba07e] {
    margin-right: 3px
}

.prompt-show[data-v-3b8ba07e]:after {
    background-color: #d8d8d8;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    content: "sign up for more options";
    display: none;
    font-size: 12px;
    left: 25px;
    line-height: 24px;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    top: 35px;
    transition: opacity .5s ease-in-out;
    width: 150px;
    z-index: 10
}

.prompt-show[data-v-3b8ba07e]:hover:after {
    display: inline
}

.waterfall-hover-photo[data-v-3b8ba07e] {
    background: #0f121c;
    border-radius: 8px;
    bottom: 5px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 2%;
    padding: 10px 12px 15px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 96%;
    z-index: 2
}

.waterfall-hover-photo[data-v-3b8ba07e]:hover {
    cursor: default
}

.waterfall-hover-photo .hoverTop[data-v-3b8ba07e] {
    color: #ff3939;
    font-size: 12px;
    height: 32px
}

.waterfall-hover-photo .hoverTop .moreEdit[data-v-3b8ba07e], .waterfall-hover-photo .hoverTop[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.waterfall-hover-photo .hoverMiddle[data-v-3b8ba07e] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #cbd5e1;
    display: -webkit-box;
    font-size: 12px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.waterfall-hover-photo .hoverBottom[data-v-3b8ba07e] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    justify-content: space-between;
    line-height: 34px;
    margin-top: 6px
}

.waterfall-hover-model[data-v-3b8ba07e] {
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 3
}

.waterfall-hover-model[data-v-3b8ba07e]:hover {
    cursor: default
}

.waterfall-hover-model .hoverTop[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    padding: 8px 16px 0
}

.waterfall-hover-model .hoverTop span[data-v-3b8ba07e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-hover-model .hoverBottom[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 6px
}

.login-waterFall-btn-icon-model[data-v-3b8ba07e] {
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer
}

.login-waterFall-btn-icon-model[data-v-3b8ba07e], .login-waterFall-btn-icon[data-v-3b8ba07e] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
    position: relative
}

.login-waterFall-btn-icon[data-v-3b8ba07e] {
    border: 1px solid transparent;
    border-radius: 17px;
    color: #cbd5e1;
    margin-left: 4px;
    padding: 3px
}

.login-waterFall-btn-icon[data-v-3b8ba07e]:hover {
    background: #494f80;
    border: 1px solid #494f80;
    color: #fff;
    cursor: pointer
}

.login-waterFall-btn-icon[data-v-3b8ba07e]:active {
    background: #1e2a3b;
    border: 1px solid #4c5286
}

.noLogin-waterFall-btn-icon[data-v-3b8ba07e], .noLogin-waterFall-collect-icon[data-v-3b8ba07e] {
    align-items: center;
    border-radius: 17px;
    color: #cbd5e1;
    display: flex;
    font-size: 20px;
    justify-content: center;
    margin-left: 4px;
    padding: 3px;
    position: relative
}

.noLogin-waterFall-btn-icon[data-v-3b8ba07e]:hover, .noLogin-waterFall-collect-icon[data-v-3b8ba07e]:hover {
    background: #494f80;
    color: #fff
}

.noLogin-waterFall-btn-icon[data-v-3b8ba07e]:active, .noLogin-waterFall-collect-icon[data-v-3b8ba07e]:active {
    background: #1e2a3b;
    border-color: #4c5286
}

.noLogin-waterFall-btn-icon[data-v-3b8ba07e]:after {
    background-color: #d8d8d8;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    content: "sign in for more options";
    font-size: 12px;
    left: 25px;
    line-height: 24px;
    opacity: 0;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    top: 35px;
    transition: opacity .5s ease-in-out;
    width: 140px;
    z-index: 10
}

.noLogin-waterFall-btn-icon[data-v-3b8ba07e]:hover:after {
    opacity: 1
}

.fade-enter-active[data-v-3b8ba07e], .fade-leave-active[data-v-3b8ba07e] {
    transition: opacity .5s
}

.fade-enter[data-v-3b8ba07e], .fade-leave-to[data-v-3b8ba07e] {
    opacity: 0
}

.fade-move[data-v-3b8ba07e] {
    transition: transform .5s
}

.bntitem[data-v-3b8ba07e] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-3b8ba07e] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-3b8ba07e]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-3b8ba07e]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-3b8ba07e]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-3b8ba07e]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-3b8ba07e]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-3b8ba07e]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.CAnimView[data-v-5f496cf6] {
    background: #181823;
    border: 1px dashed #6a738a;
    border-radius: 10px;
    cursor: pointer;
    height: 70vh;
    max-height: 640px;
    max-width: 640px;
    position: relative;
    width: 70vh
}

.CAnimView .deleteBox[data-v-5f496cf6] {
    align-items: center;
    background-color: #b63c3c;
    border-radius: 4px;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -45px;
    top: 3px;
    width: 32px
}

.CAnimView .deleteBox .svg-icon[data-v-5f496cf6] {
    color: #fff;
    font-size: 14px
}

.CAnimView .imgBox[data-v-5f496cf6] {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.CAnimView .imgBox img[data-v-5f496cf6] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.CAnimView .cnt[data-v-5f496cf6] {
    align-items: center;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.CAnimView .cnt i[data-v-5f496cf6] {
    color: #6a738a;
    font-size: 32px
}

.CAnimView .cnt span[data-v-5f496cf6] {
    color: #6a738a;
    font-size: 14px;
    margin-top: 24px
}

.PromptItem[data-v-6087fcf6] {
    --h: 28px;
    --bk: rgba(234, 236, 244, .2);
    --bk-desc: linear-gradient(180deg, rgba(110, 148, 210, .82), rgba(111, 153, 215, .22));
    border-radius: var(--padding-2);
    box-shadow: 0 2px 2px rgba(51, 54, 67, .251);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-1);
    margin: var(--padding-1);
    min-height: 28px;
    min-height: var(--h);
    overflow: hidden;
    position: relative;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PromptItem[data-v-6087fcf6]:hover {
    box-shadow: 0 3px 2px rgba(51, 54, 67, .251);
    transform: translateY(-1px);
    transition: all .2s ease-in-out
}

.PromptItem[data-v-6087fcf6]:active {
    box-shadow: 0 1px 2px rgba(51, 54, 67, .251);
    transform: translateY(0);
    transition: all .1s ease
}

.PromptItem.disabled[data-v-6087fcf6] {
    box-shadow: none;
    filter: saturate(.5) brightness(.8);
    opacity: .5
}

.PromptItem.disabled[data-v-6087fcf6]:hover {
    transform: translateY(0)
}

.PromptItem .content[data-v-6087fcf6] {
    display: flex
}

.PromptItem.isEdit[data-v-6087fcf6] {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.PromptItem.dnd-ghost[data-v-6087fcf6] {
    pointer-events: none;
    position: fixed;
    transition: none;
    z-index: 100
}

.PromptItem.dnd-org[data-v-6087fcf6] {
    opacity: 0;
    pointer-events: none;
    transform: none
}

.PromptItem.dnd-org.dict-word[data-v-6087fcf6] {
    opacity: .5
}

.PromptItem .displayName[data-v-6087fcf6] {
    align-items: flex-start;
    color: #eaecf4;
    display: flex;
    font-family: var(--font-family);
    font-weight: 300;
    justify-items: flex-start;
    place-items: flex-start
}

.PromptItem .langName[data-v-6087fcf6] {
    text-shadow: 0 -1px rgba(0, 0, 0, .169)
}

.PromptItem .name[data-v-6087fcf6]:first-child {
    background: var(--bk);
    border-radius: var(--padding-1) 0 0 var(--padding-1)
}

.PromptItem .name[data-v-6087fcf6]:first-child, .PromptItem .name[data-v-6087fcf6]:last-child {
    display: inline-flex;
    padding: var(--padding-1) var(--padding-2)
}

.PromptItem .name[data-v-6087fcf6]:last-child {
    background: var(--bk-desc);
    border-radius: 0 var(--padding-1) var(--padding-1) 0
}

.PromptItem .name[data-v-6087fcf6]:first-child:last-child {
    background: var(--bk);
    border-radius: var(--padding-1)
}

.PromptItem .lv[data-v-6087fcf6] {
    align-items: center;
    background: #fff;
    border-radius: 2px;
    color: #626262;
    display: flex;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 700;
    margin-left: 6px;
    margin-top: 2px;
    padding: 0 6px;
    text-shadow: 0 1px rgba(34, 49, 86, .122)
}

.PromptItem .input[data-v-6087fcf6] {
    color: #fff;
    display: flex;
    height: 20px;
    margin: 0;
    min-width: 10px;
    padding: 0
}

.PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots[data-v-6087fcf6] {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-pre[data-v-6087fcf6] {
    border-left: 4px solid #4dc178;
    height: 100%;
    left: -6px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(50% + 8px)
}

.PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-pre[data-v-6087fcf6]:hover {
    opacity: 1
}

.PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-next[data-v-6087fcf6] {
    border-right: 4px solid #4dc178;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: -6px;
    top: 0;
    width: calc(50% + 8px)
}

.PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-next[data-v-6087fcf6]:hover {
    opacity: 1
}

.PromptItem .link[data-v-6087fcf6] {
    align-content: center;
    align-items: center;
    background: linear-gradient(#285edb, #504f94);
    border-radius: 280px;
    box-shadow: 0 2px 4px rgba(86, 82, 199, .239);
    box-shadow: 0 2px 2px rgba(51, 54, 67, .251);
    display: none;
    font-size: 16px;
    height: 24px;
    justify-content: center;
    justify-items: center;
    place-content: center;
    place-items: center;
    position: absolute;
    right: -14px;
    top: -14px;
    transition: all .2s ease;
    width: 24px
}

.PromptItem:hover .link[data-v-6087fcf6] {
    display: flex
}

.PromptItem:hover .link[data-v-6087fcf6]:hover {
    transform: scale(1.1)
}

.dnd-ing .dnd-slots[data-v-6087fcf6] {
    display: flex !important
}

.dnd-ing .PromptItem[data-v-6087fcf6]:hover {
    transform: none
}

.PromptItem.subType-normal[data-v-6087fcf6] {
    --bk: rgba(234, 236, 244, .2);
    --bk-desc: linear-gradient(180deg, rgba(110, 148, 210, .82), rgba(111, 153, 215, .22))
}

.PromptItem.subType-quality[data-v-6087fcf6] {
    --bk: rgba(234, 236, 244, .2);
    --bk-desc: linear-gradient(180deg, #12a096, #0d6e69)
}

.PromptItem.subType-command[data-v-6087fcf6] {
    --bk: linear-gradient(#584589, #7774a0);
    --bk-desc: linear-gradient(#8d79c0, #7a78dc)
}

.PromptItem.subType-style[data-v-6087fcf6] {
    --bk: #5243aa;
    --bk-desc: linear-gradient(180deg, #7e6edd, #5243aa)
}

.PromptItem.subType-eg[data-v-6087fcf6] {
    --bk: linear-gradient(#844444, #7c6c6c);
    --bk-desc: linear-gradient(#da4927, #c78a6e)
}

.AddButton[data-v-e91cf4fc] {
    align-content: center;
    align-items: center;
    border-radius: var(--padding-1);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin: 4px;
    padding: 0;
    place-content: center;
    width: 28px
}

.PromptList.promptList-type-normal[data-v-feeb6e82] {
    background: linear-gradient(90deg, rgba(35, 86, 173, .1), rgba(36, 82, 180, .1));
    border-left: 4px solid #2445b4;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5)
}

.PromptList.promptList-type-style[data-v-feeb6e82] {
    background: linear-gradient(90deg, rgba(93, 35, 173, .1), rgba(104, 36, 180, .1));
    border-left: 4px solid #885bbb;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5)
}

.PromptList.promptList-type-quality[data-v-feeb6e82] {
    background: linear-gradient(90deg, rgba(67, 178, 158, .1), rgba(36, 181, 156, .06))
}

.PromptList.promptList-type-command[data-v-feeb6e82], .PromptList.promptList-type-quality[data-v-feeb6e82] {
    border-left: 4px solid #43b29e;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5)
}

.PromptList.promptList-type-command[data-v-feeb6e82], .PromptList.promptList-type-eg[data-v-feeb6e82] {
    background: linear-gradient(90deg, rgba(36, 178, 153, .22), rgba(36, 181, 156, .06))
}

.PromptList.promptList-type-eg[data-v-feeb6e82] {
    border-left: 4px solid #43b29e;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5)
}

.PromptMenu {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, .812);
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .31), 0 8px 8px rgba(0, 0, 0, .078);
    display: flex;
    flex-direction: column;
    max-width: 200px;
    overflow: hidden;
    position: fixed;
    width: 170px;
    z-index: 100
}

.PromptMenu .button-list {
    border-top: 1px solid #5a5a5a;
    display: flex;
    flex-direction: column
}

.PromptMenu .prompt-menu-btn {
    --bk-color: transparent;
    align-content: flex-start;
    align-items: center;
    color: #bcbece;
    display: flex;
    justify-content: flex-start;
    justify-items: center;
    place-content: flex-start;
    place-items: center;
    text-shadow: none
}

.PromptMenu .prompt-menu-btn .iconify {
    font-size: 1.2em;
    margin-right: 10px
}

.PromptMenu .prompt-menu-btn:hover {
    --bk-color: rgba(202, 194, 255, .149);
    color: hsla(0, 0%, 100%, .91)
}

.PromptMenu .prompt-menu-btn:active {
    --bk-color: rgba(0, 0, 0, .141);
    color: hsla(0, 2%, 53%, .91)
}

.PromptMenu-ghost {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.PromptEditor .PromptWork {
    --margin-left: 80px;
    display: flex;
    padding: var(--padding-4) 0
}

.PromptEditor .PromptWork .PromptGroup .PromptGroupTitle {
    color: #505050;
    font-family: var(--font-family);
    font-size: var(--font-size-05);
    margin-bottom: 8px;
    margin-left: calc(10px + var(--margin-left));
    margin-top: 8px
}

.PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name {
    align-items: center;
    background: #e6e6e6;
    border-radius: 3px;
    color: hsla(225, 6%, 49%, .639);
    display: inline-flex;
    padding: var(--padding-1) var(--padding-2);
    text-shadow: 0 1px hsla(0, 0%, 100%, .49)
}

.PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name .groupLv {
    align-items: center;
    background: hsla(0, 0%, 77%, .561);
    border-radius: 2px;
    color: #736c81;
    display: inline-flex;
    margin-left: .5em;
    padding: .1em .5em
}

.PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: hsla(225, 6%, 49%, .639);
    font-size: var(--font-size-05);
    min-width: 10px;
    padding: 1px 2px;
    text-shadow: 0 1px hsla(0, 0%, 100%, .49);
    width: 36px
}

.PromptEditor .PromptWork .PromptList {
    display: flex;
    flex-direction: column;
    margin: 0 0 25px 16px;
    padding: 10px 25px
}

.PromptEditor .PromptWork .PromptList > .list {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    min-height: 36px;
    padding-right: 28px;
    position: relative;
    width: 100%
}

.PromptEditor .PromptWork .PromptList > .list .add-btn {
    background: rgba(173, 216, 230, .271);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 28px;
    margin: var(--padding-1);
    width: 28px
}

.PromptEditor .PromptWork .PromptList > .name-bar {
    align-content: flex-start;
    color: #9a9a9a;
    display: flex;
    flex: none;
    font-size: var(--font-size-1);
    justify-content: flex-start;
    margin: var(--padding-1);
    padding-right: var(--padding-2);
    padding-top: 0;
    place-content: flex-start;
    text-align: right;
    width: 55px
}

.PromptEditor .PromptWork .PromptList > .name-bar .name {
    background: transparent;
    overflow: hidden;
    padding-top: var(--padding-2);
    white-space: nowrap
}

.PromptEditor .PromptWork .PromptList .AddButton {
    position: absolute;
    right: 0;
    top: 0
}

.PromptEditor .PromptWork .PromptList:hover .AddButton {
    display: inline-flex
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name {
    width: 5px
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name .content {
    display: none
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-normal {
    background: #cecece
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-style {
    background: #9ec9c6
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-quality {
    background: #939bbd
}

.PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-command {
    background: #d6d3ec
}

.PromptEditor .PromptWork .hasGroup .PromptList:nth-of-type(2) .name-bar .name {
    border-radius: 4px 4px 0 0;
    margin-top: 4px
}

.PromptEditor .PromptWork .hasGroup .PromptList:last-of-type .name-bar .name {
    border-radius: 0 0 4px 4px;
    margin-bottom: 4px
}

.PromptEditor .PromptWork .hasGroup .PromptList:last-of-type:nth-of-type(2) .name-bar .name {
    border-radius: 4px;
    margin-bottom: 4px;
    margin-top: 4px
}

.PromptEditor .PromptWork .AddArea {
    display: flex;
    flex: none;
    flex-direction: column;
    margin-left: 20px;
    width: 414px
}

.PromptEditor .PromptWork .AddArea .c-select-generate-model-type {
    margin-bottom: 10px
}

.PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item {
    padding: 0 16px
}

.PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item .item-head {
    height: 40px
}

.PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item .item-head .el-input__inner {
    background: transparent
}

.PromptEditor .PromptWork .AddArea > * {
    transition: all .2s ease
}

.PromptEditor .PromptWork .AddArea .cover-area {
    background: rgba(107, 112, 137, .051);
    border-radius: var(--padding-3);
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 16px
}

.PromptEditor .PromptWork .AddArea .output {
    word-wrap: break-word;
    box-shadow: 0 2px 2px 0 rgba(36, 36, 36, .89), 0 4px 4px rgba(36, 36, 36, .09);
    color: #10da92;
    font-family: var(--font-family);
    font-size: var(--font-size-1);
    min-height: 30vh;
    padding: var(--padding-2);
    position: relative;
    white-space: normal;
    z-index: 2
}

.PromptEditor .PromptWork .AddArea .output .pl {
    color: #7a8b7e
}

.PromptEditor .PromptWork .AddArea .options {
    align-items: flex-start;
    display: flex;
    flex: auto;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px
}

.PromptEditor .PromptWork .AddArea .options .line {
    display: flex;
    gap: 6px;
    width: 100%
}

.PromptEditor .PromptWork .AddArea .options button {
    align-items: center;
    background: hsla(0, 0%, 100%, .051);
    color: hsla(0, 0%, 100%, .8);
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 6px 12px
}

.PromptEditor .PromptWork .AddArea .options button .svg-icon {
    font-size: 23px
}

.PromptEditor .PromptWork .AddArea .options button:hover {
    background: hsla(0, 2%, 74%, .169)
}

.PromptEditor .PromptWork .AddArea .options button:active {
    background: hsla(0, 0%, 84%, .251)
}

.PromptEditor .PromptWork .AddArea .options button.icon {
    padding: 6px 9px
}

.PromptEditor .PromptWork .AddArea .options .line-generate-btn {
    background: linear-gradient(90deg, #245cfb, #52c2ed);
    border-radius: 3px
}

.PromptEditor .PromptWork .AddArea .options .line-generate-btn:active, .PromptEditor .PromptWork .AddArea .options .line-generate-btn:hover {
    background: linear-gradient(90deg, #245cfb, #52c2ed)
}

.PromptEditor .PromptWork .AddArea .options .button-group {
    align-items: center;
    background: #e9e9e9;
    border-radius: 4px;
    display: flex;
    font-size: var(--font-size-1);
    gap: 4px;
    height: 2.3em;
    padding: 0 4px
}

.PromptEditor .PromptWork .AddArea .options .button-group button {
    height: 1.8em;
    padding: 4px;
    width: 1.8em
}

.PromptEditor .PromptWork .AddArea .options .button-group button .iconify {
    font-size: var(--font-size-2);
    margin-right: 0
}

.PromptEditor .PromptWork .AddArea .options .button-group button.disabled {
    opacity: .4;
    pointer-events: none
}

.PromptEditor .PromptWork .AddArea .options .parser-select {
    margin-left: auto;
    width: 150px
}

.PromptEditor .PromptWork .AddArea .options .more-options {
    margin-top: auto
}

.PromptEditor .PromptWork .AddArea .options .more-options .parser-select {
    margin-left: auto;
    padding-right: 35px;
    width: auto
}

.PromptEditor .PromptWork .main {
    flex-grow: 1;
    max-width: calc(100vw - 750px);
    min-width: 280px;
    width: 20vw
}

@media screen and (max-width: 1441px) {
    .PromptEditor .PromptWork .output {
        min-height: 24vh
    }

    .PromptEditor .PromptWork .input .el-textarea__inner {
        height: 24vh
    }
}

@media (max-width: 1215px) {
    .PromptEditor .PromptWork .AddArea {
        flex-grow: 1;
        max-width: 414px;
        min-width: 300px;
        width: 27vw
    }

    .PromptEditor .PromptWork .main {
        padding-right: 100px
    }
}

@media (max-width: 860px) {
    .PromptEditor .PromptWork {
        flex-wrap: wrap-reverse
    }

    .PromptEditor .PromptWork .main {
        max-width: calc(100vw - 300px)
    }
}

.PromptEditor .PromptWork .WorkInfoArea {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

.PromptEditor .PromptWork .WorkInfoArea .WorkName {
    display: flex;
    margin-bottom: 4px;
    margin-left: -4px
}

.PromptEditor .PromptWork .WorkInfoArea .WorkName input {
    background: transparent;
    border: none;
    border-radius: 3px;
    color: #d5d7e3;
    flex: none;
    font-family: var(--font-family);
    font-size: var(--font-size-2);
    font-weight: 600;
    width: calc(100% - 6px)
}

.PromptEditor .PromptWork .WorkInfoArea .WorkName input:focus-visible {
    box-shadow: 0 0 0 2px #b6b3b3;
    outline: none
}

.PromptEditor .PromptWork .output, .PromptEditor .PromptWork textarea {
    background: #2c2f41;
    border: none;
    border-radius: var(--padding-3);
    color: #fff;
    font-family: var(--font-family);
    font-size: var(--font-size-1);
    padding: var(--padding-2);
    resize: none;
    word-break: break-all
}

.PromptEditor .PromptWork .output:focus, .PromptEditor .PromptWork .output:focus-visible, .PromptEditor .PromptWork textarea:focus, .PromptEditor .PromptWork textarea:focus-visible {
    box-shadow: 0 0 0 1px hsla(0, 0%, 72%, .5);
    outline: none
}

.PromptEditor .PromptWork.isPNGExporting .PromptItem.disabled {
    display: none
}

.PromptEditor {
    flex-grow: 1;
    position: relative
}

.PromptEditor .debug {
    margin-top: 200px
}

.PromptEditor .operate-tool {
    display: flex;
    gap: 6px;
    margin: 20px
}

.PromptEditor .operate-tool .checkbox {
    margin-left: 32px
}

.PromptEditor .operate-tool .server-select {
    align-items: center;
    color: #5a5a5a;
    display: flex;
    font-size: var(--font-size-1);
    justify-items: center;
    margin-left: auto;
    place-items: center
}

.PromptEditor .operate-tool .server-select .iconify {
    font-size: 1.2em;
    margin-right: .25em
}

.PromptEditor .operate-tool .server-select select {
    width: 130px
}

.PromptEditor .回血-box {
    bottom: -93px;
    left: 18px;
    position: absolute
}

.PromptEditor .回血-box img {
    height: 52px
}

.PromptDict {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 20px
}

.PromptDict .dir-buttons {
    border-radius: 4px;
    display: flex;
    flex: none;
    flex-wrap: wrap;
    height: auto;
    margin: 0 4px 12px;
    overflow: hidden;
    padding: 0;
    place-content: center
}

.PromptDict .dir-buttons, .PromptDict .dir-buttons button {
    align-content: center;
    justify-content: center;
    white-space: nowrap;
    width: auto
}

.PromptDict .dir-buttons button {
    background: transparent;
    border-radius: 0;
    color: hsla(0, 0%, 100%, .7);
    flex: auto;
    place-content: center
}

.PromptDict .dir-buttons button.active {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-shadow: 0 1px 1px #313458
}

.PromptDict .active-dir {
    height: auto;
    overflow-y: scroll
}

.PromptDict .active-dir .sub-dir > .name {
    color: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 0;
    text-shadow: 0 1px hsla(0, 0%, 100%, .49);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PromptDict .active-dir .sub-dir > .name > .title {
    padding-left: 6px
}

.PromptDict .active-dir .sub-dir > .name > .len {
    align-content: center;
    background: #e6e6e6;
    border-radius: 4px;
    color: #3a3a3a;
    display: inline-flex;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin-left: 4px;
    padding: 1px 8px;
    place-content: center;
    text-align: center
}

.PromptDict .active-dir .sub-dir > .name::marker {
    color: hsla(0, 0%, 49%, .5)
}

.PromptDict .active-dir .list {
    display: flex;
    flex-wrap: wrap
}

.PromptDict .notion-settings .notion-me {
    font-size: 13px;
    height: 32px;
    position: absolute;
    right: 57px;
    top: 14px;
    z-index: 222
}

.PromptDict .notion-settings .notion-config {
    background: #fff;
    border-radius: 4px;
    box-shadow: -2px 0 64px rgba(6, 5, 73, .122);
    height: auto;
    opacity: 0;
    padding: 49px 20px 20px;
    pointer-events: none;
    position: absolute;
    right: 54px;
    top: 11px;
    transition: all .2s ease;
    width: 420px;
    z-index: 100
}

.PromptDict .notion-settings .notion-config .line:not(:last-child) {
    margin-bottom: 8px
}

.PromptDict .notion-settings .notion-config .help {
    align-items: center;
    color: #4b4894;
    display: flex;
    justify-items: center;
    place-items: center;
    position: absolute;
    top: 12px
}

.PromptDict .notion-settings .notion-config .help .iconify {
    margin-right: 4px
}

.PromptDict .notion-settings .notion-config .help a {
    font-weight: 700
}

.PromptDict .notion-settings .notion-config a {
    color: #4b4894;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.PromptDict .notion-settings .notion-config a:hover {
    color: #4545b2;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.PromptDict .notion-settings .notion-config label {
    align-content: flex-end;
    color: #5a5a5a;
    display: inline-flex;
    font-size: 13px;
    justify-content: flex-end;
    margin-right: 12px;
    place-content: flex-end;
    white-space: nowrap;
    width: 140px
}

.PromptDict .notion-settings .notion-config input {
    background: hsla(0, 0%, 91%, .459);
    flex: auto;
    width: auto
}

.PromptDict .notion-settings .notion-config .full {
    align-content: center;
    flex: auto;
    justify-content: center;
    place-content: center;
    width: auto
}

.PromptDict .notion-settings .notion-config .line {
    align-content: flex-start;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    justify-items: center;
    place-content: flex-start;
    place-items: center
}

.PromptDict .notion-settings .notion-config .line.checkbox input {
    flex: none
}

.PromptDict .notion-settings .notion-config .desc {
    color: #c9c9c9;
    flex: auto;
    font-size: 13px;
    text-align: right
}

.PromptDict .notion-settings .notion-config .buttons {
    align-content: center;
    justify-content: center;
    place-content: center
}

.PromptDict .notion-settings .notion-config .buttons button.disabled {
    opacity: .5;
    pointer-events: none
}

.PromptDict .notion-settings .notion-config:hover, .PromptDict .notion-settings.isHoverButton:hover .notion-config {
    opacity: 1;
    pointer-events: auto;
    transition: all .2s ease
}

.OPSIndexPage {
    align-self: flex-start;
    display: flex;
    height: 100%;
    width: 100%
}

.OPSIndexPage > nav {
    align-items: center;
    display: flex;
    justify-items: center;
    padding: 0;
    place-items: center;
    width: 0
}

.OPSIndexPage > nav .logo {
    align-content: flex-start;
    color: #9f9f9f;
    display: flex;
    font-family: var(--font-family);
    font-weight: 200;
    justify-content: flex-start;
    place-content: flex-start;
    place-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.OPSIndexPage > nav .icon-link, .OPSIndexPage > nav .logo {
    align-items: center;
    justify-items: center;
    text-shadow: 0 1px 1px #fff
}

.OPSIndexPage > nav .icon-link {
    color: #888686;
    display: flex;
    font-size: 18px;
    margin-left: 6px;
    place-items: center
}

.OPSIndexPage > nav .dict-button-box {
    align-items: center;
    color: #6161b7;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-items: center;
    margin-left: auto;
    margin-right: 40px;
    place-items: center;
    text-shadow: 0 1px 1px #fff
}

.OPSIndexPage > nav .dict-button {
    background: transparent;
    color: #6161b7;
    font-size: 30px;
    height: auto;
    margin-left: 6px;
    position: fixed;
    right: 20px;
    top: 14px;
    z-index: 50
}

.OPSIndexPage > footer {
    border-top: 1px solid #d7d7d7;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .922);
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 32px
}

.OPSIndexPage > footer, .OPSIndexPage > footer a {
    align-content: flex-end;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    justify-items: center;
    place-content: flex-end;
    place-items: center
}

.OPSIndexPage > footer a {
    color: #4b4a4a;
    font-family: var(--font-family);
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.OPSIndexPage > footer a img {
    height: 21px;
    margin-left: 6px
}

.OPSIndexPage > footer a .icon, .OPSIndexPage > footer a:not(:last-child) {
    margin-right: .5em
}

.OPSIndexPage > .PromptDictPad {
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    background: transparent;
    box-shadow: -2px 0 2px rgba(38, 37, 37, .071), -2px 0 12px rgba(38, 37, 37, .129), -2px 0 64px rgba(6, 5, 73, .122);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100vh;
    right: 0;
    top: 0;
    width: 20vw;
    z-index: 100
}

@media (max-width: 1215px) {
    .OPSIndexPage > .PromptDictPad {
        min-width: 500px;
        position: fixed
    }
}

.OPSIndexPage > .PromptDictPad > .title {
    align-items: center;
    color: #6161b7;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-items: center;
    padding: 14px 20px;
    place-items: center;
    text-shadow: 0 1px 1px #fff
}

.OPSIndexPage > .PromptDictPad > .title > .iconify {
    color: #6161b7;
    filter: drop-shadow(0 1px 1px #ffffff);
    font-size: 22px;
    margin-right: 8px
}

.OPSIndexPage > .PromptDictPad > .title > .close-button {
    margin-left: auto
}

.OPSIndexPage > .PromptDictPad > .title .github-dict {
    align-items: center;
    color: #7a78dc;
    display: flex;
    font-weight: 400;
    justify-items: center;
    margin-left: 12px;
    place-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.OPSIndexPage > .PromptDictPad > .title .github-dict:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.OPSIndexPage > .PromptDictPad > .title .github-dict .iconify {
    margin-right: 4px
}

.OPSIndexPage select {
    --bk-color: #e9e9e9;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: #e9e9e9;
    background: var(--bk-color);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23848181'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-color: #e9e9e9;
    background-color: var(--bk-color);
    background-position: calc(100% - 14px) 14px;
    background-size: 9px;
    border: none;
    border-radius: 4px;
    color: #484644;
    cursor: pointer;
    font-size: var(--font-size-1);
    padding: 6px 10px;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, .161);
    transition: all .15s ease
}

.OPSIndexPage select:hover {
    --bk-color: #e0e0e0
}

.OPSIndexPage select:active {
    --bk-color: #d7d7d7
}

.OPSIndexPage select :before {
    content: "dd"
}

.OPSIndexPage select:focus-visible {
    box-shadow: 0 0 0 2px #b6b3b3;
    outline: none
}

.OPSIndexPage button {
    --bk-color: #e9e9e9;
    align-items: center;
    background: #e9e9e9;
    background: var(--bk-color);
    border: none;
    border-radius: 3px;
    color: #484644;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-1);
    height: 2.3em;
    justify-items: center;
    padding: var(--padding-2) var(--padding-3);
    place-items: center;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, .161);
    transition: all .15s ease
}

.OPSIndexPage button:hover {
    --bk-color: #e0e0e0
}

.OPSIndexPage button:active {
    --bk-color: #d7d7d7
}

.OPSIndexPage button:focus-visible {
    box-shadow: 0 0 0 2px #b6b3b3;
    outline: none
}

.OPSIndexPage button .iconify {
    font-size: 1.2em;
    margin-right: 10px
}

.OPSIndexPage button.icon {
    align-content: center;
    align-items: center;
    height: 2.3em;
    justify-content: center;
    justify-items: center;
    padding: 0;
    place-content: center;
    place-items: center;
    width: 2.3em
}

.OPSIndexPage button.icon .iconify {
    margin-right: 0
}

.OPSIndexPage .input, .OPSIndexPage input {
    background: transparent;
    border: none;
    border-radius: 3px;
    color: #5f5c5c;
    flex: none;
    font-family: var(--font-family);
    font-size: var(--font-size-1)
}

.OPSIndexPage .input:focus-visible, .OPSIndexPage input:focus-visible {
    box-shadow: 0 0 0 2px #b6b3b3;
    outline: none
}

.OPSIndexPage .checkbox {
    align-items: center;
    color: #5f5c5c;
    display: flex;
    font-size: var(--font-size-1);
    justify-items: center;
    place-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.OPSIndexPage .checkbox input {
    margin-right: 6px
}

.change-work-tab[data-v-666808d6] {
    display: flex;
    max-width: 640px;
    padding-bottom: 10px;
    width: 70vh
}

.change-work-tab .tab-item[data-v-666808d6] {
    background: rgba(48, 59, 81, .2);
    border-radius: 5px;
    color: #4f5b72;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding: 0 15px;
    position: relative;
    text-align: center
}

.change-work-tab .tab-item.active[data-v-666808d6], .change-work-tab .tab-item[data-v-666808d6]:hover {
    color: #fff
}

.change-work-tab .tab-item:hover .close-icon[data-v-666808d6] {
    display: block
}

.change-work-tab .tab-item .close-icon[data-v-666808d6] {
    background: rgba(48, 59, 81, .4);
    border-radius: 8px;
    display: none;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: -5px;
    top: -3px;
    transform: rotate(45deg);
    width: 16px
}

.work-body[data-v-3e897794] {
    align-items: center;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.work-body .generate-btn[data-v-3e897794] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: 0;
    border-radius: 5px;
    color: #f2f5fa;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    height: 44px;
    margin-left: 10px;
    margin-top: 30px
}

.work-body .generate-btn span[data-v-3e897794] {
    font-size: 16px;
    font-weight: 400
}

.work-body .read-btn[data-v-3e897794] {
    background: #262734;
    border-radius: 5px;
    color: #fff;
    margin-top: 15px;
    padding: 10px 15px
}

.work-body .read-btn > div[data-v-3e897794] {
    margin-left: 20px
}

.work-body .analysis-btn[data-v-3e897794], .work-body .redrawing-btn[data-v-3e897794] {
    background: #364156;
    border-color: #364156;
    border-radius: 5px;
    color: #fff;
    margin-top: 1vh
}

.work-body .analysis-btn[data-v-3e897794]:hover, .work-body .redrawing-btn[data-v-3e897794]:hover {
    background: #252e40;
    border-color: #252e40
}

.landing-page-header[data-v-06f117fa] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0c0c0c;
    box-sizing: border-box;
    height: 80px;
    justify-content: space-between;
    padding: 0 27px;
    width: 100%
}

.landing-page-header .left-container[data-v-06f117fa], .landing-page-header[data-v-06f117fa] {
    align-items: center;
    display: flex
}

.landing-page-header .left-container .logo[data-v-06f117fa] {
    height: 35px;
    margin-bottom: 3px;
    width: 35px
}

.landing-page-header .left-container .slogan[data-v-06f117fa] {
    color: #fff;
    font-family: Sora-SemiBold, Sora;
    font-size: 24px;
    font-weight: 600;
    margin: 0 3px 0 8px
}

.landing-page-header .left-container .ai[data-v-06f117fa] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #4093ff, #22feff);
    -webkit-background-clip: text;
    font-family: Sora-SemiBold, Sora;
    font-size: 24px;
    font-weight: 600
}

.landing-page-header .right-container .chat-app[data-v-06f117fa], .landing-page-header .right-container[data-v-06f117fa] {
    align-items: center;
    display: flex;
    justify-content: center
}

.landing-page-header .right-container .chat-app[data-v-06f117fa] {
    cursor: pointer;
    height: 40px
}

.landing-page-header .right-container .chat-app .svg-icon[data-v-06f117fa] {
    height: 28px;
    width: 28px
}

.landing-page-header .right-container .chat-app .words[data-v-06f117fa] {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px
}

.landing-page-header .right-container .discord[data-v-06f117fa] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center
}

.landing-page-header .right-container .discord .discord-icon[data-v-06f117fa] {
    height: 24px;
    width: 24px
}

.landing-page-header .right-container .discord .words[data-v-06f117fa] {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px
}

.landing-page-header .right-container .enterprise[data-v-06f117fa] {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    margin-left: 25px
}

.landing-page-header .right-container .sign-up[data-v-06f117fa] {
    background: #393c44;
    color: #f5f5f5;
    margin-left: 30px
}

.landing-page-header .right-container .log-in[data-v-06f117fa], .landing-page-header .right-container .sign-up[data-v-06f117fa] {
    border: 0;
    border-radius: 24px;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    min-width: 72px;
    padding: 0 12px
}

.landing-page-header .right-container .log-in[data-v-06f117fa] {
    background: linear-gradient(90deg, #4093ff, #22feff);
    color: #fff;
    margin-left: 10px
}

.recharge-banner[data-v-82e9d708] {
    align-items: center;
    background: linear-gradient(90deg, #111, #615b52 49%, #111);
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 10
}

.recharge-banner[data-v-82e9d708]:after, .recharge-banner[data-v-82e9d708]:before {
    border-bottom: 1px solid #716858;
    content: "";
    height: 0;
    width: 60px
}

.recharge-banner .content[data-v-82e9d708] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 10px
}

.recharge-banner .content p[data-v-82e9d708] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fff2e6, #f8c49c);
    -webkit-background-clip: text
}

.recharge-banner .content[data-v-82e9d708]:after, .recharge-banner .content[data-v-82e9d708]:before {
    color: #716858;
    content: "·";
    font-size: 30px;
    width: 20px
}

.recharge-banner .content[data-v-82e9d708]:after {
    text-align: right
}

.recharge-banner .content .sub-btn[data-v-82e9d708] {
    align-items: center;
    background: linear-gradient(90deg, #ffecda, #f8c9a5);
    border-radius: 16px;
    color: #261a05;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 6px;
    height: 28px;
    margin-left: 15px;
    padding: 0 10px
}

.recharge-banner .content .sub-btn svg[data-v-82e9d708] {
    font-size: 20px
}

.recharge-banner > svg[data-v-82e9d708] {
    color: #3c3a36;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 13px
}

.pacman[data-v-57e5ef64] {
    position: relative
}

.pacman > div[data-v-57e5ef64]:nth-child(2) {
    animation: pacman-balls-57e5ef64 1s linear 0s infinite
}

.pacman > div[data-v-57e5ef64]:nth-child(3) {
    animation: pacman-balls-57e5ef64 1s linear .33s infinite
}

.pacman > div[data-v-57e5ef64]:nth-child(4) {
    animation: pacman-balls-57e5ef64 1s linear .66s infinite
}

.pacman > div[data-v-57e5ef64]:nth-child(5) {
    animation: pacman-balls-57e5ef64 1s linear .99s infinite
}

.pacman > div[data-v-57e5ef64]:first-of-type {
    animation: rotate_pacman_half_up-57e5ef64 .5s 0s infinite
}

.pacman > div[data-v-57e5ef64]:first-of-type, .pacman > div[data-v-57e5ef64]:nth-child(2) {
    border: 15px solid #fff;
    border-radius: 15px;
    border-right-color: transparent;
    height: 0;
    width: 0
}

.pacman > div[data-v-57e5ef64]:nth-child(2) {
    animation: rotate_pacman_half_down-57e5ef64 .5s 0s infinite;
    margin-top: -30px
}

.pacman > div[data-v-57e5ef64]:nth-child(3), .pacman > div[data-v-57e5ef64]:nth-child(4), .pacman > div[data-v-57e5ef64]:nth-child(5), .pacman > div[data-v-57e5ef64]:nth-child(6) {
    background-color: #fff;
    border-radius: 100%;
    height: 8px;
    left: 100px;
    margin: 2px;
    position: absolute;
    top: 15px;
    transform: translateY(-6.25px);
    width: 8px
}

@keyframes rotate_pacman_half_up-57e5ef64 {
    0% {
        transform: rotate(270deg)
    }
    50% {
        transform: rotate(1turn)
    }
    to {
        transform: rotate(270deg)
    }
}

@keyframes rotate_pacman_half_down-57e5ef64 {
    0% {
        transform: rotate(90deg)
    }
    50% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(90deg)
    }
}

@keyframes pacman-balls-57e5ef64 {
    75% {
        opacity: .7
    }
    to {
        transform: translate(-100px, -6.25px)
    }
}

.image-panel[data-v-0dc3eca6] {
    background: #24262a;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 50%
}

.image-panel .img-box[data-v-0dc3eca6] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%
}

.image-panel .img-box.nsfw-box[data-v-0dc3eca6]:before {
    background: linear-gradient(46deg, #566085, #6c77af, #c286b6 34%, #f1acbf 62%, #ffe0ca);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.image-panel .empty-box[data-v-0dc3eca6] {
    align-items: center;
    color: #fffdf5;
    display: flex;
    flex-flow: column;
    font-size: 38px;
    justify-content: center;
    text-align: center
}

.image-panel .empty-box[data-v-0dc3eca6]:after {
    content: attr(empty);
    display: block;
    font-size: 16px;
    margin-top: 10px
}

.image-panel .generate-loading[data-v-0dc3eca6] {
    align-items: center;
    background: rgba(36, 38, 42, .541);
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.image-panel .generate-loading > [data-v-0dc3eca6] {
    width: 30%;
    z-index: 1
}

.image-panel .generate-loading .pacman[data-v-0dc3eca6] {
    width: 20%
}

.image-panel .generate-loading p[data-v-0dc3eca6] {
    color: #fffdf5;
    margin: 10px 0 20px
}

.image-panel .generate-loading span[data-v-0dc3eca6] {
    background: #da373d;
    border-radius: 5px;
    color: #fefefe;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 25px;
    width: auto
}

.image-panel .generate-loading .process-text[data-v-0dc3eca6] {
    color: #7d8da3;
    font-size: 16px
}

.image-panel .view-btn[data-v-0dc3eca6] {
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .541);
    cursor: pointer;
    height: 36px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px
}

.image-panel .view-btn[data-v-0dc3eca6]:hover {
    color: #fff
}

.image-panel .handle-btn[data-v-0dc3eca6] {
    bottom: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0
}

.image-panel .handle-btn > [data-v-0dc3eca6] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}

.image-panel .handle-btn[data-v-0dc3eca6] > :hover {
    background: hsla(0, 0%, 100%, .2)
}

span.custom-tips[data-v-56857e62] {
    color: #9a9fa5
}

.prompt-panel[data-v-c68ada74] {
    flex: 1
}

.prompt-panel .title[data-v-c68ada74] {
    color: #fffdf5;
    font-size: 16px
}

.prompt-panel[data-v-c68ada74] .el-textarea__inner {
    background: #24262a;
    border-color: #24262a;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    width: 100%
}

.prompt-panel[data-v-c68ada74] .el-textarea__inner:focus {
    border-color: #3f91ff
}

.prompt-panel .prompt-input[data-v-c68ada74] .el-textarea {
    margin-top: 10px
}

.prompt-panel .negative-prompt[data-v-c68ada74] {
    background: #24262a;
    border-radius: 15px
}

.prompt-panel .negative-prompt .title[data-v-c68ada74] {
    padding: 15px;
    position: relative
}

.prompt-panel .negative-prompt .title .zoom-icon[data-v-c68ada74] {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .3s ease
}

.prompt-panel .negative-prompt .title .zoom-icon.off[data-v-c68ada74] {
    transform: rotate(180deg)
}

.prompt-panel .negative-prompt .panel-main .el-textarea[data-v-c68ada74] {
    border-top: 1px solid hsla(0, 0%, 100%, .063);
    margin-bottom: 10px
}

.prompt-panel .negative-prompt .panel-main.off[data-v-c68ada74] {
    height: 0;
    overflow: hidden
}

.prompt-panel .negative-prompt[data-v-c68ada74] .el-textarea__inner {
    border-radius: 0
}

.prompt-panel .negative-prompt[data-v-c68ada74] .el-textarea__inner:focus {
    border-color: #24262a
}

.prompt-panel .negative-prompt .reset-btn[data-v-c68ada74] {
    color: #3e94ff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 0 15px 10px
}

.prompt-panel .random-prompt[data-v-c68ada74] {
    align-items: center;
    background: #12121e;
    border: 1px solid #0d9488;
    border-radius: 5px;
    color: #0d9488;
    cursor: pointer;
    display: flex;
    margin: 10px 0 25px;
    max-width: 70%;
    padding: 3px 10px
}

.prompt-panel .random-prompt svg[data-v-c68ada74] {
    cursor: pointer;
    font-size: 24px;
    margin-right: 5px
}

.prompt-panel .random-prompt svg.loading[data-v-c68ada74] {
    animation: rotate-c68ada74 1s linear infinite
}

.prompt-panel .random-prompt span[data-v-c68ada74] {
    cursor: pointer;
    display: inline-block;
    flex: 1;
    font-size: 12px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes rotate-c68ada74 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.line-scale[data-v-771133f8] {
    line-height: normal;
    padding-top: 5px
}

@keyframes line-scale-771133f8 {
    0% {
        transform: scaley(1)
    }
    50% {
        transform: scaley(.4)
    }
    to {
        transform: scaley(1)
    }
}

.line-scale > div[data-v-771133f8]:first-child {
    animation: line-scale-771133f8 1s cubic-bezier(.2, .68, .18, 1.08) .1s infinite
}

.line-scale > div[data-v-771133f8]:nth-child(2) {
    animation: line-scale-771133f8 1s cubic-bezier(.2, .68, .18, 1.08) .2s infinite
}

.line-scale > div[data-v-771133f8]:nth-child(3) {
    animation: line-scale-771133f8 1s cubic-bezier(.2, .68, .18, 1.08) .3s infinite
}

.line-scale > div[data-v-771133f8]:nth-child(4) {
    animation: line-scale-771133f8 1s cubic-bezier(.2, .68, .18, 1.08) .4s infinite
}

.line-scale > div[data-v-771133f8]:nth-child(5) {
    animation: line-scale-771133f8 1s cubic-bezier(.2, .68, .18, 1.08) .5s infinite
}

.line-scale > div[data-v-771133f8] {
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 30px;
    margin: 0 2px;
    width: 4px
}

.model-panel[data-v-21571fb4] {
    margin-top: 30px
}

.model-panel .title[data-v-21571fb4] {
    color: #fffdf5;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative
}

.model-panel .title .view-all[data-v-21571fb4] {
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 5px
}

.model-panel .title .model-handle[data-v-21571fb4] {
    display: flex;
    gap: 20px;
    margin-top: 15px
}

.model-panel .title .model-handle .select-list[data-v-21571fb4] {
    display: flex;
    gap: 10px
}

.model-panel .title .model-handle .select-list .select-item[data-v-21571fb4] {
    background: #232627;
    border-radius: 8px;
    height: 38px;
    line-height: 38px;
    padding: 0 30px 0 10px;
    position: relative;
    text-align: center
}

.model-panel .title .model-handle .select-list .select-item[data-v-21571fb4]:hover {
    background: #323637
}

.model-panel .title .model-handle .select-list .select-item i[data-v-21571fb4] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.model-panel .title[data-v-21571fb4] .el-input {
    display: block;
    width: 300px
}

.model-panel .title[data-v-21571fb4] .el-input .el-input__inner {
    background: #24262a;
    border-color: #24262a;
    border-radius: 8px;
    height: 38px
}

.model-panel .title[data-v-21571fb4] .el-input .el-input__inner:focus {
    border-color: #3f91ff
}

.model-panel .model-list[data-v-21571fb4] {
    overflow: hidden;
    padding: 0;
    position: relative
}

.model-panel .model-list .scroll-btn[data-v-21571fb4] {
    align-items: center;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    position: absolute;
    top: 0;
    width: 48px
}

.model-panel .model-list .scroll-btn[data-v-21571fb4]:before {
    background-color: rgba(13, 14, 24, .3);
    border-radius: 100%;
    padding: 8px
}

.model-panel .model-list .scroll-btn[data-v-21571fb4]:hover:before {
    background-color: rgba(13, 14, 24, .5)
}

.model-panel .model-list .scroll-btn.prev[data-v-21571fb4] {
    background: linear-gradient(90deg, #0d0e18, rgba(0, 0, 255, 0));
    left: 0
}

.model-panel .model-list .scroll-btn.next[data-v-21571fb4] {
    background: linear-gradient(270deg, #0d0e18, rgba(0, 0, 255, 0));
    right: 0
}

.model-panel .model-list .scroll-body[data-v-21571fb4] {
    display: inline-block;
    flex-shrink: 0;
    transition: all .3s ease-in;
    white-space: nowrap
}

.model-panel .model-list .scroll-body .model-item[data-v-21571fb4] {
    display: inline-block;
    margin-left: 25px
}

.model-panel .model-list .scroll-body .model-item .cover[data-v-21571fb4] {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    cursor: pointer;
    height: 145px;
    position: relative;
    width: 145px
}

.model-panel .model-list .scroll-body .model-item .cover img[data-v-21571fb4] {
    border-radius: 8px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.model-panel .model-list .scroll-body .model-item .cover span[data-v-21571fb4] {
    bottom: 10px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 10px
}

.model-panel .model-list .scroll-body .model-item .name[data-v-21571fb4] {
    color: #fff;
    margin-top: 10px;
    text-align: center;
    width: 145px
}

.model-panel .model-list .scroll-body .model-item.active .cover[data-v-21571fb4] {
    border: 1px solid #35bf6d;
    box-sizing: border-box;
    padding: 10px
}

.model-panel .empty-list[data-v-21571fb4] {
    color: #fff;
    padding: 25px
}

.form-item[data-v-5604f89d] {
    box-sizing: border-box;
    padding: 25px 0 0
}

.form-item .label[data-v-5604f89d] {
    color: #efefef;
    font-size: 16px;
    margin-bottom: 10px
}

.form-item .form-main[data-v-5604f89d] .el-input-number, .form-item .form-main[data-v-5604f89d] .el-select {
    display: block;
    width: 100%
}

.form-item .form-main[data-v-5604f89d] .el-slider {
    flex: 1
}

.form-item .form-main[data-v-5604f89d] .el-input__inner {
    background: #313337;
    border: 1px solid #46474b;
    color: #fff;
    text-align: left
}

.form-item .form-main[data-v-5604f89d] .el-input__inner:focus {
    border-color: #409eff
}

.form-item .form-main.form-slider[data-v-5604f89d] {
    display: flex;
    gap: 30px
}

.form-item .form-main.form-slider[data-v-5604f89d] .el-input-number {
    width: 60px
}

.form-item .form-main.form-slider[data-v-5604f89d] .el-input__inner {
    border-radius: 8px;
    text-align: center
}

.form-item .form-main.form-slider[data-v-5604f89d] .el-slider__runway {
    background-color: #434954
}

.form-item .form-main.form-slider[data-v-5604f89d] .el-slider__button-wrapper .el-slider__button {
    background-color: #409eff;
    border: 4px solid #fff;
    height: 7px;
    width: 7px
}

.form-item .form-main.form-input-part[data-v-5604f89d] {
    align-items: center;
    display: flex;
    gap: 20px
}

.form-item .form-main.form-input-part[data-v-5604f89d] .el-input-number {
    width: 50%
}

.setting-panel[data-v-6f9c15fd] {
    background: #24262a;
    border-radius: 20px;
    margin-top: 30px
}

.setting-panel .title[data-v-6f9c15fd] {
    color: #fff;
    font-size: 18px;
    padding: 20px;
    position: relative
}

.setting-panel .title .zoom-icon[data-v-6f9c15fd] {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top: 20px;
    transition: all .3s ease
}

.setting-panel .title .zoom-icon.off[data-v-6f9c15fd] {
    transform: rotate(180deg)
}

.setting-panel .panel-main[data-v-6f9c15fd] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: 220px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease
}

.setting-panel .panel-main[data-v-6f9c15fd]:before {
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.setting-panel .panel-main > [data-v-6f9c15fd] {
    padding: 25px 25px 0;
    width: 33.333%
}

.setting-panel .panel-main.off[data-v-6f9c15fd] {
    height: 0
}

.setting-panel .panel-main .switch-seed[data-v-6f9c15fd] {
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid #393e44;
    border-radius: 6px;
    padding: 2px
}

.setting-panel .panel-main .switch-seed .switch-btn[data-v-6f9c15fd] {
    background: transparent;
    border: none;
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .6);
    min-width: 50px;
    outline: none;
    padding: 4px
}

.setting-panel .panel-main .switch-seed .switch-btn.active[data-v-6f9c15fd] {
    background: hsla(0, 0%, 100%, .2);
    color: #fff
}

.simple-generate[data-v-f38e3838] {
    align-items: center;
    background: #0d0e18;
    display: flex;
    flex: 1;
    flex-flow: column;
    overflow: auto
}

.simple-generate.page-generate .head-panel[data-v-f38e3838] {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 40px;
    position: relative;
    text-align: center
}

.simple-generate.page-generate .head-panel h1[data-v-f38e3838] {
    font-size: 48px
}

.simple-generate.page-generate .head-panel p[data-v-f38e3838] {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px
}

.simple-generate .simple-main[data-v-f38e3838] {
    max-width: 1170px;
    padding-bottom: 30px;
    width: 100%
}

.simple-generate .generate-panel[data-v-f38e3838] {
    display: flex;
    gap: 25px
}

.simple-generate .generate-panel .generate-btn[data-v-f38e3838] {
    display: flex;
    gap: 15px;
    margin-top: 25px
}

.simple-generate .generate-panel .generate-btn > [data-v-f38e3838] {
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 56px;
    line-height: 56px;
    text-align: center
}

.simple-generate .generate-panel .generate-btn .gen-btn[data-v-f38e3838] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 20px;
    justify-content: center
}

.simple-generate .generate-panel .generate-btn .gen-btn[data-v-f38e3838]:after {
    content: attr(tips);
    font-size: 14px;
    margin-left: 10px
}

.simple-generate .generate-panel .generate-btn .gen-btn.loading[data-v-f38e3838]:after {
    content: ""
}

.simple-generate .generate-panel .generate-btn .set-btn[data-v-f38e3838] {
    border: 1px solid #acacac;
    color: #acacac;
    font-size: 24px;
    width: 56px
}

.simple-generate .head-panel[data-v-f38e3838] {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.controlnet-popup[data-v-19af634e] .el-dialog {
    background: #111522;
    border-radius: 10px;
    max-width: 1080px;
    width: 90%
}

.controlnet-popup[data-v-19af634e] .el-dialog .el-dialog__header {
    display: none
}

.controlnet-popup[data-v-19af634e] .el-dialog .el-dialog__body {
    padding: 30px 20px
}

.controlnet-popup .controlnet-body[data-v-19af634e] {
    height: 86vh;
    position: relative
}

.controlnet-popup .controlnet-body > i[data-v-19af634e] {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -20px
}

.controlnet-popup .controlnet-body .controlnet-grid[data-v-19af634e] {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: overlay;
    padding-left: 15px
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-19af634e] {
    background: #1b1f2d;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 15px 15px 0;
    padding: 20px;
    width: calc(33.33333% - 15px)
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item.active[data-v-19af634e], .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-19af634e]:hover {
    border: 1px solid #27b670
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-19af634e] .el-image {
    border-radius: 10px
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .cover[data-v-19af634e] {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .name[data-v-19af634e] {
    background: #0d9488;
    border-radius: 10px;
    bottom: 15px;
    color: #fff;
    font-size: 16px;
    height: 32px;
    left: 15px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .tips-info[data-v-19af634e] {
    color: #939ba9;
    font-size: 14px;
    margin-top: 10px
}

.person-list[data-v-390f0009] {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(85vh - 120px);
    min-height: 150px;
    overflow-y: overlay
}

.person-list > p[data-v-390f0009] {
    color: #fff;
    text-align: center;
    width: 100%
}

.person-list .person-item[data-v-390f0009] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 48px;
    padding: 10px 15px;
    position: relative;
    width: 50%
}

.person-list .person-item[data-v-390f0009]:hover {
    background: #34396a;
    border-radius: 5px
}

.person-list .person-item:hover .delete-icon[data-v-390f0009] {
    display: inline
}

.person-list .person-item .head-img[data-v-390f0009] {
    background: #404c5d;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 13px;
    color: #fbfcfd;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    text-align: center;
    width: 26px
}

.person-list .person-item p[data-v-390f0009] {
    color: #cbd5e0;
    cursor: pointer;
    font-size: 18px;
    margin-left: 15px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.person-list .person-item .delete-icon[data-v-390f0009] {
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 15px
}

.person-list .person-item .owner-icon[data-v-390f0009] {
    color: #0966f0;
    margin-left: 5px
}

.c-channel-search .channel-search--input {
    width: 220px
}

.c-channel-search .channel-search--input .el-input__inner {
    background: #20242e;
    border-color: transparent;
    border-radius: 24px;
    color: #fff;
    height: 32px;
    padding-left: 37px
}

.c-channel-search .channel-search--input .el-input__prefix {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 5px
}

.c-channel-search .channel-search--input .el-input__suffix {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-channel-search .channel-search--input .search-icon {
    fill: #fff;
    font-size: 26px
}

.channel-select-menu-btn[data-v-7911c7aa] {
    align-items: center;
    background: #20242e;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: space-between;
    padding: 6px 12px;
    width: 173px
}

.c-channel-select-menu[data-v-7911c7aa] {
    top: 40px
}

.generate-popup[data-v-0476283b] .el-dialog {
    background: none
}

.generate-popup[data-v-0476283b] .el-dialog .el-dialog__header {
    display: none
}

.generate-popup[data-v-0476283b] .generate-view-back-top {
    z-index: 10
}

.generate-popup[data-v-0476283b] .el-dialog__body {
    background: #0a0b17;
    height: 100%;
    padding: 0
}

.generate-popup .generate-body[data-v-0476283b] {
    display: flex;
    height: 100%
}

.generate-popup .generate-body .generate-content[data-v-0476283b] {
    background: #12121d;
    display: flex;
    flex: 1;
    height: 99vh;
    position: relative
}

.generate-popup .generate-body .generate-content .generate-work[data-v-0476283b] {
    display: flex;
    flex: 1;
    flex-flow: column;
    overflow: auto
}

.generate-popup .generate-body .generate-content .generate-work .work-panel[data-v-0476283b] {
    flex: 1
}

.generate-popup .generate-body .generate-content .generate-work .channel-title[data-v-0476283b] {
    color: #fff;
    height: 46px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .title-handle[data-v-0476283b] {
    align-items: center;
    background: #141823;
    display: flex;
    justify-content: space-between;
    padding: 13px 16px 8px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-left[data-v-0476283b] {
    align-items: center;
    display: flex;
    flex: 1 0 auto
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-left .c-channel-search[data-v-0476283b] {
    margin-left: 10px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right[data-v-0476283b] {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .channel-num[data-v-0476283b] {
    color: #727888;
    cursor: pointer
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .channel-num i[data-v-0476283b] {
    margin-right: 5px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area[data-v-0476283b] {
    align-items: center;
    display: flex
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .base-btn[data-v-0476283b] {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 8px 20px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .base-btn + .base-btn[data-v-0476283b] {
    margin-left: 10px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn[data-v-0476283b] {
    background: #2d3441;
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 16px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn .post-btn-icon[data-v-0476283b] {
    font-size: 20px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn .post-btn-text[data-v-0476283b] {
    margin-left: 6px
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .cancel-btn[data-v-0476283b] {
    background: rgba(28, 29, 42, .6);
    border: 1px solid rgba(83, 90, 100, .5);
    color: #b2b1b7;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .next-step-btn[data-v-0476283b] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.floating-box {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 99
}

.floating-box .admin-off {
    border: 1px solid #191a27;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    margin-bottom: 12px;
    text-align: center;
    width: 40px
}

.floating-box .admin-off:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.floating-box .admin-off.open {
    background: #191a27;
    color: #fff
}

.floating-box .admin-off.open:before {
    display: none
}

.floating-box .item-tool {
    align-items: center;
    background: #191a27;
    border-radius: 50%;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 12px;
    position: relative;
    width: 40px
}

.floating-box .item-tool:last-child {
    margin-bottom: 0
}

.floating-box .item-tool.img {
    background: transparent;
    height: 55px
}

.floating-box .item-tool .img-container {
    height: auto;
    width: 72px
}

.floating-box .item-tool .svg-icon {
    height: 22px;
    width: 22px
}

.floating-box .item-tool.floating-tools-aihelp {
    position: relative
}

.floating-box .item-tool.floating-tools-aihelp .svg-icon {
    height: 70px;
    left: -15px;
    position: absolute;
    top: -4px;
    width: 70px
}

.floating-box .item-tool .sub-menu-container {
    bottom: 0;
    box-sizing: border-box;
    min-width: 140px;
    padding-right: 10px;
    position: absolute;
    right: 35px
}

.floating-box .item-tool .sub-menu-container .sub-menu {
    background: #191a27;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 6px
}

.floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu {
    align-items: center;
    box-sizing: border-box;
    color: #f2f5f9;
    display: flex;
    font-family: Helvetica-Regular, Helvetica;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    justify-items: flex-start;
    padding: 6px 5px;
    width: 100%
}

.floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div {
    height: 22px;
    margin-right: 10px;
    position: relative;
    width: 22px
}

.floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .svg-icon.floating-tools-aihelp {
    height: 70px;
    left: -24px;
    position: absolute;
    top: -14px;
    width: 70px
}

.floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .svg-icon.floating-tools-cooperation {
    height: 28px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 28px
}

.floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .words {
    white-space: nowrap
}

.business-transformation-dialog {
    z-index: 111111 !important
}

.business-transformation-dialog:after {
    background: rgba(0, 0, 0, .62);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.business-transformation-dialog > div {
    z-index: 1
}

.business-transformation-dialog.vip-dialog .el-dialog {
    height: 738px;
    margin-top: calc(50vh - 369px) !important;
    width: 914px
}

.business-transformation-dialog .el-dialog {
    background: transparent;
    box-sizing: border-box;
    height: 281px;
    margin-top: calc(50vh - 140px) !important;
    width: 260px
}

.business-transformation-dialog .el-dialog .el-dialog__header {
    display: none
}

.business-transformation-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits {
    background: url(/_nuxt/img/business-transformation-dialog-bg.4abb52d.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .close-icon {
    color: #909399;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: -30px;
    top: -30px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .top {
    height: 47px;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 171px;
    justify-content: center;
    padding: 0 18px;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content .title {
    color: #000;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content .desc {
    color: rgba(0, 0, 0, .8);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .btn {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600;
    height: calc(100% - 218px);
    justify-content: center;
    padding: 0 41px 26px 40px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .container-credits-btn {
    position: relative
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-credits .container-credits-btn .desc {
    background: url(/_nuxt/img/freeNowBg.3483e00.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 11px;
    font-weight: 600;
    height: 28px;
    left: 80%;
    line-height: 24px;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    text-overflow: ellipsis;
    top: -12px;
    transform: translateX(-50%);
    white-space: nowrap;
    width: 61px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip {
    background: #1c1c1e;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .close-icon {
    color: #8b9098;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 16px;
    top: 16px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img {
    background: url(/_nuxt/img/vipTransformation.be28b0d.webp) no-repeat;
    background-size: cover;
    border-radius: 16px 0 0 16px;
    height: 100%;
    position: relative;
    width: 350px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    margin-top: 23px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .img-box {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .img-box .vip-icon {
    height: 48px;
    width: 48px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-top {
    color: #fff;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 6px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-bottom {
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 3px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-bottom > span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#ffebd7, #f6b685);
    -webkit-background-clip: text
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content {
    align-content: flex-start;
    border-radius: 0 16px 16px 0;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content > .title {
    color: #fcfcfd;
    font-family: DM Sans-Bold, DM Sans;
    font-size: 22px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    margin-top: 35px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content > .desc {
    color: hsla(0, 0%, 100%, .7);
    font-family: Poppins-Regular, Poppins;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-top: 6px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms {
    background: #161617;
    border-radius: 16px;
    box-shadow: 0 64px 64px -48px rgba(31, 47, 70, .12);
    box-sizing: border-box;
    margin: 35px 40px 0;
    max-height: 200px;
    padding: 15px 10px;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term {
    box-sizing: border-box;
    color: #fefefe;
    font-family: Inter-Bold, Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term:last-child {
    margin-bottom: 0
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term.term-three .before, .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term.term-two .before {
    color: #fcfcfd
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .icon {
    color: #22d19d;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 4px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .before {
    color: #fefefe
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .point {
    color: #fefefe;
    margin: 0 3px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .after {
    color: #c7c2c2
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege {
    align-content: flex-start;
    background: url(../image/15544936-e39e-4962-b37c-369261d5cbee.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 336px;
    justify-content: center;
    margin-top: 20px;
    padding: 21px 45px 27px;
    width: 95%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .img {
    height: 100px;
    margin-top: 8px;
    width: 110px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .title {
    font-family: Inter-Bold, Inter;
    font-size: 16px;
    font-weight: 700;
    height: 19px;
    line-height: 19px;
    margin-top: 2px;
    text-align: center;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .title > span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(111deg, #d8baff, #b5e4ff);
    -webkit-background-clip: text
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content {
    line-height: 20px;
    margin-top: 10px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege {
    margin-bottom: 10px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege:last-child {
    margin-bottom: 0
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .before {
    color: #fcfcfd
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .line {
    color: #d0c9c9;
    margin: 0 5px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .after {
    color: #c7c2c2;
    word-break: keep-all
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer {
    display: flex;
    height: 48px;
    justify-content: center;
    margin-top: 5px;
    width: 100%
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .cancel {
    background: transparent;
    border: 0;
    border-radius: 12px;
    color: hsla(0, 0%, 99%, .3);
    font-size: 14px;
    height: 100%;
    width: 182px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .to-mall {
    background: linear-gradient(90deg, #ffecda, #f6b686);
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 -2px 1px 0 hsla(0, 0%, 100%, .6);
    color: #4d1f00;
    font-family: Inter-Bold, Inter;
    font-size: 15px;
    font-weight: 700;
    height: 100%;
    height: 46px;
    margin-left: 20px;
    position: relative;
    width: 269px
}

.business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .to-mall .desc {
    align-items: center;
    background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    padding: 12px 13px 0 0;
    position: absolute;
    right: -32px;
    top: -25px;
    white-space: wrap;
    width: 135px;
    word-break: keep-all
}

.btn[data-v-6af214c7] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-6af214c7]:hover {
    background-color: #f5f5f5
}

.btn[data-v-6af214c7]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-6af214c7] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-6af214c7] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-6af214c7] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-6af214c7]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-6af214c7]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-6af214c7] {
    color: #747f91
}

.text-right[data-v-6af214c7] {
    text-align: right
}

.m-b-20[data-v-6af214c7] {
    margin-bottom: 20px
}

.el-divider[data-v-6af214c7] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-6af214c7] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-6af214c7] {
    animation: shake-horizontal-6af214c7 .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-6af214c7 {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.email-login[data-v-6af214c7] {
    min-width: 343px
}

.email-login[data-v-6af214c7] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.email-login[data-v-6af214c7] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.email-login[data-v-6af214c7] .el-form-item__error {
    width: 325px
}

.email-login .text-btn[data-v-6af214c7] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.email-login .text-btn[data-v-6af214c7]:hover {
    color: #2982ff
}

.email-login .my-btn[data-v-6af214c7] {
    margin: 0
}

.btn[data-v-61bea1bd] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-61bea1bd]:hover {
    background-color: #f5f5f5
}

.btn[data-v-61bea1bd]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-61bea1bd] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-61bea1bd] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-61bea1bd] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-61bea1bd]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-61bea1bd]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-61bea1bd] {
    color: #747f91
}

.text-right[data-v-61bea1bd] {
    text-align: right
}

.m-b-20[data-v-61bea1bd] {
    margin-bottom: 20px
}

.el-divider[data-v-61bea1bd] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-61bea1bd] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-61bea1bd] {
    animation: shake-horizontal-61bea1bd .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-61bea1bd {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.phone-login[data-v-61bea1bd] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.phone-login[data-v-61bea1bd] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.phone-login[data-v-61bea1bd] .el-input .el-input-group__append, .phone-login[data-v-61bea1bd] .el-input .el-input-group__prepend {
    background: transparent;
    border: 1px solid #d3d3d3;
    color: #bbbbbd
}

.phone-login[data-v-61bea1bd] .el-input .el-input-group__append {
    border-left: 1px solid transparent
}

.phone-login[data-v-61bea1bd] .el-input .el-input-group__prepend {
    border-right: 1px solid transparent;
    color: #111
}

.phone-login .text-btn[data-v-61bea1bd] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.phone-login .text-btn[data-v-61bea1bd]:hover {
    color: #2982ff
}

.phone-login .my-btn[data-v-61bea1bd] {
    margin: 0
}

.phone-login .append-time-btn[data-v-61bea1bd] {
    max-width: 170px;
    min-width: 70px;
    padding: 12px 15px;
    width: auto
}

.phone-login .append-time-btn.able[data-v-61bea1bd] {
    color: #3f8dff
}

.send-email-content[data-v-0b33dad8] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.send-email-content[data-v-0b33dad8] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.send-email-content[data-v-0b33dad8] .el-input.is-disabled .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111;
    cursor: not-allowed
}

.btn[data-v-6470bfe4] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-6470bfe4]:hover {
    background-color: #f5f5f5
}

.btn[data-v-6470bfe4]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-6470bfe4] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-6470bfe4] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-6470bfe4] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-6470bfe4]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-6470bfe4]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-6470bfe4] {
    color: #747f91
}

.text-right[data-v-6470bfe4] {
    text-align: right
}

.m-b-20[data-v-6470bfe4] {
    margin-bottom: 20px
}

.el-divider[data-v-6470bfe4] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-6470bfe4] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-6470bfe4] {
    animation: shake-horizontal-6470bfe4 .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-6470bfe4 {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.register-input-content .my-btn[data-v-6470bfe4] {
    margin: 0
}

.register-input-content[data-v-6470bfe4] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.register-input-content[data-v-6470bfe4] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.btn[data-v-7a774e7a] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-7a774e7a]:hover {
    background-color: #f5f5f5
}

.btn[data-v-7a774e7a]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-7a774e7a] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-7a774e7a] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-7a774e7a] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-7a774e7a]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-7a774e7a]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-7a774e7a] {
    color: #747f91
}

.text-right[data-v-7a774e7a] {
    text-align: right
}

.m-b-20[data-v-7a774e7a] {
    margin-bottom: 20px
}

.el-divider[data-v-7a774e7a] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-7a774e7a] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-7a774e7a] {
    animation: shake-horizontal-7a774e7a .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-7a774e7a {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.send-email-content[data-v-7a774e7a] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.send-email-content[data-v-7a774e7a] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.send-email-content[data-v-7a774e7a] .el-input.is-disabled .el-input__inner {
    background: #596277
}

.send-email-content .my-btn[data-v-7a774e7a] {
    margin-bottom: 30px;
    margin-top: 20px
}

.send-email-content .my-select[data-v-7a774e7a] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #2a334c;
    border: 1px solid #3b4666;
    border-radius: 4px;
    color: #66748c;
    font-size: 16px;
    outline: none;
    padding: 8px 16px;
    width: 100%
}

.btn[data-v-610c630a] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-610c630a]:hover {
    background-color: #f5f5f5
}

.btn[data-v-610c630a]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-610c630a] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-610c630a] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-610c630a] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-610c630a]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-610c630a]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-610c630a] {
    color: #747f91
}

.text-right[data-v-610c630a] {
    text-align: right
}

.m-b-20[data-v-610c630a] {
    margin-bottom: 20px
}

.el-divider[data-v-610c630a] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-610c630a] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-610c630a] {
    animation: shake-horizontal-610c630a .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-610c630a {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.tag-view-content[data-v-610c630a] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    width: 100%
}

.tag-view-content .top-background[data-v-610c630a] {
    height: 129px;
    width: 100%
}

.tag-view-content .top-background .background-image[data-v-610c630a] {
    height: 100%;
    width: 100%
}

.tag-view-content .introduce[data-v-610c630a] {
    height: 90px;
    width: 100%
}

.tag-view-content .introduce .top-start[data-v-610c630a] {
    box-sizing: border-box;
    color: #f6f7fa;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-size: 20px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    margin: 26px 5px 8px;
    text-align: center;
    width: calc(100% - 10px)
}

.tag-view-content .introduce .bottom-info[data-v-610c630a] {
    box-sizing: border-box;
    color: #d0d5df;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 16px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.tag-view-content .tagView-form[data-v-610c630a] {
    box-sizing: border-box;
    height: calc(100% - 286px);
    overflow: auto;
    padding: 0 30.5px;
    width: 100%
}

.tag-view-content .tagView-form[data-v-610c630a] .el-form-item .el-form-item__label {
    color: #d5dbe5;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500
}

.tag-view-content .tagView-form .interestTag-wrap[data-v-610c630a] {
    height: 25vh;
    overflow: auto;
    padding-left: 10px
}

.tag-view-content .tagView-form .interestTag-wrap .tag-btn[data-v-610c630a] {
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 21px;
    color: #d8d9dc;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    overflow: hidden;
    text-align: center
}

.tag-view-content .tagView-form .tag-switch[data-v-610c630a] {
    height: 34px
}

.tag-view-content .tagView-form .tag-switch[data-v-610c630a] .el-switch__core {
    background-color: #4b5164;
    border-color: transparent;
    border-radius: 12px;
    height: 24px;
    width: 46px
}

.tag-view-content .tagView-form .tag-switch[data-v-610c630a] .el-switch__core:after {
    height: 20px;
    width: 20px
}

.tag-view-content .tagView-form .tag-switch[data-v-610c630a] .el-switch.is-checked .el-switch__core {
    background-color: #409eff
}

.tag-view-content .select-btn[data-v-610c630a] {
    height: 40px;
    margin: 10px 10px 0 0;
    transition: all .5s ease-in-out;
    width: 168px
}

.tag-view-content .zh-width[data-v-610c630a] {
    width: 118px
}

.tag-view-content .age-btn.selected[data-v-610c630a] {
    background-color: #409eff;
    color: #fff
}

.tag-view-content .age-btn[data-v-610c630a]:hover {
    background-color: #000;
    color: #fafad2
}

.tag-view-content .age-btn[data-v-610c630a]:active {
    background-color: red;
    color: #d3d3d3
}

.tag-view-content .tag-btn[data-v-610c630a] {
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #d8d9dc;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px 0 1px;
    transition: transform .2s ease-in-out
}

.tag-view-content .tag-btn.selected[data-v-610c630a] {
    background-clip: padding-box, border-box;
    background-color: #2d65cc;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    color: #fff;
    font-family: Arial-BoldMT, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.tag-view-content .tag-btn[data-v-610c630a]:hover {
    filter: brightness(1.2);
    transform: scale(1.1)
}

.tag-view-content .tag-btn[data-v-610c630a]:active {
    color: #d3d3d3
}

.tag-view-content .tag-btn .content[data-v-610c630a] {
    justify-content: flex-start
}

.tag-view-content .tag-btn .tag-img[data-v-610c630a] {
    border-radius: 50%;
    margin-right: 10px;
    width: 35px
}

.tag-view-content .tag-switch[data-v-610c630a] {
    height: 40px
}

.tag-view-content .tag-switch[data-v-610c630a] .el-form-item__error {
    width: 240px
}

.tag-view-content .term-text[data-v-610c630a] {
    color: #d5dbe5;
    font-size: 15px;
    height: 40px
}

.tag-view-content .my-btn[data-v-610c630a] {
    background: #141726;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    margin: 15px auto;
    overflow: hidden;
    width: 328px
}

.tag-view-content .my-btn[data-v-610c630a]:hover {
    background-color: #1d2539
}

.tag-view-content .my-btn[data-v-610c630a]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0
}

.tag-view-content[data-v-610c630a] .el-input .el-input__inner {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #111
}

.tag-view-content[data-v-610c630a] .el-input .el-input__inner:focus {
    border-color: #3f8dff
}

.lang-content[data-v-610c630a] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.lang-content .lang-content-select .custom-select[data-v-610c630a] {
    display: block
}

.btn[data-v-d5c33220] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-d5c33220]:hover {
    background-color: #f5f5f5
}

.btn[data-v-d5c33220]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-d5c33220] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-d5c33220] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-d5c33220] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-d5c33220]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-d5c33220]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-d5c33220] {
    color: #747f91
}

.text-right[data-v-d5c33220] {
    text-align: right
}

.m-b-20[data-v-d5c33220] {
    margin-bottom: 20px
}

.el-divider[data-v-d5c33220] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-d5c33220] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-d5c33220] {
    animation: shake-horizontal-d5c33220 .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-d5c33220 {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.btn[data-v-041d795e] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-041d795e]:hover {
    background-color: #f5f5f5
}

.btn[data-v-041d795e]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-041d795e] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-041d795e] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-041d795e] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-041d795e]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-041d795e]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-041d795e] {
    color: #747f91
}

.text-right[data-v-041d795e] {
    text-align: right
}

.m-b-20[data-v-041d795e] {
    margin-bottom: 20px
}

.el-divider[data-v-041d795e] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-041d795e] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-041d795e] {
    animation: shake-horizontal-041d795e .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-041d795e {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.facebook-login .fb-signin-button[data-v-041d795e] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.content[data-v-a2dca870] {
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 14px;
    padding: 0 30px;
    text-align: center
}

.content .txt[data-v-a2dca870] {
    color: #898989
}

.content .color[data-v-a2dca870] {
    color: #2982ff;
    font-weight: 450;
    -webkit-text-decoration: none;
    text-decoration: none
}

.btn[data-v-250945d1] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-250945d1]:hover {
    background-color: #f5f5f5
}

.btn[data-v-250945d1]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-250945d1] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-250945d1] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-250945d1] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-250945d1]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-250945d1]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-250945d1] {
    color: #747f91
}

.text-right[data-v-250945d1] {
    text-align: right
}

.m-b-20[data-v-250945d1] {
    margin-bottom: 20px
}

.el-divider[data-v-250945d1] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-250945d1] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-250945d1] {
    animation: shake-horizontal-250945d1 .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-250945d1 {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.login-page[data-v-250945d1] {
    background: #3e94ff;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    flex-direction: row-reverse;
    font-size: 14px;
    justify-content: center;
    max-height: 98vh;
    min-height: 81vh;
    overflow-y: auto;
    width: 1000px
}

.login-page.hide[data-v-250945d1] {
    background-color: transparent
}

.login-page .left-img[data-v-250945d1] {
    background-image: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 20px 0 0 20px;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: 500px
}

.login-page .left-img .info[data-v-250945d1] {
    left: 53%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.login-page .left-img .info .info-title[data-v-250945d1] {
    gap: 10px
}

.login-page .left-img .info .info-title img[data-v-250945d1] {
    height: 100px;
    width: 115px
}

.login-page .left-img .info .info-title .info-title-name[data-v-250945d1] {
    color: #fff;
    font-family: "Inter-Extra Bold", Inter, var(--font-family);
    font-size: 32px;
    font-weight: 400
}

.login-page .left-img .info .desc[data-v-250945d1] {
    gap: 24px;
    margin-top: 32px
}

.login-page .left-img .info .desc .desc-item[data-v-250945d1] {
    color: #fff
}

.login-page .left-img .info .desc .desc-item .dot[data-v-250945d1] {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    width: 6px
}

.login-page .left-img .info .desc .desc-item .item[data-v-250945d1] {
    font-family: "Inter-Regular", Inter, var(--font-family);
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    word-break: break-word
}

.login-page .login-card[data-v-250945d1] {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

.login-page .login-header .text-center .logo img[data-v-250945d1] {
    height: 60px;
    width: 60px
}

.login-page .login-form[data-v-250945d1] {
    margin: 0 auto;
    width: 343px
}

.login-page .login-form.wide[data-v-250945d1] {
    width: 40vw
}

.login-page .text-title[data-v-250945d1] {
    min-height: 80px
}

.login-page .text-title .title[data-v-250945d1] {
    align-items: center;
    color: #e9eef8;
    display: flex;
    flex-wrap: nowrap;
    font-size: 34px;
    font-weight: 500;
    justify-content: center;
    line-height: 48px;
    margin: 10px auto
}

.login-page .text-title .title .beta[data-v-250945d1] {
    background: #364a68;
    border: 1px solid #2e4674;
    border-radius: 4px;
    color: #fff;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
    right: 119px;
    width: 58px
}

.login-page .text-title .title a[data-v-250945d1] {
    cursor: alias
}

.login-page .text-title .up-text[data-v-250945d1] {
    color: #8791a6;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 10px 0 0
}

.login-page .text-title .set-password-text[data-v-250945d1] {
    background: rgba(235, 238, 245, .078);
    border-radius: 4px;
    color: #fff;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    letter-spacing: 0;
    line-height: 48px;
    margin: 0 auto;
    width: 343px
}

.login-page .login-buttons[data-v-250945d1] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    padding: 0 50px
}

.login-page .login-buttons .divider[data-v-250945d1] {
    background-color: #e6e8ec;
    margin: 30px 0
}

.login-page .login-buttons .divider .el-divider__text[data-v-250945d1] {
    background-color: transparent
}

.login-page .login-buttons .divider .line[data-v-250945d1] {
    background-color: transparent;
    background: #fff;
    border: 1px solid #f0f1f4;
    border-radius: 50%;
    color: #6d6d6d;
    display: inline-block;
    font-size: 10px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px
}

.login-page .login-footer[data-v-250945d1] {
    bottom: 5px;
    font-size: 14px;
    position: absolute;
    right: 6px
}

.login-page .login-home[data-v-250945d1] {
    position: absolute;
    right: 6px;
    top: 5px
}

.login-page .el-card[data-v-250945d1] {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 0 20px 20px 0;
    color: #111;
    display: flex;
    overflow-y: auto;
    position: relative
}

.login-page .el-card[data-v-250945d1] .el-card__body {
    padding: 10px 20px
}

.login-page .el-card.wide-card[data-v-250945d1] {
    background: #0f0f17;
    border: 1px solid #2e2e35;
    border-radius: 10px;
    width: 641px
}

.login-page .el-card.wide-card[data-v-250945d1] .el-card__body {
    height: 100%;
    padding: 0
}

.login-page .el-card.wide-card[data-v-250945d1] .el-card__body .login-form {
    height: 100%;
    margin: 0;
    width: 100%
}

.login-page .el-card .close-icon[data-v-250945d1] {
    color: #c0c4cc;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 25px
}

.login-page[data-v-250945d1] .el-form-item {
    margin-bottom: 5px !important
}

.login-page[data-v-250945d1] .el-form-item .el-form-item__label {
    color: #111;
    padding: 0
}

a[data-v-250945d1] {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.btn[data-v-26a2befc] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-26a2befc]:hover {
    background-color: #f5f5f5
}

.btn[data-v-26a2befc]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-26a2befc] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-26a2befc] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-26a2befc] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-26a2befc]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-26a2befc]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-26a2befc] {
    color: #747f91
}

.text-right[data-v-26a2befc] {
    text-align: right
}

.m-b-20[data-v-26a2befc] {
    margin-bottom: 20px
}

.el-divider[data-v-26a2befc] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-26a2befc] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-26a2befc] {
    animation: shake-horizontal-26a2befc .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-26a2befc {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.login-popup[data-v-26a2befc] {
    overflow: hidden
}

.login-popup[data-v-26a2befc] .el-dialog {
    background: none;
    box-shadow: none;
    left: 50%;
    margin-top: 0 !important;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.login-popup[data-v-26a2befc] .el-dialog .el-dialog__header {
    display: none
}

a[data-v-26a2befc] {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

.head-bar[data-v-298cf030] {
    background: #1a1d1f;
    border: 1px solid hsla(0, 0%, 100%, .08);
    box-sizing: border-box;
    height: 72px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    min-height: 72px;
    padding: 0 24px;
    width: 100%
}

.head-bar .head-bar-content[data-v-298cf030], .head-bar[data-v-298cf030] {
    align-items: center;
    display: flex
}

.head-bar .head-bar-logo[data-v-298cf030] {
    height: 32px;
    width: 32px
}

.head-bar .head-bar-title[data-v-298cf030] {
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 17px;
    font-weight: 600;
    margin-left: 8px
}

.head-bar .head-bar-icon[data-v-298cf030] {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    margin-left: 39px
}

.head-bar .avatar[data-v-298cf030] {
    align-items: center;
    border-radius: 50%;
    color: #212121;
    display: flex;
    font-size: 14px;
    height: 28px;
    justify-content: center;
    max-height: 28px;
    max-width: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px
}

.head-bar .avatar img[data-v-298cf030] {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.head-bar .avatar-color[data-v-298cf030] {
    background-color: #e9e9e9
}

.head-bar .name-text[data-v-298cf030] {
    color: #9293a5;
    font-family: Inter-Semi Bold, Inter;
    font-size: 14px;
    font-weight: 400;
    margin-left: 13px
}

.creative-center-menu[data-v-183a4b5b] {
    background: #1a1d1f;
    box-sizing: border-box;
    min-width: 207px;
    padding: 30px 16px
}

.creative-center-menu .creative-center-menu-item-icon[data-v-183a4b5b] {
    margin-right: 12px
}

.creative-center-menu[data-v-183a4b5b] .el-menu {
    background: transparent;
    border: 0
}

.creative-center-menu[data-v-183a4b5b] .el-menu svg {
    font-size: 20px;
    margin-right: 15px;
    vertical-align: text-top
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-menu-item.is-active {
    background: #1e2e57;
    color: #fff
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-menu-item, .creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu__title {
    color: #e9eef8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-menu-item:focus, .creative-center-menu[data-v-183a4b5b] .el-menu .el-menu-item:hover, .creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu__title:focus, .creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu__title:hover {
    background: #1e2e57
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu {
    box-sizing: border-box
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu .el-menu {
    padding: 0 10px
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu .el-menu-item {
    color: #a8b4cc;
    height: 40px;
    line-height: 40px
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu .el-menu-item.is-active {
    background: #1e2e57;
    border: 1px solid #475e95;
    border-radius: 6px;
    color: #fff
}

.creative-center-menu[data-v-183a4b5b] .el-menu .el-submenu .el-menu-item:hover {
    background: #131d36;
    color: #e9eef8
}

.handle-text-upload .upload-area {
    height: 400px;
    position: relative;
    width: 100%
}

.handle-text-upload .upload-area .image-upload {
    height: 100%;
    width: 100%
}

.handle-text-upload .upload-area .el-upload {
    display: block;
    height: 100%
}

.handle-text-upload .upload-area .el-upload-dragger {
    align-items: center;
    background: #1a1d1f;
    border: 1px dashed #51575f;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.handle-text-upload .upload-area .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.handle-text-upload .upload-area .el-upload-dragger .image-upload-icon {
    color: #fcfcfc;
    font-size: 32px;
    margin: 0
}

.handle-text-upload .upload-area .el-upload__text_1 {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin: 14px 0
}

.handle-text-upload .upload-area .el-upload__text_2 {
    color: #6f767e;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500
}

.handle-text-upload .upload-area .el-upload__btn-box {
    margin-top: 16px
}

.handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 6px;
    color: #fcfcfc;
    cursor: pointer;
    display: inline-flex;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 14px
}

.handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient {
    background: transparent;
    box-sizing: border-box;
    position: relative
}

.handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient .upload-box-btn-inner {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500
}

.handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient:before {
    background: linear-gradient(81deg, #3f8fff, #21feff) border-box;
    border: 1px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    -webkit-mask: linear-gradient(#fff, #fff 0) padding-box, linear-gradient(#fff, #fff 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    width: 100%
}

.handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn + .upload-box-btn {
    margin-left: 12px
}

.handle-text-upload .upload-describe-wrapper {
    display: flex;
    margin-top: 10px
}

.handle-text-upload .upload-describe-wrapper .upload-describe-area-item {
    background: #1a1d1f;
    border: 2px solid #272b30;
    border-radius: 12px;
    box-sizing: border-box;
    flex: 1;
    height: 130px;
    opacity: 1;
    padding-top: 32px;
    text-align: center
}

.handle-text-upload .upload-describe-wrapper .upload-describe-area-item p {
    color: #fcfcfc;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 8px
}

.handle-text-upload .upload-describe-wrapper .upload-describe-area-item div {
    color: #6f767e;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.handle-text-upload .upload-describe-wrapper .upload-describe-area-item-margin {
    margin: 0 10px
}

.handle-video-upload .upload-area {
    height: 400px;
    position: relative;
    width: 100%
}

.handle-video-upload .upload-area .image-upload {
    height: 100%;
    width: 100%
}

.handle-video-upload .upload-area .el-upload {
    display: block;
    height: 100%
}

.handle-video-upload .upload-area .el-upload-dragger {
    align-items: center;
    background: #1a1d1f;
    border: 1px dashed #51575f;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.handle-video-upload .upload-area .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.handle-video-upload .upload-area .el-upload-dragger .image-upload-icon {
    color: #fcfcfc;
    font-size: 32px;
    margin: 0
}

.handle-video-upload .upload-area .el-upload__text_1 {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin: 14px 0
}

.handle-video-upload .upload-area .el-upload__text_2 {
    color: #6f767e;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500
}

.handle-video-upload .upload-area .el-upload__btn-box {
    margin-top: 16px
}

.handle-video-upload .upload-area .el-upload__btn-box .upload-box-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 6px;
    color: #fcfcfc;
    cursor: pointer;
    display: inline-flex;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 14px
}

.handle-video-upload .upload-area .el-upload__btn-box .upload-box-btn + .upload-box-btn {
    margin-left: 12px
}

.handle-video-upload .upload-describe-wrapper {
    display: flex;
    margin-top: 10px
}

.handle-video-upload .upload-describe-wrapper .upload-describe-area-item {
    background: #1a1d1f;
    border: 2px solid #272b30;
    border-radius: 12px;
    box-sizing: border-box;
    flex: 1;
    height: 130px;
    opacity: 1;
    padding-top: 32px;
    text-align: center
}

.handle-video-upload .upload-describe-wrapper .upload-describe-area-item p {
    color: #fcfcfc;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 8px
}

.handle-video-upload .upload-describe-wrapper .upload-describe-area-item div {
    color: #6f767e;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.handle-video-upload .upload-describe-wrapper .upload-describe-area-item-margin {
    margin: 0 10px
}

.upload-image-item[data-v-61c79253] {
    background: #272b30;
    border-radius: 12px;
    padding: 12px
}

.upload-image-item .upload-content[data-v-61c79253] {
    gap: 10px;
    max-height: 670px;
    overflow-y: auto
}

.upload-image-item .upload-image[data-v-61c79253] {
    height: 160px;
    width: 160px
}

.upload-image-item .upload-image-btn[data-v-61c79253] {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border: 1px dashed #8b9098;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 160px;
    justify-content: center;
    width: 160px
}

.upload-image-item .upload-image-btn .upload-image-btn-text[data-v-61c79253] {
    color: #777e91;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px
}

.upload-image-item .clear[data-v-61c79253] {
    align-self: flex-end;
    color: #94a3b8
}

.upload-image-item[data-v-61c79253] .el-upload {
    display: block
}

.upload-image-item[data-v-61c79253] .el-upload-dragger {
    align-items: center;
    background: transparent;
    border: 1px dashed #8b9098;
    display: flex;
    height: 160px;
    justify-content: center;
    width: 100%
}

.upload-image-item i[data-v-61c79253] {
    color: #b6b8be;
    font-size: 18px
}

.upload-image-item .upload-tips[data-v-61c79253] {
    display: inline-block;
    margin-left: 15px;
    text-align: left
}

.upload-image-item .upload-tips p[data-v-61c79253] {
    color: #b6b8be;
    font-size: 16px;
    line-height: normal;
    margin: 0
}

.upload-image-item .upload-tips p[data-v-61c79253]:last-child {
    color: #a6a8ae;
    font-size: 12px
}

.upload-image-item .image-item[data-v-61c79253] {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
    gap: 5px;
    height: 160px;
    position: relative;
    width: 160px
}

.upload-image-item .image-item .img-handle[data-v-61c79253] {
    position: absolute;
    right: 5px;
    top: 0;
    visibility: hidden;
    z-index: 3
}

.upload-image-item .image-item .img-handle i[data-v-61c79253] {
    border-radius: 3px;
    box-sizing: border-box;
    color: #ff6b6b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700
}

.upload-image-item .image-item img[data-v-61c79253], .upload-image-item .image-item video[data-v-61c79253] {
    border-radius: 5px;
    cursor: pointer;
    display: inherit;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.upload-image-item .image-item .loading > div[data-v-61c79253], .upload-image-item .image-item .loading[data-v-61c79253] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.upload-image-item .image-item .loading > div[data-v-61c79253] {
    display: table;
    margin: auto;
    z-index: 2
}

.upload-image-item .image-item .loading[data-v-61c79253]:after {
    background: #ccc;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.upload-image-item .image-item .params-null[data-v-61c79253] {
    background: #1e2435;
    bottom: 0;
    color: #fff;
    display: table;
    left: 0;
    margin: auto;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0
}

.upload-image-item .image-item:hover .img-handle[data-v-61c79253] {
    visibility: visible
}

.c-post-form .el-input__inner, .c-post-form .el-textarea__inner {
    background: #161819 !important;
    border: 1px solid #272b30 !important;
    border-radius: 6px;
    color: #cbd5e1 !important
}

.c-post-form .title-input .el-input__inner {
    padding-right: 50px
}

.c-post-form .el-textarea__inner {
    max-height: 300px !important;
    min-height: 90px !important
}

.c-post-form .el-input__count {
    background: transparent !important
}

.c-post-form .el-textarea .el-input__count {
    background: #161819 !important;
    border-radius: 12px;
    bottom: 5px;
    color: #c0c4cc;
    font-size: 14px;
    line-height: 14px;
    padding: 4px;
    position: absolute;
    right: 12px;
    text-align: right
}

.c-post-form .el-input__count-inner {
    background-color: transparent !important
}

.c-post-form .el-form-item {
    margin-bottom: 12px !important
}

.c-post-form .show-tag {
    background: #0f1021;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px !important
}

.c-post-form .show-tag ::v-deep .el-select__tags {
    flex-wrap: nowrap;
    max-width: 140px !important
}

.c-post-form .show-tag .el-tag {
    background: #2e385e;
    border-color: transparent;
    border-radius: 6px;
    color: #fff;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    line-height: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.c-post-form .show-tag .el-tag__close {
    background-color: #3a4e92;
    color: #fff
}

.c-post-form .show-tag .el-input__inner {
    background: #0a0b17;
    border: none !important;
    border-radius: 6px
}

.c-post-form .links {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-bottom: 10px
}

.c-post-form .links .el-icon-circle-plus-outline, .c-post-form .links .el-icon-remove-outline {
    color: #fff;
    cursor: pointer
}

.handle-text-edit .handle-text-edit-header[data-v-46617402] {
    align-items: center;
    background: #1a1d1f;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    display: flex;
    height: 55px;
    justify-content: space-between;
    padding: 0 30px;
    width: 100%
}

.handle-text-edit .header-item[data-v-46617402] {
    align-items: center;
    display: flex
}

.handle-text-edit .header-item .header-item-border[data-v-46617402] {
    background: #3177da;
    border-radius: 4px;
    height: 25px;
    width: 6px
}

.handle-text-edit .header-item .header-item-text[data-v-46617402] {
    color: #f7fbfa;
    font-family: Arial-Bold, Arial;
    font-size: 20px;
    font-weight: 700;
    margin-left: 8px
}

.handle-text-edit .header-item .header-item-btn[data-v-46617402] {
    background: #2d3446;
    border: 1px solid #353e57;
    border-radius: 8px;
    color: #fcfcfc;
    cursor: pointer;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 32px
}

.handle-text-edit .header-item .header-item-btn-gradient[data-v-46617402] {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.handle-text-edit .header-item .header-item-btn + .header-item-btn[data-v-46617402] {
    margin-left: 12px
}

.handle-text-edit .handle-text-edit-content[data-v-46617402] {
    background: #1a1d1f;
    padding: 27px 30px
}

.handle-text-edit .top-tips[data-v-46617402] {
    align-items: center;
    display: flex
}

.handle-text-edit .top-tips .tips-select-count[data-v-46617402] {
    color: hsla(0, 0%, 100%, .7);
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.handle-text-edit .top-tips .tips-select-info-tips[data-v-46617402] {
    color: #777e90;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 16px;
    font-weight: 400;
    margin-left: 8px
}

.handle-text-edit .top-tips .tips-select-desc-text[data-v-46617402] {
    margin-left: 8px
}

.handle-text-edit .pick-result-box[data-v-46617402] {
    margin-bottom: 26px;
    margin-top: 21px
}

.c-video-cover-edit-modal {
    background: #1a1d1f;
    position: relative;
    width: 100%
}

.c-video-cover-edit-modal ::v-deep .el-dialog {
    background: none
}

.c-video-cover-edit-modal ::v-deep .generate-view-back-top {
    z-index: 10
}

.c-video-cover-edit-modal .el-dialog__title {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 16px;
    font-weight: 500
}

.c-video-cover-edit-modal ::v-deep .el-dialog__body {
    background: #1a1d1f;
    height: 100%;
    padding: 0
}

.c-video-cover-edit-modal .video-cover-edit-modal-header {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    display: flex;
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 24px;
    width: 100%
}

.c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item {
    align-items: center;
    color: #686a6c;
    cursor: pointer;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    padding: 12px 24px;
    position: relative
}

.c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item:after {
    background: #f7fbfa;
    border-radius: 1px;
    bottom: 0;
    content: "";
    display: none;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 65%
}

.c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item-active {
    color: #f7fbfa;
    font-family: Arial-Bold, Arial;
    font-size: 15px;
    font-weight: 700
}

.c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item-active:after {
    display: block
}

.c-video-cover-edit-modal .image-upload {
    background: #272b30;
    height: 100%;
    height: 350px;
    width: 100%
}

.c-video-cover-edit-modal .el-upload {
    display: block;
    height: 100%
}

.c-video-cover-edit-modal .el-upload-dragger {
    align-items: center;
    background: #1a1d1f;
    border: 1px dashed #51575f;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.c-video-cover-edit-modal .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.c-video-cover-edit-modal .el-upload-dragger .image-upload-icon {
    color: #fcfcfc;
    font-size: 32px;
    margin: 0
}

.c-video-cover-edit-modal .el-upload__text_1 {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin: 14px 0
}

.c-video-cover-edit-modal .el-upload__text_2 {
    color: #6f767e;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500
}

.c-video-cover-edit-modal .el-upload__btn-box {
    margin-top: 16px
}

.c-video-cover-edit-modal .el-upload__btn-box .upload-box-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 6px;
    color: #fcfcfc;
    cursor: pointer;
    display: inline-flex;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 14px
}

.c-video-cover-edit-modal .el-upload__btn-box .upload-box-btn + .upload-box-btn {
    margin-left: 12px
}

.c-video-cover-edit-modal .result-show {
    align-items: center;
    background: #272b30;
    border-radius: 12px;
    display: flex;
    height: 350px;
    justify-content: center;
    width: 552px
}

.c-video-cover-edit-modal .cover-img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-video-cover-edit-modal .re-upload {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.c-video-cover-edit-modal .re-upload .re-upload-icon {
    color: #3e95ff;
    font-size: 20px
}

.c-video-cover-edit-modal .re-upload .re-upload-text {
    color: #3e95ff;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px
}

.c-video-cover-edit-modal .video-cover-edit-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-video-cover-edit-modal .bottom-btn-box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-btn {
    background: #2d3446;
    border: 1px solid #353e57;
    border-radius: 8px;
    color: #fcfcfc;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 32px
}

.c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-gradient {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-btn + .bottom-btn-box-btn {
    margin-left: 8px
}

.handle-video-edit .handle-video-edit-header[data-v-6db4073a] {
    align-items: center;
    background: #1a1d1f;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    display: flex;
    height: 55px;
    justify-content: space-between;
    padding: 0 30px;
    width: 100%
}

.handle-video-edit .header-item[data-v-6db4073a] {
    align-items: center;
    display: flex
}

.handle-video-edit .header-item .header-item-border[data-v-6db4073a] {
    background: #3177da;
    border-radius: 4px;
    height: 25px;
    width: 6px
}

.handle-video-edit .header-item .header-item-text[data-v-6db4073a] {
    color: #f7fbfa;
    font-family: Arial-Bold, Arial;
    font-size: 20px;
    font-weight: 700;
    margin-left: 8px
}

.handle-video-edit .header-item .header-item-btn[data-v-6db4073a] {
    background: #2d3446;
    border: 1px solid #353e57;
    border-radius: 8px;
    color: #fcfcfc;
    cursor: pointer;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 32px
}

.handle-video-edit .header-item .header-item-btn-gradient[data-v-6db4073a] {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.handle-video-edit .header-item .header-item-btn + .header-item-btn[data-v-6db4073a] {
    margin-left: 12px
}

.handle-video-edit .handle-text-edit-content[data-v-6db4073a] {
    background: #1a1d1f;
    display: flex;
    padding: 27px 30px
}

.handle-video-edit .handle-text-edit-content-left[data-v-6db4073a] {
    flex: 1;
    max-width: 832px
}

.handle-video-edit .handle-text-edit-content-left .content-left-title[data-v-6db4073a] {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 18px;
    font-weight: 500
}

.handle-video-edit .handle-text-edit-content-left .content-main[data-v-6db4073a] {
    align-items: center;
    display: flex;
    margin-bottom: 22px;
    margin-top: 10px
}

.handle-video-edit .handle-text-edit-content-left .content-main-cover-box[data-v-6db4073a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-box[data-v-6db4073a] {
    background: #444549;
    border-radius: 6px;
    height: 116px;
    width: 87px
}

.handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-box .cover-image[data-v-6db4073a] {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-title[data-v-6db4073a] {
    color: #6f767e;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px
}

.handle-video-edit .handle-text-edit-content-left .content-main-text-box[data-v-6db4073a] {
    flex: 1;
    margin-left: 16px
}

.handle-video-edit .handle-text-edit-content-left .content-main-text-box .main-title[data-v-6db4073a] {
    color: #fcfcfc;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    padding-right: 16px
}

.handle-video-edit .handle-text-edit-content-left .content-main-text-box .sub-title[data-v-6db4073a] {
    color: #6f767e;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    padding-right: 16px
}

.handle-video-edit .handle-text-edit-content-left .content-main-btn-box[data-v-6db4073a] {
    flex: 0 0 auto
}

.handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn[data-v-6db4073a] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 12px 20px;
    position: relative
}

.handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn .content-main-btn-text[data-v-6db4073a] {
    color: #fcfcfc;
    font-family: Inter-Bold, Inter;
    font-size: 14px;
    font-weight: 700
}

.handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn[data-v-6db4073a]:before {
    background: linear-gradient(81deg, #3f8fff, #21feff) border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    content: "";
    display: block;
    height: 100%;
    -webkit-mask: linear-gradient(#fff, #fff 0) padding-box, linear-gradient(#fff, #fff 0);
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    width: 100%
}

.handle-video-edit .handle-text-edit-content-right[data-v-6db4073a] {
    margin-left: 42px
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap[data-v-6db4073a] {
    background: #000;
    border: 10px solid #252829;
    border-radius: 12px;
    height: 481px;
    opacity: 1;
    width: 258px
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap .video-preview-wrap-video[data-v-6db4073a] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips[data-v-6db4073a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div[data-v-6db4073a] {
    color: #ff6a6a;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div span[data-v-6db4073a] {
    color: #ff6a6a;
    font-size: 24px
}

.handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div[data-v-6db4073a]:last-child {
    margin-top: 10px
}

.handle-video-edit .cancel-btn[data-v-6db4073a] {
    color: #fcfcfc;
    cursor: pointer;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin-top: 16px;
    text-align: center
}

.handle-video-edit .refresh-btn[data-v-6db4073a] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.handle-video-edit .refresh-btn .re-upload-icon[data-v-6db4073a] {
    color: #3e95ff;
    font-size: 20px
}

.handle-video-edit .refresh-btn .re-upload-text[data-v-6db4073a] {
    color: #3e95ff;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px
}

.c-creative-center-popup[data-v-739317a1] .el-dialog {
    background: none
}

.c-creative-center-popup[data-v-739317a1] .el-dialog .el-dialog__header {
    display: none
}

.c-creative-center-popup[data-v-739317a1] .generate-view-back-top {
    z-index: 10
}

.c-creative-center-popup[data-v-739317a1] .el-dialog__body {
    background: #1a1d1f;
    height: 100%;
    padding: 0
}

.c-creative-center-popup .creative-center-body[data-v-739317a1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.c-creative-center-popup .creative-center-body .main-content[data-v-739317a1] {
    display: flex;
    flex: 1
}

.c-creative-center-popup .creative-center-body .creative-center-content[data-v-739317a1] {
    flex: 1
}

.c-creative-center-popup .creative-center-body .creative-center-content-container[data-v-739317a1] {
    background: #111315;
    display: flex;
    flex: 1;
    justify-content: center
}

.c-creative-center-popup .creative-center-body .creative-center-content[data-v-739317a1] {
    box-sizing: border-box;
    max-width: 1184px
}

.c-creative-center-popup .creative-center-body .container-header[data-v-739317a1] {
    background: #1a1d1f;
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px 12px 0 0;
    display: flex;
    flex: 1;
    font-size: 20px;
    font-weight: 900;
    height: 55px;
    margin-bottom: 24px;
    opacity: 1
}

.c-creative-center-popup .creative-center-body .container-header-tab[data-v-739317a1] {
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 24px;
    width: 100%
}

.c-creative-center-popup .creative-center-body .tab-item[data-v-739317a1] {
    align-items: center;
    color: #686a6c;
    cursor: pointer;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    padding: 12px 24px;
    position: relative
}

.c-creative-center-popup .creative-center-body .tab-item[data-v-739317a1]:after {
    background: #f7fbfa;
    border-radius: 1px;
    bottom: 0;
    content: "";
    display: none;
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 65%
}

.c-creative-center-popup .creative-center-body .tab-item-active[data-v-739317a1] {
    color: #f7fbfa;
    font-family: Arial-Bold, Arial;
    font-size: 15px;
    font-weight: 700
}

.c-creative-center-popup .creative-center-body .tab-item-active[data-v-739317a1]:after {
    display: block
}

.c-creative-center-popup .creative-center-body .uploader-container[data-v-739317a1] {
    flex: 1;
    width: 100%
}

.CollectMsgBox[data-v-2e71f61d] {
    background: #fff;
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px;
    bottom: -100%;
    box-sizing: border-box;
    height: 52px;
    justify-content: space-between;
    left: 50%;
    opacity: 0;
    opacity: 1;
    padding: 0 24px;
    position: fixed;
    transform: translateX(-50%);
    transition: all .5s;
    width: 402px;
    z-index: 3
}

.CollectMsgBox div[data-v-2e71f61d], .CollectMsgBox[data-v-2e71f61d] {
    align-items: center;
    display: flex
}

.CollectMsgBox div i[data-v-2e71f61d] {
    font-size: 15px
}

.CollectMsgBox div span[data-v-2e71f61d] {
    font-size: 14px
}

.CollectMsgBox .left[data-v-2e71f61d] {
    color: #3d3d3d
}

.CollectMsgBox .left i[data-v-2e71f61d] {
    margin-right: 5px
}

.CollectMsgBox .right[data-v-2e71f61d] {
    color: #f56c6c;
    cursor: pointer
}

.CollectMsgBox .right i[data-v-2e71f61d] {
    margin-left: 5px
}

.set-tag-modal .show-tag {
    background: #0f1021;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.set-tag-modal .show-tag ::v-deep .el-select__tags {
    flex-wrap: nowrap;
    max-width: 140px !important
}

.set-tag-modal .show-tag .el-tag {
    background: #2e385e;
    border-color: transparent;
    border-radius: 6px;
    color: #fff;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    line-height: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.set-tag-modal .show-tag .el-tag__close {
    background-color: #3a4e92;
    color: #fff
}

.set-tag-modal .show-tag .el-input__inner {
    background: #0a0b17;
    border: 0;
    border-radius: 10px
}

.set-tag-modal .el-select__tags {
    max-width: 90% !important;
    width: 90% !important
}

.make-digital-process-modal {
    background: #24262a;
    border-radius: 20px;
    height: 517px
}

.make-digital-process-modal .el-dialog__header {
    display: none
}

.make-digital-process-modal .el-dialog__body {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 100%
}

.make-digital-process-modal .result-box {
    align-items: center;
    display: flex;
    flex-direction: column
}

.make-digital-process-modal .result-box .result-box-icon {
    height: 90px;
    width: 93px
}

.make-digital-process-modal .result-box .result-box-icon img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.make-digital-process-modal .result-box .result-box-title-1 {
    color: #22d19d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin-top: 14px
}

.make-digital-process-modal .result-box .result-box-title-2 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.make-digital-process-modal .result-box .result-box-confirm-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 12px;
    color: #fcfcfd;
    cursor: pointer;
    display: flex;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 700;
    height: 58px;
    justify-content: center;
    margin-top: 67px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 224px
}

.make-digital-process-modal .result-box .result-box-remake-btn {
    margin-top: 28px
}

.make-digital-process-modal .process-box .process-box-title1 {
    color: #22d19d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.make-digital-process-modal .process-box .process-box-title2 {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px;
    text-align: center
}

.make-digital-process-modal .process-box .process-box-main {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.make-digital-process-modal .process-box .process-box-main .el-progress__text {
    color: #fff !important;
    font-family: Inter !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

.make-digital-process-modal .process-box .message-process-loading-span {
    display: inline-block;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    vertical-align: -.25ex
}

.make-digital-process-modal .process-box .message-process-loading-span:before {
    animation: dotdotdot 3s step-start infinite both;
    content: "...\a..\a.";
    display: block;
    white-space: pre-wrap
}

@keyframes dotdotdot {
    33% {
        transform: translateY(-2em)
    }
    66% {
        transform: translateY(-1em)
    }
}

.make-digital-process-modal .make-digital-process-modal-close {
    align-items: center;
    background: #1a202f;
    border-radius: 20px;
    color: #f7fbfa;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    position: absolute;
    right: 36px;
    top: 28px;
    width: 44px
}

.make-digital-process-modal .make-digital-process-modal-close i {
    color: #f7fbfa;
    font-size: 18px
}

.make-digital-process-modal .make-digital-process-modal-close:hover {
    background: #1a1e2b
}

.make-digital-process-modal2 {
    height: 387px
}

@media (min-width: 0)and (max-width: 430px) {
    html[data-v-42088e63] {
        font-size: 10px
    }
}

.justify-center[data-v-42088e63] {
    justify-content: center
}

.justify-between[data-v-42088e63] {
    justify-content: space-between
}

.justify-start[data-v-42088e63] {
    justify-content: flex-start
}

.justify-end[data-v-42088e63] {
    justify-content: flex-end
}

.items-baseline[data-v-42088e63] {
    align-items: baseline
}

.items-center[data-v-42088e63] {
    align-items: center
}

.items-end[data-v-42088e63] {
    align-items: flex-end
}

.item-stretch[data-v-42088e63] {
    align-items: stretch
}

.flex-wrap[data-v-42088e63] {
    flex-wrap: wrap
}

.flex-col[data-v-42088e63] {
    flex-direction: column
}

.flex-1[data-v-42088e63] {
    flex: 1 1 0%
}

.inline-flex[data-v-42088e63] {
    display: inline-flex
}

.h-full[data-v-42088e63] {
    height: 100%
}

.w-full[data-v-42088e63] {
    width: 100%
}

.mx-auto[data-v-42088e63] {
    margin-left: auto;
    margin-right: auto
}

.no-m[data-v-42088e63] {
    margin: 0
}

.no-p[data-v-42088e63] {
    padding: 0
}

.no-m-t[data-v-42088e63] {
    margin-top: 0
}

.no-m-b[data-v-42088e63] {
    margin-bottom: 0
}

.text-center[data-v-42088e63] {
    text-align: center
}

.text-right[data-v-42088e63] {
    text-align: right
}

.ud-line[data-v-42088e63] {
    text-decoration-line: underline
}

.text-no-wrap[data-v-42088e63] {
    white-space: nowrap
}

.text-no-wrap-2[data-v-42088e63], .text-no-wrap[data-v-42088e63] {
    overflow: hidden;
    text-overflow: ellipsis
}

.text-no-wrap-2[data-v-42088e63] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.f-12[data-v-42088e63] {
    font-size: 12px
}

.flex[data-v-42088e63], .flex_wrap[data-v-42088e63] {
    display: flex
}

.flex_wrap[data-v-42088e63] {
    flex-wrap: wrap
}

.flex_b[data-v-42088e63] {
    align-items: flex-end;
    display: flex
}

.flex_tb[data-v-42088e63], .flex_tb_c[data-v-42088e63] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex_tb_c[data-v-42088e63] {
    align-items: center
}

.flex_line_c[data-v-42088e63], .flex_line_c_m[data-v-42088e63] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.flex_line_c_m[data-v-42088e63] {
    justify-content: center
}

.flex_line_end[data-v-42088e63] {
    display: flex;
    flex-direction: column-reverse
}

.flex_lr[data-v-42088e63], .flex_lr_m[data-v-42088e63] {
    display: flex;
    justify-content: space-between
}

.flex_lr_m[data-v-42088e63] {
    align-items: center
}

.flex_c_m[data-v-42088e63] {
    justify-content: center
}

.flex_c_m[data-v-42088e63], .flex_cm_l[data-v-42088e63] {
    align-items: center;
    display: flex
}

.flex_cm_l[data-v-42088e63] {
    justify-content: flex-start
}

.flex_cm_r[data-v-42088e63] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.flex_c[data-v-42088e63] {
    display: flex;
    justify-content: center
}

.flex_m[data-v-42088e63] {
    align-items: center;
    display: flex
}

.flex_nosize[data-v-42088e63] {
    flex-shrink: 0
}

.flex_autosize[data-v-42088e63] {
    flex-grow: 1
}

.flex_inline[data-v-42088e63] {
    display: inline-flex
}

.flex0[data-v-42088e63] {
    flex: 0;
    min-width: 0
}

.flex1[data-v-42088e63] {
    flex: 1;
    min-width: 0
}

.flex-nowrap[data-v-42088e63] {
    flex-wrap: nowrap
}

.right-click-menu[data-v-42088e63] {
    background-color: #24262a;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 6px 7px;
    position: absolute;
    width: 212px;
    z-index: 999
}

.right-click-menu .item-menu[data-v-42088e63] {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.right-click-menu .item-menu.have-children .label[data-v-42088e63] {
    width: 110%
}

.right-click-menu .item-menu .label[data-v-42088e63] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu[data-v-42088e63]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.right-click-menu .item-menu:hover .sub-menu[data-v-42088e63] {
    display: block
}

.right-click-menu .item-menu .sub-menu[data-v-42088e63] {
    background-color: #24262a;
    border-radius: 6px;
    display: none;
    padding: 6px 7px;
    position: absolute;
    right: -230px;
    top: 0;
    width: 206px
}

.right-click-menu .item-menu .sub-menu[data-v-42088e63]:hover {
    display: block
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-42088e63] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-42088e63]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.el-image-viewer__actions[data-v-42088e63] {
    display: none !important
}

h1[data-v-42088e63], p[data-v-42088e63] {
    margin: 0
}

.el-badge__content[data-v-42088e63] {
    border: none
}

.el-dropdown-menu[data-v-42088e63] {
    background: #191a27;
    border: 1px solid #272b30;
    border-radius: 16px;
    box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08);
    opacity: 1
}

.el-dropdown-menu .el-dropdown-menu__item[data-v-42088e63]:hover {
    background-color: transparent;
    background-color: initial
}

.el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-42088e63] {
    color: #fcfcfc
}

.el-popper[x-placement^=bottom] .popper__arrow[data-v-42088e63] {
    display: none
}

.el-image__error[data-v-42088e63], .el-image__inner[data-v-42088e63], .el-image__placeholder[data-v-42088e63] {
    height: auto;
    min-height: 100% !important
}

.el-image__error[data-v-42088e63], .el-image__placeholder[data-v-42088e63] {
    background-color: transparent;
    background-color: initial
}

.image-slot[data-v-42088e63] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.galleryMetaPoper[data-v-42088e63] {
    background-color: transparent !important;
    background-color: initial !important;
    border-radius: 10px !important
}

[data-v-42088e63]:root {
    --padding-4: 22px;
    --padding-3: 16px;
    --padding-2: 8px;
    --padding-1: 4px;
    --font-size-05: 12px;
    --font-size-1: 14px;
    --font-size-2: 16px;
    --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d);
    --containerBg: #0a0b17;
    --sidebarBg: #0a0b17
}

[data-v-42088e63]::-webkit-scrollbar {
    width: 8px
}

[data-v-42088e63]::-webkit-scrollbar-track {
    background-color: #0a0b17;
    border-radius: 8px
}

[data-v-42088e63]::-webkit-scrollbar-thumb {
    background-color: #263141;
    border-radius: 8px
}

.hide-scrollbar[data-v-42088e63] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-42088e63]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.flex-center[data-v-42088e63] {
    justify-content: center
}

.flex-between[data-v-42088e63], .flex-center[data-v-42088e63] {
    align-items: center;
    display: flex
}

.flex-between[data-v-42088e63] {
    justify-content: space-between
}

a.logo[data-v-42088e63] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.el-backtop[data-v-42088e63] {
    background-color: #191a27;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    z-index: 999
}

.el-backtop[data-v-42088e63]:hover {
    background: #4c5184
}

.el-switch .el-switch__core[data-v-42088e63] {
    background: #4b5164;
    border: 1px solid transparent
}

body[data-v-42088e63] {
    background-color: #0a0b17;
    font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"
}

button[data-v-42088e63]:focus-visible {
    outline: none
}

.el-popover[data-v-42088e63] {
    background-color: #0f121c;
    border: 1px solid #293246;
    border-radius: 8px
}

.el-loading-spinner .path[data-v-42088e63] {
    stroke-width: 4px;
    stroke: #fff
}

.el-loading-mask[data-v-42088e63] {
    background: transparent
}

.el-popper[data-v-42088e63] {
    padding: 0
}

[data-v-42088e63]:export {
    containerBg: #0a0b17;
    sidebarBg: #0a0b17;
    sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d)
}

.AIHelpSupportBox[data-v-42088e63] {
    background-color: #fff;
    height: 500px;
    right: 38%;
    top: 20%;
    width: 375px;
    z-index: 9999
}

.close[data-v-42088e63] {
    background: #f9c633;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 999
}

.close[data-v-42088e63]:before {
    transform: rotate(45deg)
}

.close[data-v-42088e63]:after, .close[data-v-42088e63]:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 6px;
    position: absolute;
    top: 14px;
    width: 20px;
    z-index: 999
}

.close[data-v-42088e63]:after {
    transform: rotate(-45deg)
}

.custom-table .table-body[data-v-42088e63] {
    height: calc(100% - 52px)
}

.custom-table .table-body .el-table[data-v-42088e63] {
    background: #252e42
}

.custom-table .table-body .el-table th[data-v-42088e63] {
    background: #252e42;
    color: #a6b3cc
}

.custom-table .table-body .el-table tr[data-v-42088e63] {
    background: #192030
}

.custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-42088e63] {
    background: #252e42;
    border-bottom-color: #252e42
}

.custom-table .table-body .el-table td.el-table__cell[data-v-42088e63], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-42088e63] {
    border-bottom-color: #313336
}

.custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-42088e63] {
    background-color: #171e2f !important
}

.custom-table .table-body .el-table tbody tr:hover > td[data-v-42088e63] {
    background: #171f34 !important
}

.custom-table .table-pagination[data-v-42088e63] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-right: 20px
}

.custom-table .table-pagination .bottom-btn[data-v-42088e63] {
    align-items: center;
    display: flex;
    max-width: calc(100% - 480px);
    padding-left: 20px
}

.custom-table .table-pagination .bottom-btn .el-dropdown[data-v-42088e63] {
    margin-left: 10px
}

.custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-42088e63] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-table .table-pagination .el-pagination[data-v-42088e63] {
    padding: 10px 0;
    text-align: right
}

.custom-table .table-pagination .el-pagination .btn-next[data-v-42088e63], .custom-table .table-pagination .el-pagination .btn-prev[data-v-42088e63], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-42088e63] {
    background: #20283b
}

.custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-42088e63], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-42088e63], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-42088e63] {
    background: #0d9488
}

.custom-table .table-pagination .el-pagination .el-input__inner[data-v-42088e63] {
    background: #20283b;
    border-color: #232e50;
    height: 22px
}

.custom-table .el-table[data-v-42088e63]:before, .custom-table .el-table__fixed-right[data-v-42088e63]:before {
    background: #192030
}

.custom-table[data-v-42088e63] ::-webkit-scrollbar-corner {
    background: transparent
}

.custom-table[data-v-42088e63] ::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important
}

.el-dialog[data-v-42088e63] {
    background: #1a202f
}

.custom-dialog .el-dialog[data-v-42088e63] {
    background: #1a202f;
    border: 1px solid #293045;
    margin-top: 10vh !important;
    width: 600px
}

.custom-dialog .el-dialog .el-dialog__header[data-v-42088e63] {
    background: #0f121e;
    padding: 20px 30px;
    position: relative;
    z-index: 20000
}

.custom-dialog .el-dialog .el-dialog__header span[data-v-42088e63] {
    color: #fff;
    font-size: 16px
}

.custom-dialog .el-dialog .el-dialog__body[data-v-42088e63] {
    padding: 20px 30px
}

.custom-dialog .dialog-btn button[data-v-42088e63] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 120px
}

.custom-dialog .dialog-btn button[data-v-42088e63]:first-child {
    background: #1e2435;
    border-color: #2d354b
}

.custom-dialog.big-body-dialog .el-dialog[data-v-42088e63], .custom-dialog.big-dialog .el-dialog[data-v-42088e63], .custom-dialog.big-footer-dialog .el-dialog[data-v-42088e63], .custom-dialog.big-head-dialog .el-dialog[data-v-42088e63] {
    margin: 3vh auto !important
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-42088e63], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-42088e63], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-42088e63], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-42088e63] {
    box-sizing: border-box;
    max-height: calc(94vh - 144px);
    overflow: auto
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-42088e63] {
    display: none
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-42088e63] {
    max-height: calc(94vh - 80px)
}

.custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-42088e63] {
    max-height: calc(94vh - 70px)
}

.custom-dialog.big-body-dialog[data-v-42088e63] {
    overflow: hidden
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-42088e63] {
    display: none
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-42088e63] {
    max-height: 94vh
}

.custom-dialog-canvas .el-dialog[data-v-42088e63] {
    background-color: #24262a;
    border-radius: 20px
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-42088e63] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-42088e63] {
    color: #f7fbfa;
    font-size: 16px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-42088e63] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-42088e63] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-42088e63] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custom-form .el-date-editor .el-range-separator[data-v-42088e63] {
    color: #8e8f92
}

.custom-form .el-input__inner[data-v-42088e63], .custom-form .el-textarea__inner[data-v-42088e63] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-select-dropdown__item[data-v-42088e63] {
    color: #fff;
    font-weight: 500
}

.custom-form .el-select-dropdown__item.hover[data-v-42088e63], .custom-form .el-select-dropdown__item[data-v-42088e63]:hover {
    background-color: #192133;
    color: #fff;
    font-weight: 500
}

.custom-form .el-form-item__label[data-v-42088e63] {
    color: #cbd5e1;
    padding-bottom: 0
}

.custom-form .el-range-input[data-v-42088e63], .custom-form .el-textarea__inner[data-v-42088e63] {
    background: #20283b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-input.is-disabled .el-input__inner[data-v-42088e63] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select:hover .el-input__inner[data-v-42088e63] {
    border-color: #464646
}

.custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-42088e63] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select .el-tag[data-v-42088e63] {
    background: #192133;
    color: #fff
}

.custom-form .el-input-number__decrease[data-v-42088e63], .custom-form .el-input-number__increase[data-v-42088e63] {
    background: #192133;
    border-color: #0f1c38
}

.custom-form .el-slider__runway[data-v-42088e63] {
    background-color: #393d4a;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__bar[data-v-42088e63] {
    background-color: #cbd5e1;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__button[data-v-42088e63] {
    background: #cbd5e1;
    border-color: #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

.custom-form .el-checkbox[data-v-42088e63] {
    color: #cbd5e1;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-42088e63] {
    color: #3d8bf1
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-42088e63] {
    background: #262c3a;
    border: 1px solid #979797;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-42088e63]:after {
    height: 7px;
    left: 5px;
    top: 1px
}

.custom-form .el-checkbox .el-checkbox__input[data-v-42088e63] {
    vertical-align: text-bottom
}

.custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-42088e63] {
    background: #0052cc;
    border-color: #0052cc;
    height: 14px;
    width: 14px
}

.custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-42088e63] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-42088e63] {
    color: #434445
}

.custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-42088e63] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-input__count[data-v-42088e63] {
    background: #20283b;
    color: #cbd5e1
}

.el-select .custom-select[data-v-42088e63] {
    position: absolute !important
}

.custom-select[data-v-42088e63] {
    background: #1c1d2a !important;
    border: 1px solid #293045 !important;
    border-radius: 8px !important;
    color: #5a7dc2
}

.custom-select .el-select-dropdown__list[data-v-42088e63] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-42088e63], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-42088e63] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #fff
}

.custom-select .el-scrollbar__wrap[data-v-42088e63] {
    overflow: auto
}

.custom-select .el-select-dropdown__item[data-v-42088e63] {
    color: hsla(0, 0%, 100%, .6)
}

.custom-select .el-select-dropdown__item.selected[data-v-42088e63] {
    color: #fff;
    position: relative
}

.custom-select .el-select-dropdown__item.selected[data-v-42088e63]:after {
    content: "✓";
    position: absolute;
    right: 10px
}

.custom-select .el-select-dropdown__item.hover[data-v-42088e63], .custom-select .el-select-dropdown__item[data-v-42088e63]:hover {
    background: #242534;
    border-radius: 5px;
    color: #fff
}

.custom-select .popper__arrow[data-v-42088e63], .custom-select .popper__arrow[data-v-42088e63]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.custom-select .el-input__inner[data-v-42088e63] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.painting-board-select[data-v-42088e63] {
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25)
}

.painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-42088e63], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-42088e63], .painting-board-select[data-v-42088e63] {
    background: #1a1a22 !important
}

.painting-board-select.el-select-dropdown[data-v-42088e63] {
    margin-top: 3px
}

.painting-board-select.el-select-dropdown .add-canvas-option[data-v-42088e63] {
    align-items: center;
    background: #2f3238 !important;
    display: flex;
    justify-content: center
}

.painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-42088e63] {
    font-size: 16px;
    margin-right: 5px
}

.painting-board-select.el-select-dropdown .more-btn[data-v-42088e63] {
    height: 34px;
    width: 20px
}

.painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-42088e63] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.painting-board-select .el-select-dropdown__list[data-v-42088e63] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.painting-board-select .el-select-dropdown__list[data-v-42088e63] > :last-child {
    margin-bottom: 0
}

.painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-42088e63], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-42088e63] {
    background: #34396a;
    color: #fff
}

.painting-board-select .el-scrollbar__wrap[data-v-42088e63] {
    overflow: auto
}

.painting-board-select .el-select-dropdown__item[data-v-42088e63] {
    align-items: center;
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    color: #c0d0f1;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 4px 8px
}

.painting-board-select .el-select-dropdown__item > .show-params-name[data-v-42088e63] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.painting-board-select .el-select-dropdown__item.selected[data-v-42088e63] {
    background: hsla(0, 0%, 100%, .1)
}

.painting-board-select .popper__arrow[data-v-42088e63], .painting-board-select .popper__arrow[data-v-42088e63]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.painting-board-select .el-input__inner[data-v-42088e63] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-btn.el-button--primary[data-v-42088e63] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.custom-btn.el-button--primary.is-disabled[data-v-42088e63] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-btn.el-button--default[data-v-42088e63] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.custom-btn.el-button--default.is-disabled[data-v-42088e63] {
    background: #81aeaa;
    border-color: #81aeaa
}

.el-message[data-v-42088e63] {
    min-width: 0;
    min-width: auto
}

.el-message-box.custom-confirm[data-v-42088e63] {
    background: #192133;
    border-color: #322d2d
}

.el-message-box.custom-confirm .el-message-box__title[data-v-42088e63] {
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__content[data-v-42088e63] {
    color: #fff
}

.el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-42088e63] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-42088e63] {
    color: #fff
}

.el-message-box.custom-confirm .el-button--default[data-v-42088e63] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.el-message-box.custom-confirm .el-button--primary[data-v-42088e63] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.el-message-box.ai-face-swap-confirm[data-v-42088e63] {
    background: #24262a;
    border: 0;
    border-radius: 20px;
    min-height: 174px
}

.el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-42088e63] {
    background: #24262a;
    padding: 20px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-42088e63] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-42088e63] {
    color: #fff;
    font-size: 18px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-42088e63] {
    min-height: 61px;
    padding: 15px 24px 10px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-42088e63] {
    color: hsla(0, 0%, 100%, .5);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-42088e63] {
    padding: 5px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-42088e63] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-42088e63] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-42088e63] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custorm-messagebox[data-v-42088e63] {
    background: #192133;
    border-color: #322d2d
}

.custorm-messagebox .el-message-box__title[data-v-42088e63] {
    color: #fff
}

.custorm-messagebox .el-input__inner[data-v-42088e63] {
    background: #20283b;
    border-color: #232e50
}

.custom-submenu .el-menu[data-v-42088e63] {
    background: #20283b
}

.custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-42088e63] {
    color: #fff
}

.custom-submenu .el-menu .el-submenu__title[data-v-42088e63] {
    background-color: transparent;
    background-color: initial
}

.custom-submenu .el-menu .el-submenu__title[data-v-42088e63]:hover {
    background: #323d54;
    color: #fff
}

.custom-submenu .el-menu .el-menu-item[data-v-42088e63] {
    background: #20283b
}

.custom-submenu .el-menu .el-menu-item.is-active[data-v-42088e63], .custom-submenu .el-menu .el-menu-item[data-v-42088e63]:hover {
    background: #323d54;
    color: #fff
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-42088e63] {
    border-bottom-color: #3c5288 !important
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-42088e63]:after {
    border-bottom-color: #06080b !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-42088e63] {
    border-top-color: #3c5288 !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-42088e63]:after {
    border-top-color: #06080b !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-42088e63] {
    border-left-color: #3c5288 !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-42088e63]:after {
    border-left-color: #06080b !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-42088e63] {
    border-right-color: #3c5288 !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-42088e63]:after {
    border-right-color: #06080b !important
}

.custom-dropdown[data-v-42088e63] {
    background: #192133;
    border-color: #322d2d
}

.custom-dropdown .el-dropdown-menu__item[data-v-42088e63] {
    color: #9b9b9c
}

.custom-dropdown .el-dropdown-menu__item[data-v-42088e63]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-42088e63]:hover {
    background: #323d54;
    color: #fff
}

.custom-dropdown .popper__arrow[data-v-42088e63] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown .popper__arrow[data-v-42088e63]:after {
    border-bottom-color: #192133 !important
}

.custom-dropdown-canvas[data-v-42088e63] {
    background: #192133;
    border: 0;
    border-radius: 8px;
    margin-top: 3px !important
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-42088e63] {
    color: #9b9b9c
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-42088e63]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-42088e63]:hover {
    background: #192133 !important;
    border-radius: 8px;
    color: #fff
}

.custom-dropdown-canvas .popper__arrow[data-v-42088e63] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown-canvas .popper__arrow[data-v-42088e63]:after {
    border-bottom-color: #192133 !important
}

.AIHelpSupportBox[data-v-42088e63] {
    bottom: 0;
    height: 700px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 600px
}

.zoom-box[data-v-42088e63]:before {
    content: "";
    float: left;
    padding-top: 100%
}

.zoom-box[data-v-42088e63]:after {
    clear: both;
    content: "";
    display: block
}

.PromptWork .el-textarea .el-input__count[data-v-42088e63] {
    background: transparent
}

.ellipsis-line[data-v-42088e63], .ellipsis-text[data-v-42088e63] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-text[data-v-42088e63] {
    -webkit-line-clamp: 5
}

.ellipsis[data-v-42088e63] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-message-box[data-v-42088e63] {
    background: #1a202f;
    border: 1px solid #293045
}

.el-message-box .el-dialog__header[data-v-42088e63], .el-message-box .el-message-box__header[data-v-42088e63] {
    background: #0f121e
}

.el-message-box .el-message-box__btns .el-button--primary[data-v-42088e63] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.bg-nsfw[data-v-42088e63] {
    background-image: url(/_nuxt/img/nsfw_lang.a0715dc.webp)
}

.bg-nsfw-s[data-v-42088e63], .bg-nsfw[data-v-42088e63] {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-nsfw-s[data-v-42088e63] {
    background-image: url(/_nuxt/img/nsfw_s.3e08299.webp)
}

.marking-item[data-v-42088e63] {
    position: relative
}

.marking-item:hover .admin-marking[data-v-42088e63] {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

.rounded-border[data-v-42088e63] {
    border-radius: 5px
}

.rounded-border[data-v-42088e63], .rounded-border[data-v-42088e63]:hover {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent
}

#app[data-v-42088e63] {
    display: flex;
    height: 100%;
    justify-content: center
}

#app .container-wraper[data-v-42088e63] {
    background-color: #0a0b17;
    background-color: var(--containerBg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

#app .container-wraper .el-container[data-v-42088e63], #app .container-wraper .el-footer[data-v-42088e63], #app .container-wraper .el-header[data-v-42088e63] {
    width: 100%
}

#app .container-wraper .container[data-v-42088e63] {
    background-color: #0a0b17;
    background-color: var(--containerBg);
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 auto;
    min-height: calc(100vh - 172px);
    overflow: hidden;
    padding: 0 86px
}

#app .container-wraper .container.m-b-40[data-v-42088e63] {
    margin-bottom: 40px
}

#app .container-wraper .container .my-input-component[data-v-42088e63] {
    box-sizing: border-box;
    width: 100%;
    z-index: 99
}

#app .container-wraper .footer.footer-fixed[data-v-42088e63] {
    bottom: -50px;
    height: 36px !important;
    position: fixed;
    transition: bottom .5s ease-out;
    z-index: 100
}

#app .container-wraper .footer.show[data-v-42088e63] {
    bottom: 0
}

#app .container-wraper .floating-tools[data-v-42088e63] {
    bottom: 82px;
    position: fixed;
    right: 30px
}

.v-modal {
    opacity: .8
}

.graBorder {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent
}

.invite-dialog.custom-dialog .el-dialog__header {
    display: none
}

.invite-dialog.custom-dialog .el-dialog {
    background: transparent;
    border: 0;
    border-radius: 20px;
    height: 693px;
    padding: 0;
    width: 400px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body {
    align-items: center;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .close-icon {
    cursor: pointer;
    font-size: 23px;
    position: absolute;
    right: -65px;
    top: -5px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container {
    background: url(/_nuxt/img/invite_background.14bd46a.webp);
    background-size: 100% 100%;
    border-radius: 8px;
    height: 626px;
    width: 400px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top {
    box-sizing: border-box;
    height: 75px;
    padding: 25px 68px 20px;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top .slogan {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 13px;
    font-weight: 700;
    height: 19px;
    line-height: 19px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top .desc {
    color: hsla(0, 0%, 100%, .8);
    font-family: Arial-Regular, Arial;
    font-size: 10px;
    font-weight: 400;
    height: 12px;
    line-height: 13px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 551px;
    justify-content: center;
    padding: 0 25px 25px;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .poster {
    background-size: cover;
    height: 367px;
    margin: 20px;
    width: 309px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .poster .img {
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 120px;
    justify-content: center;
    padding: 0 20px;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info {
    align-items: center;
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: calc(100% - 83px)
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar {
    background-color: #e9e9e9;
    border-radius: 50%;
    height: 56px;
    position: relative;
    width: 56px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar .img {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar .initials {
    border-radius: 50%;
    color: #212121;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 34px;
    font-weight: 500;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    max-width: calc(100% - 56px);
    padding: 0 5px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info .name {
    color: #000;
    font-family: Arial-Bold, Arial;
    font-size: 13px;
    font-weight: 700;
    height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info .text {
    color: rgba(0, 0, 0, .7);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 5px;
    width: 100%;
    word-break: break-word
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .QR-code {
    height: 83px;
    width: 83px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom {
    align-items: flex-end;
    display: flex;
    height: 67px;
    justify-content: space-between;
    width: 100%
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .copy-link, .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .download-img {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    width: 182px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .copy-link {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 12px
}

.invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .download-img {
    background: linear-gradient(90deg, #3f8cff, #20ffff)
}

.el-notification {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 14px 26px 14px 13px;
    position: fixed;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    width: 330px
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    color: #303133;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.el-notification__content {
    color: #606266;
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.el-notification__closeBtn {
    color: #909399;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification__closeBtn:hover {
    color: #606266
}

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #f56c6c
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #e6a23c
}

.el-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.el-message-box, .el-popup-parent--hidden {
    overflow: hidden
}

.el-button-group > .el-button:first-child:last-child, .el-input__inner {
    border-radius: 4px
}

.el-message-box {
    backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    font-size: 18px;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: middle;
    width: 420px
}

.el-message-box__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box__header {
    padding: 15px 15px 10px;
    position: relative
}

.el-message-box__title {
    color: #303133;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 0
}

.el-message-box__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px
}

.el-message-box__headerbtn .el-message-box__close {
    color: #909399
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
    color: #409eff
}

.el-message-box__content {
    color: #606266;
    font-size: 14px;
    padding: 10px 15px
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.el-message-box__status {
    font-size: 24px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status + .el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: #67c23a
}

.el-message-box__status.el-icon-info {
    color: #909399
}

.el-message-box__status.el-icon-warning {
    color: #e6a23c
}

.el-message-box__status.el-icon-error {
    color: #f56c6c
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    line-height: 24px;
    margin: 0
}

.el-message-box__errormsg {
    color: #f56c6c;
    font-size: 12px;
    margin-top: 2px;
    min-height: 18px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.el-message-box--center .el-message-box__status {
    padding-right: 5px;
    position: relative;
    text-align: center;
    top: auto;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes msgbox-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after, .el-breadcrumb:before {
    content: "";
    display: table
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    color: #c0c4cc;
    font-weight: 700;
    margin: 0 9px
}

.el-breadcrumb__separator[class*=icon] {
    font-weight: 400;
    margin: 0 6px
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #606266
}

.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
    color: #303133;
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover {
    color: #409eff;
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #606266;
    cursor: text;
    font-weight: 400
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0 0 8px 8px;
    width: 20px
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px #409eff
}

.el-color-alpha-slider__thumb, .el-color-hue-slider__thumb {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: 1
}

.el-color-predefine__color-selector > div {
    border-radius: 3px;
    display: flex;
    height: 100%
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    background-color: red;
    box-sizing: border-box;
    height: 12px;
    padding: 0 2px;
    position: relative;
    width: 280px
}

.el-color-hue-slider__bar {
    background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    height: 100%;
    position: relative
}

.el-color-hue-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 4px
}

.el-color-hue-slider.is-vertical {
    height: 180px;
    padding: 2px 0;
    width: 12px
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-svpanel {
    height: 180px;
    position: relative;
    width: 280px
}

.el-color-svpanel__black, .el-color-svpanel__white {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor > div {
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    cursor: head;
    height: 4px;
    transform: translate(-2px, -2px);
    width: 4px
}

.el-color-alpha-slider {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    box-sizing: border-box;
    height: 12px;
    position: relative;
    width: 280px
}

.el-color-alpha-slider__bar {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    height: 100%;
    position: relative
}

.el-color-alpha-slider__thumb {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 4px
}

.el-color-alpha-slider.is-vertical {
    height: 180px;
    width: 20px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    clear: both;
    content: "";
    display: table
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 160px
}

.el-color-dropdown__btn {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    border-color: #409eff;
    color: #409eff
}

.el-color-dropdown__link-btn {
    color: #409eff;
    cursor: pointer;
    font-size: 12px;
    padding: 15px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.el-color-dropdown__link-btn:hover {
    color: tint(#409eff, 20%)
}

.el-color-picker {
    display: inline-block;
    height: 40px;
    line-height: normal;
    position: relative
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    cursor: not-allowed;
    height: 38px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 38px;
    z-index: 1
}

.el-color-picker__trigger {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 40px;
    padding: 4px;
    position: relative;
    width: 40px
}

.el-color-picker__color {
    border: 1px solid #999;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-picker__empty, .el-color-picker__icon {
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%
}

.el-color-picker__empty {
    color: #999;
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    color: #fff;
    display: inline-block;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    width: 100%
}

.el-color-picker__panel {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: content-box;
    padding: 6px;
    position: absolute;
    z-index: 10
}

.el-skeleton__item {
    background: #f2f2f2;
    border-radius: 4px;
    display: inline-block;
    height: 16px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    height: 36px;
    line-height: 36px;
    width: 36px
}

.el-skeleton__circle--lg {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.el-skeleton__circle--md {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.el-skeleton__button {
    border-radius: 4px;
    height: 40px;
    width: 64px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    height: 13px;
    width: 100%
}

.el-skeleton__caption {
    height: 12px
}

.el-skeleton__h1 {
    height: 20px
}

.el-skeleton__h3 {
    height: 18px
}

.el-skeleton__h5 {
    height: 16px
}

.el-skeleton__image {
    align-items: center;
    border-radius: 0;
    display: flex;
    justify-content: center;
    width: auto
}

.el-skeleton__image svg {
    fill: #dcdde0;
    height: 22%;
    width: 22%
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line, .el-skeleton__paragraph {
    background: #f2f2f2;
    height: 16px;
    margin-top: 16px
}

.el-skeleton.is-animated .el-skeleton__item {
    animation: el-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%
}

.el-step {
    flex-shrink: 1;
    position: relative
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-grow: 0;
    flex-shrink: 0
}

.el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    border-color: #303133;
    color: #303133
}

.el-step__head.is-wait {
    border-color: #c0c4cc;
    color: #c0c4cc
}

.el-step__head.is-success {
    border-color: #67c23a;
    color: #67c23a
}

.el-step__head.is-error {
    border-color: #f56c6c;
    color: #f56c6c
}

.el-step__head.is-finish {
    border-color: #409eff;
    color: #409eff
}

.el-step__icon {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: .15s ease-out;
    width: 24px;
    z-index: 1
}

.el-step.is-horizontal, .el-step__icon-inner {
    display: inline-block
}

.el-step__icon.is-text {
    border: 2px solid;
    border-color: inherit;
    border-radius: 50%
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    color: inherit;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    transform: translateY(1px)
}

.el-step__line {
    background-color: #c0c4cc;
    border-color: inherit;
    position: absolute
}

.el-step__line-inner {
    border: 1px solid;
    border-color: inherit;
    box-sizing: border-box;
    display: block;
    height: 0;
    transition: .15s ease-out;
    width: 0
}

.el-step__main {
    text-align: left;
    white-space: normal
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    color: #303133;
    font-weight: 700
}

.el-step__title.is-wait {
    color: #c0c4cc
}

.el-step__title.is-success {
    color: #67c23a
}

.el-step__title.is-error {
    color: #f56c6c
}

.el-step__title.is-finish {
    color: #409eff
}

.el-step__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -5px;
    padding-right: 10%
}

.el-step__description.is-process {
    color: #303133
}

.el-step__description.is-wait {
    color: #c0c4cc
}

.el-step__description.is-success {
    color: #67c23a
}

.el-step__description.is-error {
    color: #f56c6c
}

.el-step__description.is-finish {
    color: #409eff
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    left: 0;
    right: 0;
    top: 11px
}

.el-step.is-vertical {
    display: flex
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    flex-grow: 1;
    padding-left: 10px
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    bottom: 0;
    left: 11px;
    top: 0;
    width: 2px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head, .el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    align-items: center;
    display: flex
}

.el-step.is-simple .el-step__head {
    font-size: 0;
    padding-right: 10px;
    width: auto
}

.el-step.is-simple .el-step__icon {
    background: 0 0;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    position: relative
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after, .el-step.is-simple .el-step__arrow:before {
    background: #c0c4cc;
    content: "";
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 1px
}

.el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-steps {
    display: flex
}

.el-steps--simple {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 13px 8%
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    flex-flow: column;
    height: 100%
}

.el-empty {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    text-align: center
}

.el-empty__image {
    width: 160px
}

.el-empty__image img, .el-empty__image svg {
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-empty__image img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-empty__image svg {
    fill: #dcdde0
}

.el-empty__description {
    margin-top: 20px
}

.el-empty__description p {
    color: #909399;
    font-size: 14px;
    margin: 0
}

.el-empty__bottom {
    margin-top: 20px
}

.el-carousel__item, .el-carousel__mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.el-carousel__item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card, .el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    background-color: #fff;
    opacity: .24;
    transition: .2s;
    width: 100%
}

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    height: 300px;
    position: relative
}

.el-carousel__arrow {
    background-color: rgba(31, 45, 61, .11);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 36px;
    z-index: 10
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    position: static;
    text-align: center;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    transform: none
}

.el-carousel__indicators--labels .el-carousel__button {
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    height: 15px;
    width: 2px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: .48;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

.carousel-arrow-left-enter, .carousel-arrow-left-leave-active {
    opacity: 0;
    transform: translateY(-50%) translateX(-10px)
}

.carousel-arrow-right-enter, .carousel-arrow-right-leave-active {
    opacity: 0;
    transform: translateY(-50%) translateX(10px)
}

.el-drawer.btt, .el-drawer.ttb, .el-drawer__container {
    left: 0;
    right: 0;
    width: 100%
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }
    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }
    to {
        transform: translateY(100%)
    }
}

.el-drawer {
    background-color: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: hidden;
    position: absolute
}

.el-drawer.rtl {
    animation: rtl-drawer-out .3s;
    right: 0
}

.el-drawer__open .el-drawer.rtl {
    animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    animation: ltr-drawer-out .3s;
    left: 0
}

.el-drawer__open .el-drawer.ltr {
    animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    animation: ttb-drawer-out .3s;
    top: 0
}

.el-drawer__open .el-drawer.ttb {
    animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    animation: btt-drawer-out .3s;
    bottom: 0
}

.el-drawer__open .el-drawer.btt {
    animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header > :first-child {
    flex: 1
}

.el-drawer__title {
    flex: 1;
    font-size: 1rem;
    line-height: inherit;
    margin: 0
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 20px
}

.el-drawer__body {
    flex: 1;
    overflow: auto
}

.el-drawer__body > * {
    box-sizing: border-box
}

.el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer__container {
    position: relative
}

.el-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.el-badge {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.el-badge__content {
    background-color: #f56c6c;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: 10px;
    top: 0;
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary {
    background-color: #409eff
}

.el-badge__content--success {
    background-color: #67c23a
}

.el-badge__content--warning {
    background-color: #e6a23c
}

.el-badge__content--info {
    background-color: #909399
}

.el-badge__content--danger {
    background-color: #f56c6c
}

.el-collapse {
    border-bottom: 1px solid #ebeef5;
    border-top: 1px solid #ebeef5
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.el-collapse-item__header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    outline: 0;
    transition: border-bottom-color .3s
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform .3s
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-collapse-item__content {
    color: #303133;
    font-size: 13px;
    line-height: 1.769230769230769;
    padding-bottom: 25px
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-rate__icon, .el-rate__item {
    display: inline-block;
    position: relative
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active, .el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon {
    color: #c0c4cc;
    font-size: 18px;
    margin-right: 6px;
    transition: .3s
}

.el-rate__decimal, .el-rate__icon .path2 {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-radio-group {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    vertical-align: middle
}

.el-radio, .el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio, .el-radio__input {
    line-height: 1;
    outline: 0;
    white-space: nowrap
}

.el-radio {
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    vertical-align: middle
}

.el-menu {
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative
}

.el-menu:after, .el-menu:before {
    content: "";
    display: table
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid #e6e6e6
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal > .el-menu-item {
    border-bottom: 2px solid transparent;
    color: #909399;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0
}

.el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover {
    background-color: #fff
}

.el-menu--horizontal > .el-submenu {
    float: left
}

.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
    outline: 0
}

.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
    color: #303133
}

.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.el-menu--horizontal > .el-submenu .el-submenu__title {
    border-bottom: 2px solid transparent;
    color: #909399;
    height: 60px;
    line-height: 60px
}

.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: #fff
}

.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
    margin-left: 8px;
    margin-top: -3px;
    position: static;
    vertical-align: middle
}

.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #fff;
    color: #909399;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px
}

.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
    color: #303133
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    color: #303133;
    outline: 0
}

.el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse > .el-menu-item [class^=el-icon-], .el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.el-menu--collapse > .el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 100%;
    margin-left: 5px;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    transform: none
}

.el-menu--popup {
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.el-menu-item, .el-submenu__title {
    line-height: 56px;
    list-style: none;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    font-size: 14px;
    height: 56px;
    transition: border-color .3s, background-color .3s, color .3s
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: #909399
}

.el-menu-item:focus, .el-menu-item:hover {
    background-color: #ecf5ff;
    outline: 0
}

.el-menu-item.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-menu-item [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item.is-active {
    color: #409eff
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    font-size: 14px;
    height: 56px;
    transition: border-color .3s, background-color .3s, color .3s
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: #909399
}

.el-submenu__title:focus, .el-submenu__title:hover {
    background-color: #ecf5ff;
    outline: 0
}

.el-submenu__title.is-disabled {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu__title:hover {
    background-color: #ecf5ff
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    min-width: 200px;
    padding: 0 45px
}

.el-submenu__icon-arrow {
    font-size: 12px;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: transform .3s
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409eff
}

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title {
    background: 0 0 !important;
    cursor: not-allowed;
    opacity: .25
}

.el-submenu [class^=el-icon-] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.el-menu-item-group > ul {
    padding: 0
}

.el-menu-item-group__title {
    color: #909399;
    font-size: 12px;
    line-height: normal;
    padding: 7px 0 7px 20px
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    opacity: 0;
    transition: .2s
}

.el-date-table, .el-time-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f6fc
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td div {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0
}

.el-date-table td span {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    width: 24px
}

.el-date-table td.next-month, .el-date-table td.prev-month {
    color: #c0c4cc
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: #409eff;
    font-weight: 700
}

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
    color: #fff
}

.el-date-table td.available:hover {
    color: #409eff
}

.el-date-table td.current:not(.disabled) span {
    background-color: #409eff;
    color: #fff
}

.el-date-table td.end-date div, .el-date-table td.start-date div {
    color: #fff
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #409eff
}

.el-date-table td.start-date div {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date div {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled div {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected div {
    background-color: #f2f6fc;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.el-date-table td.selected span {
    background-color: #409eff;
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: #606266;
    font-size: 80%
}

.el-date-table th {
    border-bottom: 1px solid #ebeef5;
    color: #606266;
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    text-align: center
}

.el-month-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-month-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-month-table td .cell {
    border-radius: 18px;
    color: #606266;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 60px
}

.el-month-table td .cell:hover {
    color: #409eff
}

.el-month-table td.in-range div, .el-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.el-month-table td.end-date div, .el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell, .el-month-table td.start-date .cell {
    background-color: #409eff;
    color: #fff
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-year-table .el-icon {
    color: #303133
}

.el-year-table td {
    cursor: pointer;
    padding: 20px 3px;
    text-align: center
}

.el-year-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.el-year-table td .cell {
    color: #606266;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    width: 48px
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
    color: #409eff
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 190px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-date-editor .el-range-input, .el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.el-time-spinner__arrow {
    color: #909399;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.el-time-spinner__arrow:hover {
    color: #409eff
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__list {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after, .el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: #606266;
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.fade-in-linear-enter-active, .fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active, .el-fade-in-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter, .el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.el-zoom-in-left-enter, .el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active, .el-list-leave-active {
    transition: all 1s
}

.el-list-enter, .el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
}

.el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-date-editor {
    display: inline-block;
    position: relative;
    text-align: left
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
    width: 300px
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    color: #c0c4cc;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-left: -5px
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #606266;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin: 0;
    outline: 0;
    width: 39%
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
    color: #c0c4cc
}

.el-date-editor .el-range-separator {
    color: #303133;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: 32px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    width: 5%
}

.el-date-editor .el-range__close-icon {
    color: #c0c4cc;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 32px;
    width: 25px
}

.el-range-editor.el-input__inner {
    align-items: center;
    display: inline-flex;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active, .el-range-editor.is-active:hover {
    border-color: #409eff
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    font-size: 14px;
    line-height: 28px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    font-size: 13px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    font-size: 12px;
    line-height: 20px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.el-picker-panel, .el-time-panel {
    border: 1px solid #e4e7ed;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
    color: #c0c4cc
}

.el-picker-panel {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #606266;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after, .el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    font-size: 0;
    padding: 4px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: #606266;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: 0;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: #409eff
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
}

.el-picker-panel__btn, .el-time-panel__btn {
    background-color: transparent;
    font-size: 12px
}

.el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    line-height: 24px;
    outline: 0;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: 0 0;
    border: 0;
    color: #303133;
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: 0
}

.el-picker-panel__icon-btn:hover {
    color: #409eff
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.el-picker-panel [slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid #ebeef5;
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: #606266;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
    color: #409eff
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
    color: #303133;
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid #e4e7ed;
    border-radius: 2px
}

.el-time-panel {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: content-box;
    left: 0;
    margin: 5px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 180px;
    z-index: 1000
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after, .el-time-panel__content:before {
    border-bottom: 1px solid #e4e7ed;
    border-top: 1px solid #e4e7ed;
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -15px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    border: none;
    color: #303133;
    cursor: pointer;
    line-height: 28px;
    margin: 0 5px;
    outline: 0;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: #409eff;
    font-weight: 800
}

.el-checkbox-button__inner, .el-checkbox__input {
    line-height: 1
}

.el-checkbox-button__inner, .el-table-filter, .el-tag {
    -webkit-box-sizing: border-box
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: #409eff
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-checkbox, .el-checkbox-button__inner, .el-table th.el-table__cell {
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-checkbox, .el-checkbox-button__inner, .el-checkbox__input, .el-tag {
    display: inline-block;
    white-space: nowrap
}

.el-checkbox {
    font-weight: 500
}

.el-checkbox__input {
    outline: 0;
    vertical-align: middle
}

.el-checkbox-button__inner, .el-table, .el-tag {
    -webkit-box-sizing: border-box
}

.el-checkbox-button {
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    font-weight: 500;
    outline: 0;
    position: relative;
    vertical-align: middle
}

.el-tag, .el-tooltip__popper {
    border-radius: 4px;
    font-size: 12px
}

.el-table, .el-table__expanded-cell {
    background-color: #fff
}

.el-table {
    box-sizing: border-box;
    color: #606266;
    flex: 1;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.el-table__empty-block {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 60px;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: #909399;
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    transition: transform .2s ease-in-out
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon > .el-icon {
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.el-table thead.is-group th.el-table__cell {
    background: #f5f7fa
}

.el-table .el-table__cell {
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: right
}

.el-table .el-table__cell.gutter {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table .el-table__cell.is-hidden > * {
    visibility: hidden
}

.el-table--medium .el-table__cell {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini .el-table__cell {
    padding: 6px 0
}

.el-table tr {
    background-color: #fff
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    background-color: #fff;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.el-table th.el-table__cell > .cell {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-table th.el-table__cell > .cell.highlight {
    color: #409eff
}

.el-table th.el-table__cell.required > div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td.el-table__cell div {
    box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table .cell {
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--border, .el-table--group {
    border: 1px solid #ebeef5
}

.el-table--border:after, .el-table--group:after, .el-table:before {
    background-color: #ebeef5;
    content: "";
    position: absolute;
    z-index: 1
}

.el-table--border:after, .el-table--group:after {
    height: 100%;
    right: 0;
    top: 0;
    width: 1px
}

.el-table:before {
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%
}

.el-table--border {
    border-bottom: none;
    border-right: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #ebeef5
}

.el-table--border .el-table__cell:first-child .cell {
    padding-left: 10px
}

.el-table--border th.el-table__cell, .el-table--border th.el-table__cell.gutter:last-of-type, .el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed, .el-table__fixed-right {
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 0
}

.el-table__fixed-right:before, .el-table__fixed:before {
    background-color: #ebeef5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4
}

.el-table__fixed-right-patch {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -1px
}

.el-table__fixed-right {
    left: auto;
    right: 0;
    top: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
    background-color: #f5f7fa;
    border-top: 1px solid #ebeef5;
    color: #606266
}

.el-table__fixed-body-wrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 37px;
    z-index: 3
}

.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td.el-table__cell {
    border-top: 1px solid #ebeef5
}

.el-table__body, .el-table__footer, .el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__footer-wrapper, .el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td.el-table__cell, .el-table__header-wrapper tbody td.el-table__cell {
    background-color: #f5f7fa;
    color: #606266
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.el-table .caret-wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 34px;
    overflow: visible;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.el-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.el-table .hidden-columns {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell {
    background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row > td.el-table__cell {
    background-color: #f5f7fa
}

.el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell {
    background-color: #ecf5ff
}

.el-table__column-resize-proxy {
    border-left: 1px solid #ebeef5;
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block;
    line-height: 34px
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    text-align: center;
    width: 20px
}

.el-progress-bar__inner:after, .el-upload-cover:after, .el-upload-list--picture-card .el-upload-list__item-actions:after {
    content: "";
    vertical-align: middle
}

.el-progress-bar {
    vertical-align: middle
}

.el-progress-bar, .el-progress-bar__inner:after {
    display: inline-block
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle
}

.el-upload {
    cursor: pointer;
    display: inline-block;
    outline: 0;
    text-align: center
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    color: #606266;
    font-size: 12px;
    margin-top: 7px
}

.el-upload iframe {
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 148px;
    line-height: 146px;
    vertical-align: top;
    width: 148px
}

.el-upload--picture-card i {
    color: #8c939d;
    font-size: 28px
}

.el-upload--picture-card:hover, .el-upload:focus {
    border-color: #409eff;
    color: #409eff
}

.el-upload:focus .el-upload-dragger {
    border-color: #409eff
}

.el-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 180px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 360px
}

.el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 67px;
    line-height: 50px;
    margin: 40px 0 16px
}

.el-upload-dragger + .el-upload__tip {
    text-align: center
}

.el-upload-dragger ~ .el-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: #409eff;
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: #409eff
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, .06);
    border: 2px dashed #409eff
}

.el-upload-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.el-upload-list__item {
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.el-upload-list__item .el-icon-close {
    color: #606266;
    cursor: pointer;
    display: none;
    opacity: .75;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    color: #409eff;
    cursor: pointer;
    display: none;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px
}

.el-upload-list__item:hover {
    background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    color: #909399;
    height: 100%;
    line-height: inherit;
    margin-right: 7px
}

.el-upload-list__item-status-label {
    display: none;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0
}

.el-upload-list__item-delete {
    color: #606266;
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0
}

.el-upload-list__item-delete:hover {
    color: #409eff
}

.el-upload-list--picture-card {
    display: inline;
    margin: 0;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-block;
    height: 148px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    width: 148px
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: #13ce66;
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    cursor: default;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-actions span + span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    height: 92px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 10px 10px 90px;
    z-index: 0
}

.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    box-shadow: none;
    right: -12px;
    top: -2px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    background-color: #fff;
    display: inline-block;
    float: left;
    height: 70px;
    margin-left: -80px;
    position: relative;
    vertical-align: middle;
    width: 70px;
    z-index: 1
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    left: 9px;
    line-height: 1;
    position: absolute;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: #13ce66;
    box-shadow: 0 1px 1px #ccc;
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    transform: rotate(45deg);
    width: 46px
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.el-upload-cover:after {
    display: inline-block;
    height: 100%
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%
}

.el-upload-cover__label {
    background: #13ce66;
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px
}

.el-upload-cover__progress + .el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.el-upload-cover__interact {
    background-color: rgba(0, 0, 0, .72);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    vertical-align: middle
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    background-color: #fff;
    bottom: 0;
    color: #303133;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-upload-cover + .el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-divider {
    background-color: #dcdfe6;
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: #fff;
    color: #303133;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-container {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-basis: auto;
    flex-direction: row;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-checkbox, .el-checkbox-button__inner, .el-radio {
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-checkbox-button__inner, .el-checkbox__input, .el-radio__input {
    outline: 0;
    vertical-align: middle
}

.el-checkbox, .el-checkbox__input {
    cursor: pointer;
    white-space: nowrap
}

.el-checkbox {
    color: #606266;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner, .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox-button__inner {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap
}

.el-radio, .el-radio__inner, .el-radio__input {
    display: inline-block;
    position: relative
}

.el-radio {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    margin-right: 30px;
    outline: 0;
    white-space: nowrap
}

.el-cascader-node > .el-radio, .el-radio:last-child {
    margin-right: 0
}

.el-radio.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    padding: 12px 20px 0 10px
}

.el-radio.is-bordered.is-checked {
    border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.el-radio.is-bordered + .el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    border-radius: 4px;
    height: 36px;
    padding: 10px 20px 0 10px
}

.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    border-radius: 3px;
    height: 32px;
    padding: 8px 15px 0 10px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    border-radius: 3px;
    height: 28px;
    padding: 6px 15px 0 10px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio__input {
    cursor: pointer;
    line-height: 1;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: #f5f7fa;
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: #c0c4cc
}

.el-radio__input.is-disabled + span.el-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: #409eff;
    border-color: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked + .el-radio__label {
    color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409eff
}

.el-radio__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    height: 14px;
    width: 14px
}

.el-radio__inner:hover {
    border-color: #409eff
}

.el-radio__inner:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px #409eff
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.el-cascader-panel {
    border-radius: 4px;
    display: flex;
    font-size: 14px
}

.el-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.el-cascader-menu {
    border-right: 1px solid #e4e7ed;
    box-sizing: border-box;
    color: #606266;
    min-width: 180px
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
}

.el-cascader-menu__wrap {
    height: 204px
}

.el-cascader-menu__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-height: 100%;
    padding: 6px 0;
    position: relative
}

.el-cascader-menu__hover-zone {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.el-cascader-menu__empty-text {
    color: #c0c4cc;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-cascader-node {
    align-items: center;
    display: flex;
    height: 34px;
    line-height: 34px;
    outline: 0;
    padding: 0 30px 0 20px;
    position: relative
}

.el-cascader-node.is-selectable.in-active-path {
    color: #606266
}

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
}

.el-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-cascader-node__prefix {
    left: 10px;
    position: absolute
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-cascader-node > .el-radio .el-radio__label {
    padding-left: 0
}

.el-backtop {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    color: #409eff;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    position: fixed;
    width: 40px;
    z-index: 5
}

.el-backtop:hover {
    background-color: #f2f6fc
}

.el-image__error, .el-image__placeholder {
    background: #f5f7fa
}

.el-image__error, .el-image__inner, .el-image__placeholder {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    display: block;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-image__error {
    align-items: center;
    color: #c0c4cc;
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.el-image-viewer__btn {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .8;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.el-image-viewer__close {
    background-color: #606266;
    color: #fff;
    font-size: 24px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px
}

.el-image-viewer__canvas {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.el-image-viewer__actions {
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    transform: translateX(-50%);
    width: 282px
}

.el-image-viewer__actions__inner {
    align-items: center;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    text-align: justify;
    width: 100%
}

.el-image-viewer__next, .el-image-viewer__prev {
    background-color: #606266;
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    width: 44px
}

.el-image-viewer__prev {
    left: 40px;
    transform: translateY(-50%)
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px;
    transform: translateY(-50%)
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.viewer-fade-enter-active {
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    animation: viewer-fade-out .3s
}

@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

.el-footer {
    flex-shrink: 0;
    padding: 0 20px
}

.el-footer, .el-main {
    box-sizing: border-box
}

.el-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    padding: 20px
}

.el-header {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 20px
}

.el-card {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    color: #303133;
    overflow: hidden;
    transition: .3s
}

.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-card__header {
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    padding: 18px 20px
}

.el-card__body {
    padding: 20px
}

.el-time-spinner {
    white-space: nowrap;
    width: 100%
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-progress {
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: #606266;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 10px;
    vertical-align: middle
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle, .el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
    color: #67c23a
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #e6a23c
}

.el-progress.is-warning .el-progress__text {
    color: #e6a23c
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
    color: #f56c6c
}

.el-progress-bar {
    box-sizing: border-box;
    margin-right: -55px;
    padding-right: 50px;
    width: 100%
}

.el-progress-bar__outer {
    background-color: #ebeef5;
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: #409eff;
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s ease;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    height: 100%
}

.el-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 32px 0
    }
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-12, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9 {
    position: relative
}

[class*=el-col-] {
    box-sizing: border-box;
    float: left
}

.el-col-0 {
    display: none;
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    right: 0
}

.el-col-push-0 {
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    right: 4.16667%
}

.el-col-push-1 {
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    right: 8.33333%
}

.el-col-push-2 {
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    right: 16.66667%
}

.el-col-push-4 {
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    right: 20.83333%
}

.el-col-push-5 {
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    right: 25%
}

.el-col-push-6 {
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    right: 29.16667%
}

.el-col-push-7 {
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    right: 33.33333%
}

.el-col-push-8 {
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    right: 41.66667%
}

.el-col-push-10 {
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    right: 45.83333%
}

.el-col-push-11 {
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    right: 50%
}

.el-col-push-12 {
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    right: 54.16667%
}

.el-col-push-13 {
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    right: 58.33333%
}

.el-col-push-14 {
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    right: 66.66667%
}

.el-col-push-16 {
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    right: 70.83333%
}

.el-col-push-17 {
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    right: 75%
}

.el-col-push-18 {
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    right: 79.16667%
}

.el-col-push-19 {
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    right: 83.33333%
}

.el-col-push-20 {
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    right: 91.66667%
}

.el-col-push-22 {
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    right: 95.83333%
}

.el-col-push-23 {
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    right: 100%
}

.el-col-push-24 {
    left: 100%
}

@media only screen and (max-width: 767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width: 768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        left: 0;
        position: relative
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width: 992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        left: 0;
        position: relative
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width: 1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        left: 0;
        position: relative
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width: 1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        left: 4.16667%;
        position: relative
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        left: 8.33333%;
        position: relative
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        left: 16.66667%;
        position: relative
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        left: 20.83333%;
        position: relative
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        left: 29.16667%;
        position: relative
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        left: 33.33333%;
        position: relative
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        left: 41.66667%;
        position: relative
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        left: 45.83333%;
        position: relative
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        left: 54.16667%;
        position: relative
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        left: 58.33333%;
        position: relative
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        left: 66.66667%;
        position: relative
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        left: 70.83333%;
        position: relative
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        left: 79.16667%;
        position: relative
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        left: 83.33333%;
        position: relative
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        left: 91.66667%;
        position: relative
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        left: 95.83333%;
        position: relative
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        left: 100%;
        position: relative
    }
}

.el-row {
    box-sizing: border-box;
    position: relative
}

.el-row:after, .el-row:before {
    content: "";
    display: table
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: flex
}

.el-row--flex:after, .el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    justify-content: center
}

.el-row--flex.is-justify-end {
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    justify-content: space-around
}

.el-row--flex.is-align-top {
    align-items: flex-start
}

.el-row--flex.is-align-middle {
    align-items: center
}

.el-row--flex.is-align-bottom {
    align-items: flex-end
}

.el-switch {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__core, .el-switch__label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.el-switch__label {
    color: #303133;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    transition: .2s
}

.el-switch__label.is-active {
    color: #409eff
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__core {
    background: #dcdfe6;
    border: 1px solid #dcdfe6;
    border-radius: 10px;
    box-sizing: border-box;
    height: 20px;
    margin: 0;
    outline: 0;
    position: relative;
    transition: border-color .3s, background-color .3s;
    width: 40px
}

.el-switch__core:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: all .3s;
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: #409eff;
    border-color: #409eff
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
    opacity: 0
}

.el-input__inner:hover, .el-slider__runway.disabled .el-slider__button {
    border-color: #c0c4cc
}

.el-slider:after, .el-slider:before {
    content: "";
    display: table
}

.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    background-color: #e4e7ed;
    border-radius: 3px;
    cursor: pointer;
    height: 6px;
    margin: 16px 0;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed;
    transform: scale(1)
}

.el-slider__button-wrapper, .el-slider__stop {
    position: absolute;
    -webkit-transform: translateX(-50%)
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    background-color: #409eff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    height: 6px;
    position: absolute
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: 36px;
    line-height: normal;
    text-align: center;
    top: -15px;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 36px;
    z-index: 1001
}

.el-slider__button-wrapper:after {
    content: "";
    height: 100%
}

.el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: grabbing
}

.el-slider__button {
    background-color: #fff;
    border: 2px solid #409eff;
    border-radius: 50%;
    height: 16px;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover, .el-slider__button:hover {
    cursor: grab
}

.el-slider__button.dragging {
    cursor: grabbing
}

.el-slider__stop {
    background-color: #fff;
    border-radius: 100%;
    height: 6px;
    transform: translateX(-50%);
    width: 6px
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.el-slider__marks-text {
    color: #909399;
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    transform: translateX(-50%)
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: 6px
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: 6px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: -15px;
    top: auto;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    bottom: 22px;
    float: none;
    margin-top: 15px;
    overflow: visible;
    position: absolute;
    width: 36px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    line-height: 20px;
    margin-top: -1px;
    top: 32px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    border-bottom-left-radius: 4px;
    right: 18px;
    width: 18px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    border-bottom-right-radius: 4px;
    width: 19px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #409eff
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    transform: translateY(50%)
}

.el-alert {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    transition: opacity .2s;
    width: 100%
}

.el-alert.is-light .el-alert__closebtn {
    color: #c0c4cc
}

.el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description {
    color: #fff
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
}

.el-alert--success.is-light .el-alert__description {
    color: #67c23a
}

.el-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #fff
}

.el-alert--info .el-alert__description {
    color: #909399
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
}

.el-alert--warning.is-light .el-alert__description {
    color: #e6a23c
}

.el-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
}

.el-alert--error.is-light .el-alert__description {
    color: #f56c6c
}

.el-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 12px
}

.el-alert__closebtn.is-customed {
    font-size: 13px;
    font-style: normal;
    top: 9px
}

.el-alert-fade-enter, .el-alert-fade-leave-active {
    opacity: 0
}

.el-tabs__header {
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__active-bar {
    background-color: #409eff;
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    z-index: 1
}

.el-tabs__new-tab {
    border: 1px solid #d3dce6;
    border-radius: 3px;
    color: #d3dce6;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    text-align: center;
    transition: all .15s;
    width: 18px
}

.el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: #409eff
}

.el-tabs__nav-wrap {
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: #e4e7ed;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after, .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next, .el-tabs__nav-prev {
    color: #909399;
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    float: left;
    position: relative;
    transition: transform .3s;
    white-space: nowrap;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch > * {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    box-sizing: border-box;
    color: #303133;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus, .el-tabs__item:focus:active {
    outline: 0
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    border-radius: 3px;
    box-shadow: inset 0 0 2px 2px #409eff
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs__item .el-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs--card > .el-tabs__header .el-tabs__active-bar, .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.el-tabs__item.is-active {
    color: #409eff
}

.el-tabs__item:hover {
    color: #409eff;
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card > .el-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
    font-size: 12px;
    height: 14px;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    right: -2px;
    top: -1px;
    transform-origin: 100% 50%;
    vertical-align: middle;
    width: 0
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid #e4e7ed;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #fff
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card > .el-tabs__content {
    padding: 15px
}

.el-tabs--border-card > .el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: #909399;
    margin-top: -1px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    background-color: #fff;
    border-left-color: #dcdfe6;
    border-right-color: #dcdfe6;
    color: #409eff
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #409eff
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
    color: #c0c4cc
}

.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left, .el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after, .el-tabs--left .el-tabs__nav-wrap.is-right:after, .el-tabs--right .el-tabs__nav-wrap.is-left:after, .el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-left: none;
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: none;
    border-right: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid #e4e7ed;
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent
}

.slideInLeft-transition, .slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    animation: slideInRight-leave .3s;
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    animation: slideInLeft-leave .3s;
    left: 0;
    position: absolute;
    right: 0
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

.el-form--inline .el-form-item, .el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form-item:after, .el-form-item__content:after {
    clear: both
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    display: inline-block;
    float: none;
    padding: 0 0 10px;
    text-align: left
}

.el-form--inline .el-form-item {
    margin-right: 10px
}

.el-form--inline .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item:after, .el-form-item:before, .el-form-item__content:after, .el-form-item__content:before {
    content: "";
    display: table
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label-wrap {
    float: left
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form-item__label {
    box-sizing: border-box;
    color: #606266;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding: 0 12px 0 0;
    text-align: right;
    vertical-align: middle
}

.el-form-item__content {
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    color: #f56c6c;
    content: "*";
    margin-right: 4px
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
    border-color: #f56c6c
}

.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: #f56c6c
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    word-wrap: break-word;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    padding: 10px;
    position: absolute;
    z-index: 2000
}

.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    border-width: 5px;
    content: " "
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #303133;
    bottom: -6px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #303133;
    bottom: 1px;
    margin-left: -5px
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133;
    border-top-width: 0;
    top: -6px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #303133;
    border-top-width: 0;
    margin-left: -5px;
    top: 1px
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #303133;
    left: -6px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #303133;
    bottom: -5px;
    left: 1px
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    border-left-color: #303133;
    border-right-width: 0;
    right: -6px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #303133;
    border-right-width: 0;
    bottom: -5px;
    margin-left: -5px;
    right: 1px
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.el-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.el-popover__title, .el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popover {
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #606266;
    font-size: 14px;
    line-height: 1.4;
    min-width: 150px;
    padding: 12px;
    position: absolute;
    text-align: justify;
    word-break: break-all;
    z-index: 2000
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1
}

.el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-button {
    color: #606266;
    font-size: 14px
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-input__inner, .el-textarea__inner {
    color: #606266;
    font-size: inherit
}

.el-checkbox, .el-checkbox-button__inner {
    color: #606266;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-checkbox, .el-checkbox__input {
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner, .el-checkbox__input {
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox {
    cursor: pointer;
    margin-right: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-checkbox.is-bordered {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    line-height: normal;
    padding: 9px 20px 9px 10px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409eff
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    border-radius: 4px;
    height: 36px;
    padding: 7px 20px 7px 10px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner, .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    font-size: 14px;
    line-height: 17px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: 3px;
    height: 32px;
    padding: 5px 15px 5px 10px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px;
    line-height: 15px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    border-radius: 3px;
    height: 28px;
    padding: 3px 15px 3px 10px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    font-size: 12px;
    line-height: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    line-height: 1
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    border-color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409eff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    z-index: 1
}

.el-checkbox__inner:hover {
    border-color: #409eff
}

.el-checkbox__inner:after {
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox-button, .el-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.el-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    padding-left: 10px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button__inner {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 1;
    margin: 0;
    padding: 12px 20px;
    text-align: center;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-user-select: none
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #409eff
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-] + span {
    margin-left: 5px
}

.el-checkbox-button__original {
    margin: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: #409eff;
    border-color: #409eff;
    box-shadow: -1px 0 0 0 #8cc5ff;
    color: #fff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409eff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    box-shadow: none;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409eff
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 9px 15px
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 7px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-input, .el-textarea {
    font-size: 14px;
    width: 100%
}

.el-input-number {
    display: inline-block;
    line-height: 38px;
    position: relative;
    width: 180px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease, .el-input-number__increase {
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 40px;
    z-index: 1
}

.el-input-number__decrease:hover, .el-input-number__increase:hover {
    color: #409eff
}

.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
    border-color: #409eff
}

.el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input-number__increase {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 4px 4px 0;
    right: 1px
}

.el-input-number__decrease {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
    left: 1px
}

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.el-input-number--medium {
    line-height: 34px;
    width: 200px
}

.el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase {
    font-size: 14px;
    width: 36px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    line-height: 30px;
    width: 130px
}

.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
    font-size: 13px;
    width: 32px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    line-height: 26px;
    width: 130px
}

.el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase {
    font-size: 12px;
    width: 28px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0 4px 0 0
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px;
    border-right: none;
    bottom: 1px;
    left: auto;
    right: 1px;
    top: auto
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-input__inner {
    background-color: #fff
}

.el-button, .el-dropdown {
    color: #606266;
    font-size: 14px
}

.el-button {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    transition: .1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    white-space: nowrap
}

.el-button + .el-button {
    margin-left: 10px
}

.el-button:focus, .el-button:hover {
    background-color: #ecf5ff;
    border-color: #c6e2ff;
    color: #409eff
}

.el-button:active {
    border-color: #3a8ee6;
    color: #3a8ee6;
    outline: 0
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-] + span {
    margin-left: 5px
}

.el-button.is-plain:focus, .el-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff
}

.el-button.is-active, .el-button.is-plain:active {
    border-color: #3a8ee6;
    color: #3a8ee6
}

.el-button.is-plain:active {
    background: #fff;
    outline: 0
}

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
    background-color: #fff;
    background-image: none;
    border-color: #ebeef5;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary:focus, .el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.el-button--primary.is-active, .el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff
}

.el-button--primary:active {
    outline: 0
}

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
    background-color: #a0cfff;
    border-color: #a0cfff;
    color: #fff
}

.el-button--primary.is-plain {
    background: #ecf5ff;
    border-color: #b3d8ff;
    color: #409eff
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0
}

.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    color: #8cc5ff
}

.el-button--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-button--success:focus, .el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.el-button--success.is-active, .el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.el-button--success:active {
    outline: 0
}

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
    background-color: #b3e19d;
    border-color: #b3e19d;
    color: #fff
}

.el-button--success.is-plain {
    background: #f0f9eb;
    border-color: #c2e7b0;
    color: #67c23a
}

.el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0
}

.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #a4da89
}

.el-button--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-button--warning:focus, .el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff
}

.el-button--warning.is-active, .el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff
}

.el-button--warning:active {
    outline: 0
}

.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
    background-color: #f3d19e;
    border-color: #f3d19e;
    color: #fff
}

.el-button--warning.is-plain {
    background: #fdf6ec;
    border-color: #f5dab1;
    color: #e6a23c
}

.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0
}

.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #f0c78a
}

.el-button--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-button--danger:focus, .el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff
}

.el-button--danger.is-active, .el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff
}

.el-button--danger:active {
    outline: 0
}

.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
    background-color: #fab6b6;
    border-color: #fab6b6;
    color: #fff
}

.el-button--danger.is-plain {
    background: #fef0f0;
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0
}

.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f9a7a7
}

.el-button--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-button--info:focus, .el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff
}

.el-button--info.is-active, .el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.el-button--info:active {
    outline: 0
}

.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
    background-color: #c8c9cc;
    border-color: #c8c9cc;
    color: #fff
}

.el-button--info.is-plain {
    background: #f4f4f5;
    border-color: #d3d4d6;
    color: #909399
}

.el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0
}

.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #bcbec2
}

.el-button--medium {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 20px
}

.el-button--mini, .el-button--small {
    border-radius: 3px;
    font-size: 12px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small, .el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    background: 0 0;
    border-color: transparent;
    color: #409eff;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus, .el-button--text:hover {
    background-color: transparent;
    border-color: transparent;
    color: #66b1ff
}

.el-button--text:active {
    background-color: transparent;
    color: #3a8ee6
}

.el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
    border-color: transparent
}

.el-button-group .el-button--danger:last-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:last-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:last-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:last-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:last-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child), .el-button-group > .el-dropdown > .el-button {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:first-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:first-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:first-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:first-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after, .el-button-group:before {
    content: "";
    display: table
}

.el-button-group:after {
    clear: both
}

.el-button-group > .el-button {
    float: left;
    position: relative
}

.el-button-group > .el-button + .el-button {
    margin-left: 0
}

.el-button-group > .el-button.is-disabled {
    z-index: 1
}

.el-button-group > .el-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-button-group > .el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-button-group > .el-button:first-child:last-child {
    border-radius: 4px
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group > .el-button.is-active, .el-button-group > .el-button:not(.is-disabled):active, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):hover {
    z-index: 1
}

.el-button-group > .el-dropdown > .el-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-dropdown {
    display: inline-block;
    position: relative
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.el-dropdown .el-dropdown__caret-button:before {
    background: hsla(0, 0%, 100%, .5);
    bottom: 5px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 5px;
    width: 1px
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(220, 223, 230, .5)
}

.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):before {
    bottom: 0;
    top: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown [disabled] {
    color: #bbb;
    cursor: not-allowed
}

.el-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    left: 0;
    margin: 5px 0;
    padding: 10px 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.el-dropdown-menu__item {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0 20px
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid #ebeef5;
    margin-top: 6px;
    position: relative
}

.el-dropdown-menu__item--divided:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 6px;
    margin: 0 -20px
}

.el-dropdown-menu__item.is-disabled {
    color: #bbb;
    cursor: default;
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 30px;
    padding: 0 17px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 13px;
    line-height: 27px;
    padding: 0 15px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-input__inner, .el-textarea__inner {
    background-color: #fff;
    background-image: none;
    -webkit-box-sizing: border-box;
    width: 100%
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input, .el-input__inner {
    font-size: inherit
}

.el-input__inner:hover {
    border-color: #c0c4cc
}

.el-autocomplete {
    display: inline-block;
    position: relative
}

.el-autocomplete-suggestion {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0
}

.el-autocomplete-suggestion__wrap {
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid #000;
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: #999;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    margin: 0 auto 50px;
    position: relative;
    width: 50%
}

.el-dialog.is-fullscreen {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: auto;
    width: 100%
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: #409eff
}

.el-dialog__title {
    color: #303133;
    font-size: 18px;
    line-height: 24px
}

.el-dialog__body {
    color: #606266;
    font-size: 14px;
    padding: 30px 20px;
    word-break: break-all
}

.el-dialog__footer {
    box-sizing: border-box;
    padding: 10px 20px 20px;
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    padding: 25px 25px 30px;
    text-align: left;
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

.el-input__inner, .el-textarea__inner {
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-popper .popper__arrow, .el-popper .popper__arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.el-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow:after {
    border-width: 6px;
    content: " "
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    border-bottom-width: 0;
    border-top-color: #ebeef5;
    bottom: -6px;
    left: 50%;
    margin-right: 3px
}

.el-popper[x-placement^=top] .popper__arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    margin-left: -6px
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ebeef5;
    border-top-width: 0;
    left: 50%;
    margin-right: 3px;
    top: -6px
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    margin-left: -6px;
    top: 1px
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    border-left-width: 0;
    border-right-color: #ebeef5;
    left: -6px;
    margin-bottom: 3px;
    top: 50%
}

.el-popper[x-placement^=right] .popper__arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -6px;
    left: 1px
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    border-left-color: #ebeef5;
    border-right-width: 0;
    margin-bottom: 3px;
    right: -6px;
    top: 50%
}

.el-popper[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -6px;
    margin-left: -6px;
    right: 1px
}

.el-select-dropdown {
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0;
    position: absolute;
    z-index: 1001
}

.el-input__inner, .el-select-dropdown__list, .el-tag, .el-textarea__inner {
    -webkit-box-sizing: border-box
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 40px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    background-color: #fff;
    color: #409eff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6da";
    font-family: element-icons;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 20px
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    color: #999;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-textarea {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: block;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 15px;
    resize: vertical;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea__inner:hover {
    border-color: #c0c4cc
}

.el-textarea__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-textarea .el-input__count {
    background: #fff;
    bottom: 5px;
    color: #909399;
    font-size: 12px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
    color: #f56c6c
}

.el-input {
    display: inline-block;
    font-size: 14px;
    position: relative;
    width: 100%
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: #b4bccc;
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
    background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.el-input__inner, .el-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.el-input .el-input__clear {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: #909399
}

.el-input .el-input__count {
    align-items: center;
    color: #909399;
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: #fff;
    display: inline-block;
    line-height: normal;
    padding: 0 5px
}

.el-input__inner {
    -webkit-appearance: none;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner:hover, .el-select:hover .el-input__inner {
    border-color: #c0c4cc
}

.el-input__prefix, .el-input__suffix {
    color: #c0c4cc;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .3s
}

.el-input__inner::-ms-reveal {
    display: none
}

.el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #409eff;
    outline: 0
}

.el-input__suffix {
    pointer-events: none;
    right: 5px;
    transition: all .3s
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    left: 5px;
    transition: all .3s
}

.el-input__icon {
    height: 100%;
    line-height: 40px;
    text-align: center;
    transition: all .3s;
    width: 25px
}

.el-input__icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
    border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #f56c6c
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    border-collapse: separate;
    border-spacing: 0;
    display: inline-table;
    line-height: normal;
    width: 100%
}

.el-input-group > .el-input__inner {
    display: table-cell;
    vertical-align: middle
}

.el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    color: #909399;
    display: table-cell;
    padding: 0 20px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.el-input-group--prepend .el-input__inner, .el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--append .el-input__inner, .el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group__append:focus, .el-input-group__prepend:focus {
    outline: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 0;
    border-top: 0;
    color: inherit
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

.el-tag {
    background-color: #ecf5ff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #409eff;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: #409eff
}

.el-tag .el-tag__close {
    color: #409eff
}

.el-tag .el-tag__close:hover {
    background-color: #409eff;
    color: #fff
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
    background-color: #909399;
    color: #fff
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a
}

.el-tag.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
    background-color: #67c23a;
    color: #fff
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c;
    color: #fff
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c;
    color: #fff
}

.el-tag .el-icon-close {
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: relative;
    right: -5px;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 16px
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: #409eff;
    color: #fff
}

.el-tag--dark, .el-tag--dark.is-hit {
    border-color: #409eff
}

.el-tag--dark .el-tag__close {
    color: #fff
}

.el-tag--dark .el-tag__close:hover {
    background-color: #66b1ff;
    color: #fff
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    background-color: #a6a9ad;
    color: #fff
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    background-color: #85ce61;
    color: #fff
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    background-color: #ebb563;
    color: #fff
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    background-color: #f78989;
    color: #fff
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff
}

.el-tag--plain.is-hit {
    border-color: #409eff
}

.el-tag--plain .el-tag__close {
    color: #409eff
}

.el-tag--plain .el-tag__close:hover {
    background-color: #409eff;
    color: #fff
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    background-color: #909399;
    color: #fff
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    background-color: #67c23a;
    color: #fff
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    background-color: #e6a23c;
    color: #fff
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    background-color: #f56c6c;
    color: #fff
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    line-height: 22px;
    padding: 0 8px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    line-height: 19px;
    padding: 0 5px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(.7)
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    background: #e4e7ed;
    bottom: 12px;
    content: "";
    display: block;
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.el-select-group__title {
    color: #909399;
    font-size: 12px;
    line-height: 30px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar {
    opacity: 1;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: scroll
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    height: 0;
    width: 0
}

.el-scrollbar__thumb {
    background-color: hsla(220, 4%, 58%, .3);
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    position: relative;
    transition: background-color .3s;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: hsla(220, 4%, 58%, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .12s ease-out;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.el-scrollbar__bar.is-vertical > div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal > div {
    height: 100%
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select .el-select__tags > span {
    display: contents
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: #409eff
}

.el-select .el-input .el-select__caret {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    transform: rotate(180deg);
    transition: transform .3s
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
    border-radius: 100%;
    color: #c0c4cc;
    font-size: 14px;
    text-align: center;
    transform: rotate(180deg);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff
}

.el-select > .el-input {
    display: block
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    height: 28px;
    margin-left: 15px;
    outline: 0;
    padding: 0
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    right: 25px;
    top: 8px;
    z-index: 1000
}

.el-select__close:hover {
    color: #909399
}

.el-select__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
    z-index: 1
}

.el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.el-select .el-tag {
    align-items: center;
    background-color: #f0f2f5;
    border-color: transparent;
    box-sizing: border-box;
    display: flex;
    margin: 2px 0 2px 6px;
    max-width: 100%
}

.el-select .el-tag__close.el-icon-close {
    background-color: #c0c4cc;
    color: #fff;
    flex-shrink: 0;
    top: 0
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-pagination {
    color: #303133;
    font-weight: 700;
    padding: 2px 5px;
    white-space: nowrap
}

.el-pagination:after, .el-pagination:before {
    content: "";
    display: table
}

.el-pagination:after {
    clear: both
}

.el-pagination button, .el-pagination span:not([class*=suffix]) {
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    vertical-align: top
}

.el-pagination .el-input__inner {
    -moz-appearance: textfield;
    line-height: normal;
    text-align: center
}

.el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    margin: 0 5px;
    width: 100px
}

.el-pagination .el-select .el-input .el-input__inner {
    border-radius: 3px;
    padding-right: 25px
}

.el-pagination button {
    background: 0 0;
    border: none;
    padding: 0 6px
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #409eff
}

.el-pagination button:disabled {
    background-color: #fff;
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination .btn-next, .el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    color: #303133;
    cursor: pointer;
    margin: 0
}

.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before, .el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button, .el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    color: #606266;
    font-weight: 400;
    margin: 0 10px 0 0
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409eff
}

.el-pagination__total {
    color: #606266;
    font-weight: 400;
    margin-right: 10px
}

.el-pagination__jump {
    color: #606266;
    font-weight: 400;
    margin-left: 24px
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    border-radius: 3px;
    box-sizing: border-box;
    height: 28px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 2px;
    text-align: center
}

.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background-color: #f4f4f5;
    border-radius: 2px;
    color: #606266;
    margin: 0 5px;
    min-width: 30px
}

.el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409eff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff
}

.el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager, .el-pager li {
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.el-pager {
    font-size: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    background: #fff;
    box-sizing: border-box;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    padding: 0 4px;
    text-align: center
}

.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
    color: #303133;
    line-height: 28px
}

.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.el-pager li.active + li {
    border-left: 0
}

.el-pager li:hover {
    color: #409eff
}

.el-pager li.active {
    color: #409eff;
    cursor: default
}

.c-tavern-tag-list[data-v-feda05d6] {
    color: #fff;
    position: relative
}

.c-tavern-tag-list .swipeab-icon-box[data-v-feda05d6] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2
}

.c-tavern-tag-list .swipeab-icon-box .icon-bnt[data-v-feda05d6] {
    align-items: center;
    background: #30333b;
    border-radius: 100%;
    color: #fffdf5;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.c-tavern-tag-list .swipeab-icon-box .icon-bnt i[data-v-feda05d6] {
    font-size: 18px;
    font-weight: 700;
    z-index: 2
}

.c-tavern-tag-list .swipeab-icon-box-left[data-v-feda05d6] {
    background: linear-gradient(90deg, #080b16, transparent);
    left: 0
}

.c-tavern-tag-list .swipeab-icon-box-right[data-v-feda05d6] {
    background-image: linear-gradient(270deg, #080b16, transparent);
    right: 0
}

.c-tavern-tag-list .scroll-area[data-v-feda05d6] {
    overflow: auto;
    scrollbar-width: none;
    width: 100%
}

.c-tavern-tag-list .scroll-area[data-v-feda05d6]::-webkit-scrollbar {
    display: none;
    width: 0
}

.c-tavern-tag-list .scroll-area[data-v-feda05d6]::-ms-scrollbar {
    display: none;
    width: 0
}

.c-tavern-tag-list .scroll-area .tags-content[data-v-feda05d6] {
    display: table
}

.c-tavern-tag-list .scroll-area-list[data-v-feda05d6] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: flex-start;
    transition: all .3s
}

.c-tavern-tag-list .scroll-area-list .tavern-tag-item[data-v-feda05d6] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border: 2px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fffdf5;
    cursor: pointer;
    display: inline-flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 8px 12px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.c-tavern-tag-list .scroll-area-list .tavern-tag-item-active[data-v-feda05d6] {
    border-color: #3f8fff
}

.no-scrollbar[data-v-feda05d6]::-webkit-scrollbar {
    display: none
}

.no-scrollbar[data-v-feda05d6] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.el-dropdown-link[data-v-0cf59200] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    min-width: 184px;
    opacity: 1;
    padding: 0 12px
}

.el-dropdown-link div[data-v-0cf59200], .el-dropdown-link[data-v-0cf59200] {
    align-items: center;
    display: flex
}

.el-dropdown-link div .svg-icon[data-v-0cf59200] {
    color: #4c97fd;
    font-size: 24px
}

.el-dropdown-link div span[data-v-0cf59200] {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.el-dropdown-link div i[data-v-0cf59200] {
    color: #fcfcfc;
    font-size: 18px
}

.el-dropdown-link i[data-v-0cf59200] {
    font-size: 18px
}

.el-dropdown-item[data-v-0cf59200] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-0cf59200] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-0cf59200] {
    color: #6f767e;
    font-size: 14px
}

.homeFilter .filterCnt[data-v-0bfef7c2] {
    box-sizing: border-box;
    min-height: 237px;
    padding: 12px 16px;
    width: 255px
}

.homeFilter .filterCnt .filterTit[data-v-0bfef7c2] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.homeFilter .filterCnt .filterList[data-v-0bfef7c2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px
}

.homeFilter .filterCnt .filterList .filterItem[data-v-0bfef7c2] {
    align-items: center;
    background: #2b2d38;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 39px;
    cursor: pointer;
    display: flex;
    padding: 4px 10px
}

.homeFilter .filterCnt .filterList .filterItem i[data-v-0bfef7c2] {
    color: #22d19d;
    font-size: 16px;
    margin-right: 6px
}

.homeFilter .filterCnt .filterList .filterItem span[data-v-0bfef7c2] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px
}

.homeFilter .filterCnt .filterList .AfilterItem[data-v-0bfef7c2] {
    background: #595c6a
}

.homeFilter .filterCnt .filterList .AfilterItem span[data-v-0bfef7c2] {
    color: #fff
}

.homeFilter .filterCnt .filterReset[data-v-0bfef7c2] {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    margin-top: 20px;
    widows: 100%
}

.filterBox[data-v-0bfef7c2] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
    width: 116px
}

.filterBox div[data-v-0bfef7c2], .filterBox[data-v-0bfef7c2] {
    align-items: center;
    display: flex
}

.filterBox div .svg-icon[data-v-0bfef7c2] {
    font-size: 16px;
    margin-right: 6px
}

.filterBox div span[data-v-0bfef7c2] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px
}

.filterBox i[data-v-0bfef7c2] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.filter-nav-box[data-v-463f0654] {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    width: 100%
}

.filter-nav-box > .left[data-v-463f0654] {
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    min-width: 151px;
    padding: 4px
}

.filter-nav-box > .left > .item[data-v-463f0654] {
    align-items: center;
    box-sizing: border-box;
    color: #686a6c;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    margin: 0 18px;
    padding-bottom: 10px;
    position: relative
}

.filter-nav-box > .left > .active[data-v-463f0654] {
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    color: #f7fbfa
}

.filter-nav-box > .right[data-v-463f0654] {
    display: flex
}

.user-list[data-v-18359835] {
    display: flex;
    flex-wrap: wrap
}

.user-list > .uitem[data-v-18359835] {
    margin: 12px;
    width: calc(16.66667% - 24px)
}

.user-list > .uitem > .up-bard[data-v-18359835] {
    background-color: #222326;
    border-radius: 10px;
    height: 256px;
    overflow: hidden;
    position: relative
}

.user-list > .uitem > .up-bard .bgimg[data-v-18359835] {
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.user-list > .uitem > .up-bard > .user-info[data-v-18359835] {
    left: 0;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 11
}

.user-list > .uitem > .up-bard > .user-info > .user-head[data-v-18359835] {
    display: flex;
    justify-content: center;
    width: 100%
}

.user-list > .uitem > .up-bard > .user-info > .user-head > .head-img[data-v-18359835] {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 70px;
    overflow: hidden;
    width: 70px
}

.user-list > .uitem > .up-bard > .user-info > .user-head > .head-img .head-err[data-v-18359835] {
    align-items: center;
    background-color: #fff;
    color: #1c1d20;
    display: flex;
    font-size: 40px;
    height: 70px;
    justify-content: center;
    width: 70px
}

.user-list > .uitem > .up-bard > .user-info > .user-name[data-v-18359835] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.user-list > .uitem > .up-bard > .user-info > .user-name > span[data-v-18359835] {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-right: 4px;
    margin-top: 4px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-list > .uitem > .up-bard > .user-info > .user-flow[data-v-18359835] {
    display: flex
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item[data-v-18359835] {
    line-height: 24px;
    text-align: center;
    width: 33.33%
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .num[data-v-18359835] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .text[data-v-18359835] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.user-list > .uitem .btn-bard[data-v-18359835] {
    align-items: center;
    background-color: #222326;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    margin-top: 4px
}

.user-list > .uitem .no-follw[data-v-18359835] {
    color: #3f8cff
}

.user-list > .uitem .yes-follw[data-v-18359835]:before {
    color: hsla(0, 0%, 100%, .5);
    content: attr(data-yesflow)
}

.user-list > .uitem .yes-follw[data-v-18359835]:hover:before {
    color: hsla(0, 0%, 100%, .8);
    content: attr(data-unflow)
}

@media (max-width: 1699.98px) {
    .user-list > .uitem[data-v-18359835] {
        width: calc(20% - 24px)
    }
}

@media (max-width: 1499.98px) {
    .user-list > .uitem[data-v-18359835] {
        width: calc(25% - 24px)
    }
}

.event-registration .el-dialog__body .event-registration-container .model-list, .event-registration .el-dialog__body .event-registration-container .participating-model-list {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 88px);
    overflow: auto;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item {
    border: 2px solid transparent;
    border-radius: 16px;
    cursor: pointer;
    height: 240px;
    margin: 5px;
    position: relative;
    width: 240px
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container {
    box-sizing: border-box;
    height: 100%;
    transition: transform .3s ease-out;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .model-img, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .model-img {
    align-items: center;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .bottom-name, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .bottom-name {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0 0 16px 16px;
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    width: 240px
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .bottom-name .name, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .bottom-name .name {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item.selected {
    border: 2px solid #27b670
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item.selected .model-item-container {
    transform: scale(.85)
}

.event-registration .el-dialog__body .event-registration-container .model-list .no-picture, .event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .no-picture .tip, .event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture .tip {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list {
    box-sizing: border-box;
    height: calc(100% - 48px);
    padding-top: 15px
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .participating-tip {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    justify-content: flex-start;
    padding: 0 8px;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .participating-tip .svg-icon {
    margin-right: 5px
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture {
    height: calc(100% - 32px)
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item {
    cursor: default
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container {
    position: relative
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    left: 7px;
    padding: 3px 10px;
    position: absolute;
    top: 7px
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip.competing {
    background: #0d9488
}

.event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip.not-pass {
    background: #8e8e8e
}

.event-registration .el-dialog__header {
    padding: 20px 35px 10px
}

.event-registration .el-dialog__body {
    box-sizing: border-box;
    height: 877px;
    padding: 10px 25px 25px !important
}

.event-registration .el-dialog__body .event-registration-container {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div .header {
    align-items: center;
    box-shadow: inset 0 -1px 0 0 #1e293b;
    display: flex;
    height: 48px;
    justify-content: center;
    justify-content: space-between;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container {
    display: flex;
    flex-wrap: nowrap;
    height: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container .tab-item {
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 25px;
    padding-top: 15px;
    position: relative
}

.event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container .tab-item.active:after {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 12px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container :last-child {
    margin-right: 0
}

.event-registration .el-dialog__body .event-registration-container .top-div .header .btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border: 0;
    border-radius: 8px 8px 8px 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    justify-content: center;
    line-height: 16px;
    padding: 10px 15px
}

.event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-content: space-between;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .agree-rules > span, .event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .select-num > span {
    color: #788290;
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400
}

.event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .agree-rules .activity-rules {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.event-registration .el-dialog__body .event-registration-container .model-list, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 88px);
    overflow: auto;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item {
    border: 2px solid transparent;
    border-radius: 16px;
    cursor: pointer;
    height: 240px;
    margin: 5px;
    position: relative;
    width: 240px
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container {
    box-sizing: border-box;
    height: 100%;
    transition: transform .3s ease-out;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .model-img, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .model-img {
    align-items: center;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item.selected {
    border: 2px solid #27b670
}

.event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item.selected .model-item-container {
    transform: scale(.85)
}

.event-registration .el-dialog__body .event-registration-container .model-list .no-picture, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .model-list .no-picture .tip, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture .tip {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list {
    box-sizing: border-box;
    height: calc(100% - 48px);
    padding-top: 15px
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .participating-tip {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    justify-content: flex-start;
    padding: 0 8px;
    width: 100%
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .participating-tip .svg-icon {
    margin-right: 5px
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture {
    height: calc(100% - 32px)
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item {
    cursor: default
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container {
    position: relative
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    left: 7px;
    padding: 3px 10px;
    position: absolute;
    top: 7px
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip.competing {
    background: #0d9488
}

.event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip.not-pass {
    background: #8e8e8e
}

.loading-status[data-v-79da4069] {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw
}

.loading-status .loading-gif[data-v-79da4069] {
    height: 63px;
    width: 162px
}

.c-import-image-modal {
    background: #24262a;
    border-radius: 16px
}

.c-import-image-modal .el-dialog__title {
    color: #f3f2f3;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700
}

.c-import-image-modal .el-dialog__close {
    color: #f3f2f3
}

.c-import-image-modal .import-image-modal-describe {
    color: #c0c0c3;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400
}

.c-import-image-modal .import-image-modal-input {
    margin-top: 8px
}

.c-import-image-modal .import-image-modal-input .el-input__inner {
    background: #24262a;
    border-color: #393c3d;
    border-radius: 6px
}

.c-import-image-modal .cancel-btn {
    background: #1a1d1f;
    border-color: transparent;
    border-radius: 8px;
    color: #fff;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500
}

.c-import-image-modal .confirm-btn {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 8px;
    color: #fff
}

.action-item[data-v-33629b94] {
    cursor: pointer;
    height: 49px;
    width: 48px
}

.action-item .icon-box[data-v-33629b94] {
    height: 100%;
    width: 100%
}

.action-item[data-v-33629b94]:hover {
    background-color: #2a2832;
    color: #fff
}

.act-item[data-v-33629b94] {
    background-color: #4784ff !important
}

.disable-item[data-v-33629b94] {
    cursor: not-allowed
}

.top-select-list .item > div[data-v-33629b94], .top-select-list .item > div[data-v-33629b94] .el-upload, .top-select-list .item > div[data-v-33629b94] .el-upload .upitem {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.tooltip-video[data-v-bfe913b4] {
    animation: fadeIn 1s 1s forwards;
    border-radius: 6px;
    padding: 0
}

.tooltip-video-title[data-v-bfe913b4] {
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    width: 100%
}

.tooltip-video-item[data-v-bfe913b4] {
    border-radius: 4px;
    height: 246px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 270px
}

.action-item[data-v-44a06155] {
    cursor: pointer;
    height: 49px;
    width: 48px
}

.action-item .icon-box[data-v-44a06155] {
    height: 100%;
    width: 100%
}

.action-item[data-v-44a06155]:hover {
    background-color: #2a2832;
    color: #fff
}

.act-item[data-v-44a06155] {
    background-color: #4784ff !important
}

.disable-item[data-v-44a06155] {
    cursor: not-allowed
}

.action-item[data-v-33c92248] {
    cursor: pointer;
    height: 49px;
    width: 48px
}

.action-item .icon-box[data-v-33c92248] {
    height: 100%;
    width: 100%
}

.action-item .icon-box > .iconfont[data-v-33c92248] {
    font-size: 20px
}

.action-item[data-v-33c92248]:hover {
    background-color: #2a2832;
    color: #fff
}

.act-item[data-v-33c92248] {
    background-color: #4784ff !important
}

.disable-item[data-v-33c92248] {
    cursor: not-allowed
}

.action-item[data-v-a238bc8c] {
    cursor: pointer;
    height: 49px;
    width: 48px
}

.action-item .icon-box[data-v-a238bc8c] {
    height: 100%;
    width: 100%
}

.action-item .icon-box i[data-v-a238bc8c] {
    color: #c0c0c3;
    font-size: 18px
}

.action-item[data-v-a238bc8c]:hover {
    background-color: #2a2832
}

.action-item:hover i[data-v-a238bc8c] {
    color: #fff;
    font-size: 18px
}

.act-item[data-v-a238bc8c] {
    background-color: #4784ff !important
}

.disable-item[data-v-a238bc8c] {
    cursor: not-allowed
}

.disable-dom .iconfont[data-v-a238bc8c] {
    color: #8d8d8f;
    cursor: not-allowed
}

.color-max-box .top-item[data-v-54da5da1] {
    height: 32px;
    padding-bottom: 7px;
    padding-top: 4px
}

.color-max-box .top-item > .left[data-v-54da5da1] {
    background-color: #393b41;
    border-radius: 7px;
    height: 32px;
    margin-left: 6px
}

.color-max-box .top-item > .left > .item[data-v-54da5da1] {
    height: 32px;
    width: 32px
}

.color-max-box .top-item > .left > .item > .iconfont[data-v-54da5da1] {
    color: #c0c0c3;
    font-size: 16px
}

.color-max-box .top-item > .left > .act-item-top[data-v-54da5da1] {
    background-color: #4784ff;
    border-radius: 7px;
    color: #fff
}

.color-max-box .top-item > .right[data-v-54da5da1] {
    margin-right: 6px;
    width: calc(100% - 78px)
}

.color-max-box .top-item > .right > .icon-huak[data-v-54da5da1] {
    color: #c0c0c3;
    font-size: 16px;
    height: 24px;
    margin: 0 4px;
    width: 24px
}

.color-max-box .top-item > .right > .slider-item[data-v-54da5da1] {
    padding: 0 10px;
    width: 110px
}

.color-max-box .top-item > .right > .slider-input[data-v-54da5da1] {
    background: #393b41;
    border-radius: 100px;
    height: 24px;
    width: 70px
}

.color-max-box .top-item > .right > .slider-input > .item[data-v-54da5da1] {
    width: calc(100% - 20px)
}

.color-max-box .top-item > .right > .slider-input > .item[data-v-54da5da1] .el-input__inner {
    background-color: transparent;
    border: 0;
    border-radius: 100px;
    color: #c0c0c3;
    font-size: 12px;
    height: 22px;
    padding: 0 10px
}

.color-max-box > .color-box[data-v-54da5da1] {
    border-top: 1px solid #2a2832;
    height: 35px
}

.color-max-box > .color-box > .left[data-v-54da5da1] {
    flex-grow: 1;
    height: 18px
}

.color-max-box > .color-box > .left > .item[data-v-54da5da1] {
    border-radius: 4px;
    height: 18px;
    margin: 0 7px;
    position: relative;
    width: 18px
}

.color-max-box > .color-box > .left > .act-item-top[data-v-54da5da1]:before {
    border: 1px solid #4784ff;
    border-radius: 4px;
    content: "";
    display: block;
    height: 22px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 22px
}

.color-max-box > .color-box > .right[data-v-54da5da1] {
    border-left: 1px solid #f0f0f0;
    justify-content: flex-end;
    padding-right: 7px;
    width: 28px
}

.color-max-box > .color-box > .right > .item[data-v-54da5da1] {
    background: conic-gradient(from 180deg at 50% 50%, #ff34eb -40.67deg, #f44 37.83deg, #faff00 102.82deg, #00fff0 179.02deg, #7000ff 258.03deg, #ff34eb 319.33deg, #f44 397.83deg);
    border-radius: 4px;
    height: 18px;
    width: 18px
}

.color-picker[data-v-54da5da1] .el-color-picker__trigger {
    border: 0
}

.el-color-picker__panel {
    background-color: #2a2832;
    border-color: #2a2832
}

.el-color-picker__panel .el-input__inner {
    background-color: #393c41;
    border: 0;
    color: #c0c0c3
}

.el-color-picker__panel .el-button--default {
    background: linear-gradient(99deg, #3271cc, #0fffff) !important;
    border-color: #409eff;
    color: #fff !important
}

.el-color-picker__panel .el-button--text {
    display: none
}

.disable-dom {
    color: #6b6b6f !important;
    cursor: not-allowed
}

.action-item[data-v-28ffe06b] {
    cursor: pointer;
    height: 49px;
    position: relative;
    width: 48px
}

.action-item[data-v-28ffe06b] .arrow-box {
    height: 12px;
    transition: all .3s;
    width: 12px
}

.action-item[data-v-28ffe06b] .el-icon-arrow-down {
    font-size: 12px
}

.action-item[data-v-28ffe06b] .icon-arrow_act {
    transform: rotate(180deg);
    transition: all .3s
}

.action-item[data-v-28ffe06b]:hover {
    background-color: #2a2832;
    color: #fff
}

.act-item[data-v-28ffe06b] {
    background-color: #4784ff !important
}

.disable-item[data-v-28ffe06b] {
    cursor: not-allowed
}

.top-select-list[data-v-28ffe06b] {
    width: 230px
}

.top-select-list > .item[data-v-28ffe06b] {
    padding-left: 20px;
    position: relative
}

.top-select-list > .item > .icon-gou[data-v-28ffe06b] {
    font-size: 20px;
    left: 10px;
    margin: 0;
    position: absolute;
    top: 6px
}

.brush-style-box[data-v-28ffe06b] {
    background-color: #24262a;
    border: 1px solid #2a2832;
    border-radius: 10px;
    height: 80px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 297px;
    z-index: 10
}

.top-select-list {
    background-color: #24262a;
    border-radius: 8px;
    cursor: pointer;
    padding: 6px
}

.top-select-list .item {
    color: #c0c0c3;
    font-size: 12px;
    height: 40px
}

.top-select-list .item:hover {
    background-color: #393b41
}

.top-select-list .item .iconfont {
    margin-left: 17px;
    margin-right: 12px
}

.action-item[data-v-3fa96bb6] {
    cursor: pointer;
    height: 49px;
    position: relative;
    width: 48px
}

.action-item[data-v-3fa96bb6] .arrow-box {
    height: 12px;
    transition: all .3s;
    width: 12px
}

.action-item[data-v-3fa96bb6] .el-icon-arrow-down {
    font-size: 12px
}

.action-item[data-v-3fa96bb6] .icon-arrow_act {
    transform: rotate(180deg);
    transition: all .3s
}

.action-item[data-v-3fa96bb6]:hover {
    background-color: #2a2832;
    color: #fff
}

.action-item > .iconfont[data-v-3fa96bb6] {
    font-size: 22px
}

.act-item[data-v-3fa96bb6] {
    background-color: #4784ff !important
}

.disable-item[data-v-3fa96bb6] {
    cursor: not-allowed
}

.top-select-list[data-v-3fa96bb6] {
    width: 230px
}

.top-select-list > .item[data-v-3fa96bb6] {
    padding-left: 20px;
    position: relative
}

.top-select-list > .item > .icon-gou[data-v-3fa96bb6] {
    font-size: 20px;
    left: 10px;
    margin: 0;
    position: absolute;
    top: 6px
}

.brush-style-box[data-v-3fa96bb6] {
    background-color: #24262a;
    border: 1px solid #2a2832;
    border-radius: 10px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 297px;
    z-index: 10
}

.action-item[data-v-45f54af1] {
    cursor: pointer;
    height: 49px;
    position: relative;
    width: 48px
}

.action-item .icon-box[data-v-45f54af1] {
    height: 100%;
    width: 100%
}

.action-item[data-v-45f54af1]:hover {
    background-color: #2a2832;
    color: #fff
}

.brush-style-box[data-v-45f54af1] {
    background-color: #24262a;
    border: 1px solid #2a2832;
    border-radius: 10px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 339px;
    z-index: 10
}

.act-item[data-v-45f54af1] {
    background-color: #4784ff !important
}

.disable-item[data-v-45f54af1] {
    cursor: not-allowed
}

.activity-home-content[data-v-61c1201e] {
    margin: 0 auto;
    max-width: 1400px
}

.activity-home-content .item-row[data-v-61c1201e] {
    align-items: center;
    background-color: transparent;
    display: flex;
    min-height: 350px
}

.activity-home-content .item-row img[data-v-61c1201e] {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.galleryBox .imgNum[data-v-8761423e] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    padding: 3px 6px;
    position: absolute;
    right: 5px;
    top: 5px
}

.galleryBox .imgNum .svg-icon[data-v-8761423e] {
    font-size: 15px
}

.galleryBox .imgNum span[data-v-8761423e] {
    color: #fff;
    font-size: 12px;
    margin-left: 5px
}

.ellipsis-text[data-v-8761423e] {
    color: #cbd5e1;
    display: block;
    font-size: 12px;
    line-height: 15px;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.no-search-data-container[data-v-8761423e] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 260px
}

.no-search-data-container .no-search-image[data-v-8761423e] {
    height: 120px;
    width: 120px
}

.no-search-data-container .null-tips[data-v-8761423e] {
    color: #aaacb3;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.at-bottom[data-v-8761423e] {
    align-items: center;
    bottom: -100px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    width: 100%
}

.at-bottom .dashed-line[data-v-8761423e] {
    border: 1px dashed #55617d;
    height: 0;
    width: 120px
}

.at-bottom .tips[data-v-8761423e] {
    color: #55617d;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 16px
}

.waterfall-container[data-v-8761423e] {
    height: 100%;
    position: relative;
    width: 100%
}

.waterfall-item[data-v-8761423e] {
    border-radius: 12px;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none
}

.waterfall-item .timeRow[data-v-8761423e] {
    align-items: center;
    color: #fff;
    display: flex
}

.waterfall-item .listCnt[data-v-8761423e] {
    align-items: center;
    background-color: #1e2a3b;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative
}

.waterfall-item .listCnt .img-content[data-v-8761423e] {
    border-radius: 12px;
    overflow: hidden
}

.waterfall-item .listCnt .img-content img[data-v-8761423e] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.waterfall-item .listCnt .statusCnt[data-v-8761423e] {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusZg[data-v-8761423e] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.waterfall-item .listCnt .statusCnt .statusBox[data-v-8761423e] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    margin-left: -45px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: 120px
}

.waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-8761423e] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusBox div[data-v-8761423e] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.waterfall-item .listCnt[data-v-8761423e]:hover {
    cursor: pointer
}

.waterfall-item .listCnt:hover .hover-show[data-v-8761423e] {
    opacity: 1 !important;
    transition: all .3s ease-in-out
}

.waterfall-item .listCnt:hover .CollectPop[data-v-8761423e], .waterfall-item .listCnt:hover .cltpop[data-v-8761423e] {
    opacity: 1 !important
}

.waterfall-item .listCnt:hover .modelPoint[data-v-8761423e], .waterfall-item .listCnt:hover .payNum[data-v-8761423e] {
    opacity: 0
}

.waterfall-item:hover .cntImg[data-v-8761423e] {
    transform: scale(1.15)
}

.waterfall-item .workInfo[data-v-8761423e] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 42px;
    justify-content: space-between;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.waterfall-item .workInfo .numInfo[data-v-8761423e] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .1);
    border-radius: 24px;
    display: flex;
    height: 28px;
    margin: 0 10px;
    padding: 0 7px
}

.waterfall-item .workInfo .numInfo .numItem[data-v-8761423e] {
    align-items: center;
    display: flex
}

.waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-8761423e] {
    color: #fff;
    font-size: 16px
}

.waterfall-item .workInfo .numInfo .numItem span[data-v-8761423e] {
    color: #fff;
    font-size: 12px;
    margin-left: 4px
}

.waterfall-item .workInfo .numInfo .numItem[data-v-8761423e]:first-child {
    margin-right: 18px
}

.waterfall-item .CollectPop[data-v-8761423e] {
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    z-index: 2
}

.waterfall-item .cltpop[data-v-8761423e] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.waterfall-item .payNum[data-v-8761423e] {
    left: 9px;
    opacity: 1;
    position: absolute;
    top: 6px;
    transition: all .3s
}

.waterfall-item .green-mode-div[data-v-8761423e] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.waterfall-item .waterfall-hover-try[data-v-8761423e] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.waterfall-item .hover-show[data-v-8761423e] {
    opacity: 0
}

.waterfall-item img[data-v-8761423e] {
    border-radius: inherit;
    display: block;
    min-height: 100%;
    transition: transform .3s ease-out
}

.waterfall-item .avatorClass[data-v-8761423e] {
    background: #fff;
    border-radius: 50%;
    color: #0f101b;
    flex: 0 0 auto;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
    text-align: center;
    width: 22px
}

.waterfall-item .shade[data-v-8761423e] {
    bottom: 0;
    color: #fff;
    height: 160px;
    left: 0;
    line-height: 160px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 160px
}

.waterfall-item .shade p[data-v-8761423e] {
    position: relative;
    z-index: 2
}

.waterfall-item .shade[data-v-8761423e]:after {
    background: #0f101b;
    border-radius: 80px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .activity[data-v-8761423e] {
    align-content: flex-end;
    background: transparent;
    bottom: -65px;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.waterfall-item .activity .top-container[data-v-8761423e] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

.waterfall-item .activity .top-container .name[data-v-8761423e] {
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .9);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    max-width: calc(100% - 72px);
    overflow: hidden;
    padding: 0 3px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .top-container .points[data-v-8761423e] {
    color: #abaeb7;
    font-size: 14px;
    font-weight: 400;
    padding: 0 8px
}

.waterfall-item .activity .top-container .collect-num[data-v-8761423e] {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    padding-right: 8px;
    width: 72px
}

.waterfall-item .activity .top-container .collect-num .svg-icon[data-v-8761423e] {
    margin-right: 3px
}

.waterfall-item .activity .personal-info[data-v-8761423e] {
    box-sizing: border-box;
    padding: 5px 8px 10px;
    width: 100%
}

.waterfall-item .activity .personal-info .left-info[data-v-8761423e], .waterfall-item .activity .personal-info[data-v-8761423e] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.waterfall-item .activity .personal-info .left-info .avatorClass[data-v-8761423e] {
    cursor: pointer;
    height: 26px;
    width: 26px
}

.waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-8761423e] {
    cursor: pointer;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .personal-info .right-btn[data-v-8761423e] {
    background: rgba(113, 235, 198, .3);
    border-radius: 20px;
    color: #00ffd1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    min-width: 65px;
    padding: 6px 0;
    text-align: center
}

.waterfall-item .activity .personal-info .right-btn.disabled[data-v-8761423e] {
    background: #999;
    color: #fff;
    cursor: not-allowed
}

.waterfall-item .activity .gallery-tag[data-v-8761423e] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    padding: 3px 6px;
    position: absolute;
    right: 5px;
    top: 5px
}

.waterfall-item .activity .gallery-tag .svg-icon[data-v-8761423e] {
    font-size: 15px
}

.waterfall-item .activity .gallery-tag span[data-v-8761423e] {
    color: #fff;
    font-size: 12px;
    margin-left: 5px
}

.activity-waterfall[data-v-d907adfe] {
    margin: 0 80px;
    min-height: 250px
}

.activity-waterfall .wraper[data-v-d907adfe] {
    position: relative
}

.activity-waterfall[data-v-4a042fce] {
    margin: 0 80px;
    min-height: 250px
}

.activity-waterfall .wraper[data-v-4a042fce] {
    position: relative
}

.claim-award .el-dialog {
    background: #1a202f;
    border: 0;
    border-radius: 30px;
    height: 680px;
    margin-top: calc(50vh - 411px) !important;
    width: 858px
}

.claim-award .el-dialog .el-dialog__header {
    background: #1a202f;
    padding: 0
}

.claim-award .el-dialog .el-dialog__header .el-dialog__headerbtn {
    font-size: 20px
}

.claim-award .el-dialog .el-dialog__body {
    background: #1a202f;
    border-radius: 30px;
    box-sizing: border-box;
    height: 100%;
    padding: 50px 80px 59px;
    width: 100%
}

.claim-award .el-dialog .el-dialog__body .sub-title, .claim-award .el-dialog .el-dialog__body .title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.claim-award .el-dialog .el-dialog__body .sub-title {
    margin-top: 5px
}

.claim-award .el-dialog .el-dialog__body .first-tip {
    margin-top: 20px
}

.claim-award .el-dialog .el-dialog__body .first-tip, .claim-award .el-dialog .el-dialog__body .second-tip, .claim-award .el-dialog .el-dialog__body .third-tip {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.claim-award .el-dialog .el-dialog__body .el-form {
    margin-top: 45px;
    position: relative
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label {
    height: 30px;
    line-height: 30px
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .star {
    color: #ff3e3e
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .number, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .words {
    color: #f2f2f2;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .sub-label {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-input .el-input__inner, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner {
    background: hsla(0, 0%, 100%, .1);
    border-color: transparent;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .5);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner {
    height: 40px;
    width: 170px
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5);
    font-family: Arial-Regular, Arial;
    font-size: 13px;
    font-weight: 400
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner::placeholder {
    color: hsla(0, 0%, 100%, .5);
    font-family: Arial-Regular, Arial;
    font-size: 13px;
    font-weight: 400
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-icon-circle-check, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-icon-circle-close {
    display: none
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item.is-error .el-input__inner {
    border-color: #f56c6c !important
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item.contract-type .el-form-item__error {
    width: 170px;
    word-break: break-word
}

.claim-award .el-dialog .el-dialog__body .el-form .el-form-item.contract-info {
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    width: calc(100% - 180px)
}

.claim-award .el-dialog .el-dialog__body .submit {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border: 0;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    height: 56px;
    margin: 40px auto 0;
    width: 329px
}

.rankDelsList[data-v-6db747fc] {
    background: hsla(0, 0%, 100%, .13);
    border-radius: 20px 20px 20px 20px;
    box-shadow: inset 1px 0 0 0 hsla(0, 0%, 100%, .1), inset 0 2px 0 0 hsla(0, 0%, 100%, .25);
    box-sizing: border-box;
    height: 706px;
    margin: 0 10px;
    padding: 20px 30px;
    width: 580px
}

.rankDelsList .title[data-v-6db747fc] {
    display: flex;
    height: 50px;
    justify-content: space-between
}

.rankDelsList .title span[data-v-6db747fc] {
    color: #fff;
    font-size: 24px
}

.rankDelsList .title .aceept[data-v-6db747fc], .rankDelsList .title .end[data-v-6db747fc], .rankDelsList .title .join[data-v-6db747fc] {
    align-items: center;
    background: hsla(38, 83%, 68%, .2);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
    color: #f1c16c;
    cursor: pointer;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    padding: 8px 10px
}

.rankDelsList .title .aceept .el-icon-d-arrow-right[data-v-6db747fc], .rankDelsList .title .end .el-icon-d-arrow-right[data-v-6db747fc], .rankDelsList .title .join .el-icon-d-arrow-right[data-v-6db747fc] {
    margin-left: 5px
}

.rankDelsList .title .end[data-v-6db747fc] {
    background: hsla(35, 21%, 89%, .6);
    color: hsla(0, 0%, 100%, .5);
    cursor: not-allowed
}

.rankDelsList .title .aceept[data-v-6db747fc] {
    background: #eaab3c;
    color: #fff
}

.rankDelsList .list[data-v-6db747fc] {
    height: calc(100% - 50px);
    overflow: auto;
    width: 100%
}

.rankDelsList .list[data-v-6db747fc]::-webkit-scrollbar {
    display: none
}

.rankDelsList .list .item[data-v-6db747fc] {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border-radius: 10px;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 15px 30px 15px 11px;
    transition: all .3s;
    width: 100%
}

.rankDelsList .list .item[data-v-6db747fc]:hover {
    background: hsla(0, 0%, 100%, .15)
}

.rankDelsList .list .item[data-v-6db747fc]:last-child {
    margin-bottom: 0
}

.rankDelsList .list .item .left[data-v-6db747fc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 400px
}

.rankDelsList .list .item .info[data-v-6db747fc] {
    align-items: center;
    display: flex;
    width: 260px
}

.rankDelsList .list .item .info .rankNum[data-v-6db747fc] {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.rankDelsList .list .item .info .rankNum img[data-v-6db747fc] {
    height: 36px;
    width: 36px
}

.rankDelsList .list .item .info .rankNum span[data-v-6db747fc] {
    color: #787d82;
    font-size: 14px
}

.rankDelsList .list .item .info .imgs[data-v-6db747fc] {
    background-color: #595c69;
    border-radius: 100%;
    flex: 0 0 auto;
    height: 36px;
    margin-left: 5px;
    overflow: hidden;
    width: 36px
}

.rankDelsList .list .item .info .imgs img[data-v-6db747fc] {
    border-radius: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.rankDelsList .list .item .info .imgsModel[data-v-6db747fc] {
    border-radius: 8px;
    height: 64px;
    width: 64px
}

.rankDelsList .list .item .info .imgsModel img[data-v-6db747fc] {
    align-items: flex-start;
    border-radius: 8px;
    height: auto;
    min-height: 100%
}

.rankDelsList .list .item .info .defImg[data-v-6db747fc] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rankDelsList .list .item .info .txt[data-v-6db747fc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 6px;
    width: 150px
}

.rankDelsList .list .item .info .txt .name[data-v-6db747fc] {
    align-items: center;
    display: flex
}

.rankDelsList .list .item .info .txt .name .name-text[data-v-6db747fc] {
    color: #f1c16c;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rankDelsList .list .item .info .txt .text-content-main-image[data-v-6db747fc], .rankDelsList .list .item .info .txt .vip-icon[data-v-6db747fc] {
    align-items: center;
    display: flex;
    margin-left: 5px;
    min-width: 24px;
    width: 24px
}

.rankDelsList .list .item .info .txt .text-content-main-image img[data-v-6db747fc], .rankDelsList .list .item .info .txt .vip-icon img[data-v-6db747fc] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.rankDelsList .list .item .info .txt .creator-badge[data-v-6db747fc] {
    cursor: pointer;
    margin-left: 5px;
    width: 24px
}

.rankDelsList .list .item .info .txt .followers[data-v-6db747fc] {
    color: #b5b5b5;
    font-size: 12px;
    margin-top: 4px
}

.rankDelsList .list .item .quan[data-v-6db747fc] {
    align-items: center;
    display: flex;
    width: 100px
}

.rankDelsList .list .item .quan .svg-icon[data-v-6db747fc] {
    font-size: 20px;
    margin-right: 5px
}

.rankDelsList .list .item .quan span[data-v-6db747fc] {
    color: #fff;
    font-size: 14px
}

.rankDelsList .list .item .pop[data-v-6db747fc] {
    flex-direction: column
}

.rankDelsList .list .item .pop .popNum[data-v-6db747fc], .rankDelsList .list .item .pop[data-v-6db747fc] {
    align-items: center;
    display: flex
}

.rankDelsList .list .item .pop .popNum span[data-v-6db747fc] {
    color: 14px;
    font-size: 14px;
    margin-right: 5px
}

.rankDelsList .list .item .pop .popNum .svg-icon[data-v-6db747fc] {
    font-size: 12px
}

.rankDelsList .list .item .pop .popTxt[data-v-6db747fc] {
    color: #9da2a6;
    font-size: 11px;
    margin-top: 5px
}

.rankDelsList.no-pop[data-v-6db747fc] {
    width: 450px
}

.rankDelsList.no-pop .list .item[data-v-6db747fc] {
    padding: 15px 11px
}

.rankDelsList.no-pop .list .item .left .quan[data-v-6db747fc] {
    width: 80px
}

.rankDelsList.no-pop .list .item .left .quan span[data-v-6db747fc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rankDelsList.no-pop .list .item .left .quan .svg-icon.like[data-v-6db747fc] {
    fill: #878c97
}

.rankDelsList.no-pop .list .item .left .quan .svg-icon.ranks-user[data-v-6db747fc] {
    font-size: 23px
}

.rankDelsList .el-select .el-input .el-input__inner {
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    outline: none;
    width: 113px
}

.rankDelsList .el-select .el-input .el-select__caret {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.activity-rules .el-dialog__body pre {
    font-family: PingFang SC-Regular, PingFang SC, 微软雅黑;
    margin: 0
}

.tab-btns[data-v-724000fe] {
    gap: .5vw;
    justify-content: space-between;
    margin: 2.5vw 4vw 1.5vw
}

.tab-btns .tab-btn[data-v-724000fe] {
    border: none;
    border-radius: 68px;
    color: #bfbfbf;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding: .5vw 1.5vw
}

.tab-btns .tab-btn[data-v-724000fe]:hover {
    background: rgba(28, 29, 42, .6);
    color: hsla(0, 0%, 100%, .8)
}

.tab-btns .tab-btn.active[data-v-724000fe] {
    background: rgba(28, 29, 42, .6);
    border: 1px solid #ce3a2e;
    color: #fff
}

.tab-btns .right .claim-btn[data-v-724000fe], .tab-btns .right[data-v-724000fe] {
    align-items: center;
    display: flex
}

.tab-btns .right .claim-btn[data-v-724000fe] {
    background: hsla(38, 83%, 68%, .2);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    box-sizing: border-box;
    color: #f1c16c;
    cursor: pointer;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    margin-right: 24px;
    padding: 8px 10px
}

.tab-btns .right .claim-btn .el-icon-d-arrow-right[data-v-724000fe] {
    margin-left: 5px
}

.tab-btns .right .order-content[data-v-724000fe] {
    color: #fff;
    font-family: "Inter-Medium", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 500;
    gap: 12px
}

.tab-btns .right .order-content .order-btn[data-v-724000fe] {
    cursor: pointer;
    padding: 6px 27px
}

.tab-btns .right .order-content .order-btn.active[data-v-724000fe] {
    color: #f44
}

.active-join-dialog[data-v-2ca8afac] .el-dialog {
    margin-top: 3vh !important
}

.active-join-dialog .select[data-v-2ca8afac] {
    border-bottom: 1px solid #3a3a3a;
    gap: 25px
}

.active-join-dialog .select .tab-btn[data-v-2ca8afac] {
    color: hsla(0, 0%, 100%, .8);
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 16px;
    font-weight: 400
}

.active-join-dialog .select .tab-btn.tab-active[data-v-2ca8afac] {
    color: #fff;
    position: relative
}

.active-join-dialog .select .tab-btn.tab-active[data-v-2ca8afac]:after {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    background-position: 50%;
    background-size: contain;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60%
}

.active-join-dialog .info[data-v-2ca8afac] {
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-weight: 400;
    gap: 20px;
    margin: 20px 0
}

.active-join-dialog .info .title[data-v-2ca8afac] {
    color: #fff;
    font-size: 18px;
    line-height: 21px
}

.active-join-dialog .info .txt[data-v-2ca8afac] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.active-join-dialog .info .txt .icon[data-v-2ca8afac] {
    font-size: 16px;
    margin-right: 8px
}

.active-join-dialog .select-content[data-v-2ca8afac] {
    background: rgba(60, 73, 89, .5);
    border-radius: 20px 20px 20px 20px;
    margin: 14px 0;
    max-height: calc(100vh - 345px);
    min-height: 500px;
    overflow-y: auto;
    width: 1056px
}

.active-join-dialog .select-content .select-items[data-v-2ca8afac] {
    gap: 10px;
    padding: 24px
}

.active-join-dialog .select-content .select-items .item[data-v-2ca8afac] {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 240px
}

.active-join-dialog .select-content .select-items .item.clicked[data-v-2ca8afac] {
    outline: 4px solid #71ebc6
}

.active-join-dialog .select-content .select-items .item.joined-hidden[data-v-2ca8afac] {
    display: none
}

.active-join-dialog .select-content .select-items .item .added-btn[data-v-2ca8afac] {
    background-color: #0d9488;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    left: 6px;
    padding: 6px 10px;
    position: absolute;
    top: 6px
}

.active-join-dialog .select-content .select-items .item .text[data-v-2ca8afac] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, .2);
    border-radius: 0 0 16px 16px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    width: 100%
}

.active-join-dialog .select-content .select-items .item .item-cover[data-v-2ca8afac] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.active-join-dialog .select-content .select-items .create-item[data-v-2ca8afac] {
    background: #212839;
    color: #767982;
    cursor: pointer;
    font-size: 16px;
    gap: 24px
}

.active-join-dialog .select-content .select-items .create-item .icon[data-v-2ca8afac] {
    transform: scale(2)
}

.active-join-dialog .select-content .select-items .gallery-item[data-v-2ca8afac], .active-join-dialog .select-content .select-items .model-item[data-v-2ca8afac] {
    cursor: pointer;
    justify-content: flex-end
}

.active-join-dialog .select-content .select-items .gallery-item .gallery-tag[data-v-2ca8afac] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    padding: 3px 6px;
    position: absolute;
    right: 5px;
    top: 5px
}

.active-join-dialog .select-content .select-items .gallery-item .gallery-tag .svg-icon[data-v-2ca8afac] {
    font-size: 15px
}

.active-join-dialog .select-content .select-items .gallery-item .gallery-tag span[data-v-2ca8afac] {
    color: #fff;
    font-size: 12px;
    margin-left: 5px
}

.active-join-dialog .submit-content[data-v-2ca8afac] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 0 24px
}

.active-join-dialog .submit-content .submit-btn[data-v-2ca8afac] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding: 11px 44px
}

.active-join-dialog .submit-content .submit-btn[data-v-2ca8afac]:hover {
    filter: brightness(1.3)
}

.activity-index[data-v-6a1ba40e] {
    background-color: #0a0a0a;
    padding-top: 72px
}

.activity-index .top[data-v-6a1ba40e], .activity-index[data-v-6a1ba40e] {
    position: relative
}

.activity-index .top .top-img[data-v-6a1ba40e] {
    align-items: center;
    display: flex
}

.activity-index .top .top-img img[data-v-6a1ba40e] {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.activity-index .top .join-btn-content[data-v-6a1ba40e] {
    bottom: 3vw;
    padding: 1vw 6.5vw;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 1
}

.activity-index .top .join-btn-content.sticky[data-v-6a1ba40e] {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(0, 0, 0, .4);
    bottom: auto;
    position: fixed;
    top: 72px
}

.activity-index .top .join-btn-content.sticky .join-btn[data-v-6a1ba40e] {
    animation: text-focus-in-6a1ba40e .5s cubic-bezier(.55, .085, .68, .53) both, heartbeat-6a1ba40e 3s ease-in-out infinite both
}

.activity-index .top .join-btn-content .join-btn[data-v-6a1ba40e] {
    animation: heartbeat-6a1ba40e 3s ease-in-out infinite both;
    background: #ce3a2e;
    border: none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 1vw;
    font-weight: 500;
    gap: 1vw;
    padding: 1.1vw 5.5vw
}

.activity-index .top .join-btn-content .join-btn.disabled[data-v-6a1ba40e] {
    animation: none;
    background: #999;
    cursor: not-allowed
}

@keyframes text-focus-in-6a1ba40e {
    0% {
        filter: blur(12px);
        opacity: 0
    }
    to {
        filter: blur(0);
        opacity: 1
    }
}

@keyframes heartbeat-6a1ba40e {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center
    }
    10% {
        animation-timing-function: ease-in;
        transform: scale(.91)
    }
    17% {
        animation-timing-function: ease-out;
        transform: scale(.98)
    }
    33% {
        animation-timing-function: ease-in;
        transform: scale(.87)
    }
    45% {
        animation-timing-function: ease-out;
        transform: scale(1)
    }
}

.change-password[data-v-2e06f28c] {
    margin-top: 30px
}

.change-password .tagView-form[data-v-2e06f28c] {
    box-sizing: border-box;
    height: calc(100% - 286px);
    padding: 0 30.5px;
    width: 100%
}

.change-password .tagView-form .bottom-btn[data-v-2e06f28c] {
    background: #141726;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    margin: 40px auto;
    transition: all .5s ease-in-out;
    width: 328px
}

.change-password .tagView-form .bottom-btn[data-v-2e06f28c]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.change-password .tagView-form .bottom-btn[data-v-2e06f28c]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.change-password .tagView-form[data-v-2e06f28c] .el-form-item .el-form-item__label {
    color: #d5dbe5;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500
}

.change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__inner {
    background: #2a334c;
    border: 1px solid #3b4666;
    color: #fff
}

.change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__inner:focus {
    background: transparent;
    border-color: #577ae0
}

.change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__count .el-input__count-inner {
    background: transparent
}

.name-and-tag-setting .person-content .tagView-form[data-v-7ee1976e] {
    box-sizing: border-box;
    height: calc(100% - 286px);
    padding: 0 30.5px;
    width: 100%
}

.name-and-tag-setting .person-content .tagView-form .label-wrap[data-v-7ee1976e] {
    gap: 8px
}

.name-and-tag-setting .person-content .tagView-form[data-v-7ee1976e] .el-form-item .el-form-item__label {
    color: #d5dbe5;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500
}

.name-and-tag-setting .person-content .tagView-form[data-v-7ee1976e] .el-input .el-input__inner {
    background: #2a334c;
    border: 1px solid #3b4666;
    color: #fff
}

.name-and-tag-setting .person-content .tagView-form[data-v-7ee1976e] .el-input .el-input__inner:focus {
    background: transparent;
    border-color: #577ae0
}

.name-and-tag-setting .person-content .tagView-form[data-v-7ee1976e] .el-input .el-input__count .el-input__count-inner {
    background: transparent
}

.name-and-tag-setting .person-content .interestTag-wrap[data-v-7ee1976e] {
    gap: 10px;
    height: 295px;
    overflow: auto
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-7ee1976e] {
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #d8d9dc;
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0 15px;
    transition: all .5s ease-in-out;
    width: 160px
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-7ee1976e] > span {
    width: 100%
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn.selected[data-v-7ee1976e] {
    background-color: #2d65cc;
    color: #fff;
    font-family: Arial-BoldMT, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-7ee1976e]:hover {
    filter: brightness(1.2)
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-7ee1976e]:active {
    color: #d3d3d3
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn .content[data-v-7ee1976e] {
    justify-content: flex-start;
    width: 100%
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn .content > span[data-v-7ee1976e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 45px)
}

.name-and-tag-setting .person-content .interestTag-wrap .tag-btn .tag-img[data-v-7ee1976e] {
    border-radius: 50%;
    margin-right: 10px;
    width: 35px
}

.name-and-tag-setting .person-content .interestTag-wrap .zh-width[data-v-7ee1976e] {
    width: 126px
}

.name-and-tag-setting .person-content .selected-tag[data-v-7ee1976e] {
    gap: 8px;
    height: auto;
    max-height: 200px;
    overflow: auto
}

.name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-7ee1976e] {
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 50px;
    color: #d8d9dc;
    cursor: inherit;
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 15px;
    transition: all .5s ease-in-out;
    width: 160px
}

.name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-7ee1976e]:hover {
    filter: brightness(1.2)
}

.name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-7ee1976e]:active {
    color: #d3d3d3
}

.name-and-tag-setting .person-content .selected-tag .tag-btn .left[data-v-7ee1976e] {
    gap: 8px;
    max-width: 85%
}

.name-and-tag-setting .person-content .selected-tag .tag-btn .right[data-v-7ee1976e] {
    cursor: pointer
}

.name-and-tag-setting .person-content .selected-tag .tag-btn .tag-img[data-v-7ee1976e] {
    border-radius: 50%;
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 35px
}

.name-and-tag-setting .person-content .bottom-btn[data-v-7ee1976e] {
    background: #141726;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    margin: 20px auto;
    transition: all .5s ease-in-out;
    width: 328px
}

.name-and-tag-setting .person-content .bottom-btn[data-v-7ee1976e]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.name-and-tag-setting .person-content .bottom-btn[data-v-7ee1976e]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.tag-setting-tips {
    background: #3c4047;
    box-sizing: border-box;
    color: #e5eaf3;
    max-width: 800px;
    padding: 2px 8px;
    text-align: center;
    word-break: keep-all
}

.tag-setting-tips .popper__arrow:after {
    border-bottom-color: #c4cfdb !important
}

.tag-setting-tips .balance-tips-text {
    padding: 6px;
    word-break: keep-all
}

.delete-account[data-v-45672d0c] {
    margin: 60px 50px 0
}

.delete-account .up-content[data-v-45672d0c] {
    gap: 15px
}

.delete-account .up-content .warning[data-v-45672d0c] {
    background: rgba(215, 87, 87, .1);
    border-radius: 50%;
    color: #d75757;
    flex-shrink: 0;
    font-size: 25px;
    height: 48px;
    width: 48px
}

.delete-account .up-content .delete-account-text[data-v-45672d0c] {
    gap: 10px
}

.delete-account .up-content .delete-account-text .delete-account-title[data-v-45672d0c] {
    color: #fcfcfd;
    font-family: "Poppins-Medium", Poppins, var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.delete-account .up-content .delete-account-text .delete-account-content[data-v-45672d0c] {
    color: #cfd7e9;
    font-family: "PingFang SC-Regular", PingFang SC, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.delete-account .bottom-btn[data-v-45672d0c] {
    background: #141726;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    margin: 40px auto;
    transition: all .5s ease-in-out;
    width: 328px
}

.delete-account .bottom-btn[data-v-45672d0c]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.delete-account .bottom-btn[data-v-45672d0c]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.delete-account .delete-account-dialog .dialog-footer[data-v-45672d0c] {
    margin-bottom: 30px;
    padding: 0 50px
}

.delete-account .delete-account-dialog .dialog-footer .my-dialog-btn[data-v-45672d0c] {
    border: none;
    color: #fcfcfc;
    flex: 1
}

.delete-account .delete-account-dialog .dialog-footer .my-dialog-btn.btn-left[data-v-45672d0c] {
    background-color: #2c3140
}

.delete-account .delete-account-dialog .dialog-footer .my-dialog-btn.btn-right[data-v-45672d0c] {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.delete-account-dialog {
    background-color: #1a202f;
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: none;
    left: 50%;
    margin: 0 !important;
    outline: none;
    overflow: visible;
    overflow: initial;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 510px
}

.delete-account-dialog .main-part {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.delete-account-dialog .main-part .title {
    position: relative;
    text-align: center
}

.delete-account-dialog .main-part .title .title-main {
    color: #fcfcfd;
    font-size: 16px;
    font-weight: 500
}

.delete-account-dialog .main-part .title .title-sub {
    color: #cfd7e9;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 35px
}

.delete-account-dialog .main-part .confirm-input .input-text {
    color: #dde2e9;
    font-family: "PingFang SC-Semibold", "PingFang SC", var(--font-family);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.delete-account-dialog .main-part .confirm-input .input-text .name {
    color: #d75757;
    margin: 0 5px
}

.delete-account-dialog .main-part .confirm-input .el-input .el-input__inner {
    background: #2a334c;
    border: 1px solid #3b4666;
    color: #fff
}

.delete-account-dialog .main-part .confirm-input .el-input .el-input__inner:focus {
    background: transparent;
    border-color: #577ae0
}

.delete-account-dialog .main-part .confirm-input .el-input .el-input__count .el-input__count-inner {
    background: transparent
}

.delete-account-dialog .el-dialog__header {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 24px
}

.delete-account-dialog .el-dialog__header .el-icon-close {
    color: #64748b;
    font-size: 24px
}

.delete-account-dialog .el-dialog__body {
    padding: 30px 50px
}

.delete-account-dialog .el-dialog__footer {
    padding: 0
}

.btn[data-v-bd0f4052] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-bd0f4052]:hover {
    background-color: #f5f5f5
}

.btn[data-v-bd0f4052]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-bd0f4052] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-bd0f4052] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-bd0f4052] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-bd0f4052]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-bd0f4052]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-bd0f4052] {
    color: #747f91
}

.text-right[data-v-bd0f4052] {
    text-align: right
}

.m-b-20[data-v-bd0f4052] {
    margin-bottom: 20px
}

.el-divider[data-v-bd0f4052] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-bd0f4052] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-bd0f4052] {
    animation: shake-horizontal-bd0f4052 .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-bd0f4052 {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.p-settings-page[data-v-bd0f4052] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 180px);
    padding-top: 30px;
    position: relative;
    width: 100%
}

.p-settings-page .settings-page__wrapper[data-v-bd0f4052] {
    width: 780px
}

.p-settings-page .setting-card-box-wrapper[data-v-bd0f4052] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #0f0f17;
    border: 1px solid #2e2e35;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #c1c2c5;
    display: block;
    margin-bottom: 20px;
    max-width: 780px;
    min-height: 85vh;
    min-width: 640px;
    outline: 0;
    overflow: hidden;
    padding: 16px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-bd0f4052] {
    background-color: transparent;
    border-bottom: 1px solid #283346
}

.p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-bd0f4052] .el-menu-item {
    background-color: transparent;
    color: #a0adb9
}

.p-settings-page .setting-card-box-wrapper .my-el-menu .el-menu-item.is-active[data-v-bd0f4052], .p-settings-page .setting-card-box-wrapper .my-el-menu .el-menu-item[data-v-bd0f4052]:focus, .p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-bd0f4052] .el-menu-item:hover {
    background-color: transparent;
    border-bottom-color: #d8d8d8;
    color: #dde2e9
}

.p-settings-page .setting-card-box[data-v-bd0f4052] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start
}

.p-settings-page .setting-card-main-title[data-v-bd0f4052] {
    color: #d5dbe5;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 30px
}

.p-settings-page .setting-card-main-title[data-v-bd0f4052], .p-settings-page .setting-card-sub-title[data-v-bd0f4052] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration: none;
    text-decoration: none
}

.p-settings-page .setting-card-sub-title[data-v-bd0f4052] {
    color: #7e868e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55
}

.p-settings-page .settings--card-content[data-v-bd0f4052] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.p-settings-page .settings-switch[data-v-bd0f4052] {
    display: inline-flex
}

.p-settings-page .settings--card-content-item[data-v-bd0f4052] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background-color: #192030;
    border: 1px solid #272f3e;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    color: #c1c2c5;
    cursor: default;
    display: flex;
    font-size: 14px;
    height: 48px;
    line-height: 20px;
    outline: 0;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.p-settings-page .settings-name[data-v-bd0f4052] {
    margin-left: 12px
}

.p-settings-page .bottom-btn[data-v-bd0f4052] {
    background: #141726;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    margin: 40px auto;
    transition: all .5s ease-in-out;
    width: 328px
}

.p-settings-page .bottom-btn[data-v-bd0f4052]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.p-settings-page .bottom-btn[data-v-bd0f4052]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.p-settings-page .custom-select[data-v-bd0f4052] {
    display: block
}

.p-settings-page .settings-page-close-button[data-v-bd0f4052] {
    background-color: transparent;
    border-color: transparent;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 26px;
    height: 56px;
    position: fixed;
    right: 70px;
    top: 70px;
    width: 56px
}

.p-settings-page .settings-page-close-button[data-v-bd0f4052]:hover {
    background-color: #1c2433
}

.p-settings-page .settings-page-close-button[data-v-bd0f4052]:active {
    background-color: #1d2349
}

.p-settings-page .backIcon[data-v-bd0f4052] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 52px;
    justify-content: center;
    left: -35px;
    position: absolute;
    top: 0;
    width: 52px
}

.p-settings-page .backIcon[data-v-bd0f4052]:hover {
    background-color: #1c2433
}

.top[data-v-fe26daea] {
    justify-content: space-between
}

.inviteTips[data-v-fe26daea], .top[data-v-fe26daea] {
    align-items: center;
    display: flex
}

.inviteTips[data-v-fe26daea] {
    margin: 15px 0 0
}

.inviteTips img[data-v-fe26daea] {
    height: 19px;
    width: 19px
}

.inviteTips span[data-v-fe26daea] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    margin-left: 5px
}

.rule[data-v-fe26daea] {
    align-items: center;
    display: flex
}

.rule span[data-v-fe26daea] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px
}

.rule .svg-icon[data-v-fe26daea] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    margin-left: 5px
}

.ruleCnt[data-v-fe26daea] {
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.list[data-v-fe26daea] {
    display: flex;
    flex-wrap: wrap;
    margin: -11px;
    min-height: 200px
}

.list .defBox[data-v-fe26daea] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 110px);
    justify-content: center;
    width: 100%
}

.list .defBox img[data-v-fe26daea] {
    height: 114px;
    margin-bottom: 30px;
    width: 120px
}

.list .defBox span[data-v-fe26daea] {
    color: #aaacb3;
    font-size: 12px
}

.list .listItem[data-v-fe26daea] {
    box-sizing: border-box;
    margin-top: 79px;
    padding: 0 11px;
    width: 313px
}

.list .listItem.vip-diamond .listCnt[data-v-fe26daea] {
    background-image: url(/_nuxt/img/bg-small.27ba4b6.webp)
}

.list .listItem .listCnt[data-v-fe26daea] {
    align-items: center;
    background: rgba(28, 32, 57, .9);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 1px solid #20243d;
    border-radius: 13px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 274px;
    padding: 0 15px 34px;
    width: 100%
}

.list .listItem .listCnt .awardIcon[data-v-fe26daea] {
    display: flex;
    justify-content: center
}

.list .listItem .listCnt .awardIcon img[data-v-fe26daea] {
    height: 90px;
    margin-top: -50px;
    width: 100px
}

.list .listItem .listCnt .awardIcon img.is-credit[data-v-fe26daea] {
    height: 70px;
    margin-top: -30px;
    width: 70px
}

.list .listItem .listCnt .awardNum[data-v-fe26daea] {
    display: flex;
    height: 34px;
    justify-content: center;
    margin-top: 10px
}

.list .listItem .listCnt .awardNum .cpVip[data-v-fe26daea] {
    align-items: center;
    color: #fffcf9;
    display: flex;
    font-size: 14px
}

.list .listItem .listCnt .awardNum div[data-v-fe26daea] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fffcf9;
    display: flex;
    font-size: 22px;
    height: 34px;
    justify-content: center;
    min-width: 182px
}

.list .listItem .listCnt .desc[data-v-fe26daea] {
    color: #cfd3dc;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
    text-align: center
}

.list .listItem .listCnt .vip-expiry-tip[data-v-fe26daea] {
    color: #f8a300;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.list .listItem .listCnt .bnt[data-v-fe26daea] {
    align-items: center;
    background-color: transparent;
    background-color: initial;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 160px
}

.btn-hover[data-v-fe26daea] {
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-align: center
}

.awardRecordlist[data-v-683eb536] {
    margin-top: 15px
}

.awardRecordlist .topBar[data-v-683eb536] {
    display: flex;
    margin-top: 30px
}

.awardRecordlist .topBar .topItem[data-v-683eb536] {
    align-items: center;
    background-size: 100% 100%;
    border: 1px solid #20243d;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    height: 108px;
    width: 300px
}

.awardRecordlist .topBar .topItem .topCnt[data-v-683eb536] {
    color: #dfe2f0;
    margin-left: 20px
}

.awardRecordlist .topBar .topItem .topCnt div[data-v-683eb536]:first-child {
    font-size: 40px
}

.awardRecordlist .topBar .topItem .topCnt div[data-v-683eb536]:nth-child(2) {
    font-size: 16px;
    margin-top: 4px
}

.awardRecordlist .head[data-v-683eb536] {
    align-items: center;
    display: flex;
    height: 48px;
    margin-top: 24px;
    width: 100%
}

.awardRecordlist .head .headItem[data-v-683eb536] {
    align-items: center;
    color: #cfd3dc;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    width: 20%
}

.awardRecordlist .list[data-v-683eb536] {
    min-height: 200px
}

.awardRecordlist .list .row[data-v-683eb536] {
    align-items: center;
    background-color: #1b1e2e;
    border-radius: 10px;
    display: flex;
    margin-bottom: 17px;
    min-height: 48px
}

.awardRecordlist .list .row .cell[data-v-683eb536] {
    align-items: center;
    box-sizing: border-box;
    color: #cfd3dc;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    padding: 5px 0;
    width: 20%
}

.awardRecordlist .list .row .cell .coinBox[data-v-683eb536] {
    align-items: center;
    cursor: pointer;
    display: flex;
    width: 70px
}

.awardRecordlist .list .row .cell .coinImg[data-v-683eb536] {
    height: 22px;
    margin-right: 8px;
    width: 22px
}

.awardRecordlist .list .row .cell .detailImg[data-v-683eb536] {
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    width: 100px
}

.awardRecordlist .list .row .cell .detailImg .modelName[data-v-683eb536] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.awardRecordlist .list .row .cell .detailImg .el-image[data-v-683eb536] {
    height: 100%;
    width: 100%
}

.awardRecordlist .list .row .cell .detailImg img[data-v-683eb536] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.awardRecordlist .list .row .cell .coinNum[data-v-683eb536] {
    color: #ffdaa1;
    white-space: nowrap
}

.awardRecordlist[data-v-683eb536] .pagination {
    display: flex;
    justify-content: flex-end
}

.awardRecordlist[data-v-683eb536] .pagination .el-pagination.is-background .btn-next, .awardRecordlist[data-v-683eb536] .pagination .el-pagination.is-background .btn-prev, .awardRecordlist[data-v-683eb536] .pagination .el-pagination.is-background .el-pager li, .awardRecordlist[data-v-683eb536] .pagination .el-pagination__jump, .awardRecordlist[data-v-683eb536] .pagination .el-pagination__total {
    color: #d9dfe7
}

.awardRecordlist[data-v-683eb536] .pagination .el-pager li, .awardRecordlist[data-v-683eb536] .pagination .el-pagination .btn-next, .awardRecordlist[data-v-683eb536] .pagination .el-pagination .btn-prev {
    background-color: transparent;
    background-color: initial
}

.IncentiveTesk[data-v-105147d5] {
    box-sizing: border-box;
    color: #fff;
    min-height: calc(100vh - 100px);
    width: 100%
}

.tabs[data-v-105147d5] {
    margin-top: 14px;
    padding-bottom: 10px;
    position: relative;
    width: 100%
}

.tabs .tabItem[data-v-105147d5], .tabs[data-v-105147d5] {
    align-items: center;
    display: flex
}

.tabs .tabItem[data-v-105147d5] {
    color: #939cb4;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    min-width: 156px
}

.tabs .tabItem-activate[data-v-105147d5] {
    background-size: 100% 100%;
    color: #fff
}

.tabs[data-v-105147d5]:after {
    background: linear-gradient(90deg, #223474, rgba(32, 110, 99, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.imgItem[data-v-805a23a8] {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 12px;
    cursor: pointer;
    position: relative
}

.imgItem .imgSize[data-v-805a23a8] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .2);
    border-radius: 12px;
    color: #fff9f9;
    font-size: 12px;
    left: 4px;
    padding: 4px 6px;
    position: absolute;
    top: 4px
}

.imgItem img[data-v-805a23a8] {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.imgItem .prompt[data-v-805a23a8] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .2);
    border-radius: 8px;
    bottom: 5px;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 7px;
    width: 24px;
    z-index: 2
}

.imgItem .prompt i[data-v-805a23a8] {
    color: #fff;
    font-size: 14px
}

.imgItem .deleteBox[data-v-805a23a8] {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 12px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.imgItem .deleteBox i[data-v-805a23a8] {
    color: #f44;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 7px;
    top: 5px
}

.imgItem:hover .deleteBox[data-v-805a23a8] {
    opacity: 1
}

.popoverPrompt {
    background-color: #323342 !important;
    border-radius: 8px !important;
    max-width: 222px
}

.popoverPrompt .promptTxt {
    color: #fff;
    font-size: 12px;
    padding: 10px
}

.imgDet[data-v-33f87c87] {
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    height: 75vh;
    min-height: 602px;
    padding-top: 10px
}

.imgDet .imgBox[data-v-33f87c87], .imgDet[data-v-33f87c87] {
    align-items: center;
    display: flex;
    justify-content: center
}

.imgDet .imgBox[data-v-33f87c87] {
    flex-direction: column;
    height: 100%;
    position: relative
}

.imgDet .imgBox .changeBtn[data-v-33f87c87] {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    top: 333px;
    width: 32px
}

.imgDet .imgBox .changeBtn i[data-v-33f87c87] {
    color: #fff;
    font-size: 14px
}

.imgDet .imgBox .leftBtn[data-v-33f87c87] {
    left: 0
}

.imgDet .imgBox .rightBtn[data-v-33f87c87] {
    right: 0
}

.imgDet .imgBox[data-v-33f87c87] .imgInfo {
    border-radius: 16px;
    height: 621px;
    width: 480px
}

.imgDet .imgBox[data-v-33f87c87] .imgInfo img {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 16px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.imgDet .imgBox[data-v-33f87c87] .imgInfo .el-carousel, .imgDet .imgBox[data-v-33f87c87] .imgInfo .el-carousel .el-carousel__container {
    height: 100%
}

.imgDet .imgBox .imgList[data-v-33f87c87] {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 92px;
    margin-top: 16px;
    width: 480px
}

.imgDet .imgBox .imgList .imgItem[data-v-33f87c87] {
    background-color: #262731;
    border: 2px solid #363744;
    border-radius: 18px;
    box-sizing: border-box;
    cursor: pointer;
    height: 88px;
    opacity: 1;
    padding: 7px;
    width: 88px
}

.imgDet .imgBox .imgList .imgItem img[data-v-33f87c87] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.imgDet .imgBox .imgList .imgActivate[data-v-33f87c87] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent
}

.imgDet[data-v-33f87c87] .tagBox {
    height: 100%;
    margin-left: 25px;
    width: 648px
}

.imgDet[data-v-33f87c87] .tagBox .tagInput {
    align-content: flex-start;
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 32vh;
    min-height: 252px;
    overflow-y: auto;
    padding: 12px 17px;
    width: 648px
}

.imgDet[data-v-33f87c87] .tagBox .newTagInput {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    margin-top: 10px;
    padding-bottom: 10px
}

.imgDet[data-v-33f87c87] .tagBox .btnItem {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: flex-end;
    margin-top: 15px
}

.imgDet[data-v-33f87c87] .tagBox .btnItem div {
    align-items: center;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    margin-left: 10px;
    padding: 0 16px
}

.imgDet[data-v-33f87c87] .tagBox .tagTip {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.imgDet[data-v-33f87c87] .tagBox .tagTip i {
    color: #a1a6ac;
    font-size: 18px;
    margin-right: 5px
}

.imgDet[data-v-33f87c87] .tagBox .tagTip span {
    color: #a1a6ac;
    font-size: 14px
}

.imgDet[data-v-33f87c87] .tagBox .el-tag {
    background-color: hsla(0, 0%, 100%, .08);
    border: none;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    height: 24px;
    line-height: 24px
}

.imgDet[data-v-33f87c87] .tagBox .el-tag .el-tag__close {
    background-color: #35383a;
    color: #fff;
    font-size: 10px
}

.imgDet[data-v-33f87c87] .tagBox .el-input {
    height: 32px;
    width: 200px
}

.imgDet[data-v-33f87c87] .tagBox .el-input .el-input__inner {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #f4f4f4;
    font-size: 12px;
    height: 100%;
    width: 100%
}

[data-v-33f87c87] .trainDialog {
    background-color: #24262a;
    border-radius: 20px
}

[data-v-33f87c87] .trainDialog .el-dialog__header .el-dialog__title {
    color: #efefef;
    font-size: 16px
}

[data-v-33f87c87] .trainDialog .el-dialog__header .el-dialog__close {
    color: #f7fbfa;
    font-size: 24px
}

[data-v-33f87c87] .trainDialog .el-dialog__body {
    padding-top: 0
}

.TrainUploadImgBox[data-v-1a17c4ed] {
    margin-top: 16px
}

.TrainUploadImgBox .imgBoxTit[data-v-1a17c4ed] {
    height: 36px;
    justify-content: space-between
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox[data-v-1a17c4ed], .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft[data-v-1a17c4ed], .TrainUploadImgBox .imgBoxTit[data-v-1a17c4ed] {
    align-items: center;
    display: flex
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox img[data-v-1a17c4ed] {
    height: 19px;
    margin-right: 6px;
    width: 21px
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox span[data-v-1a17c4ed] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox[data-v-1a17c4ed] {
    align-items: center;
    display: flex;
    margin-left: 6px
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox i[data-v-1a17c4ed] {
    color: #f44;
    font-size: 14px;
    margin-right: 3px
}

.TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox span[data-v-1a17c4ed] {
    color: #f44;
    font-size: 14px
}

.TrainUploadImgBox .imgBoxTit .otherUploadBtn[data-v-1a17c4ed] {
    align-items: center;
    display: flex
}

.TrainUploadImgBox .imgBoxTit .otherUploadBtn div[data-v-1a17c4ed] {
    align-items: center;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #cfcfcf;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    padding: 0 20px
}

.TrainUploadImgBox .main[data-v-1a17c4ed] {
    background-color: #262731;
    border-radius: 10px;
    box-sizing: border-box;
    height: calc(100vh - 400px);
    margin-top: 15px;
    padding: 16px 16px 35px;
    position: relative;
    width: 100%
}

.TrainUploadImgBox .main .allDelete[data-v-1a17c4ed] {
    bottom: 16px;
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 16px
}

.TrainUploadImgBox .main .loadingBox[data-v-1a17c4ed] {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 10px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.TrainUploadImgBox .main .loadingBox[data-v-1a17c4ed] .progressBox {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.TrainUploadImgBox .main .loadingBox[data-v-1a17c4ed] .progressBox .progressTip {
    color: #fff;
    font-size: 14px;
    margin-top: 10px
}

.TrainUploadImgBox .main .uplaodBox[data-v-1a17c4ed] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.TrainUploadImgBox .main .uplaodBox .mainTit[data-v-1a17c4ed] {
    color: #f7fbfa;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px
}

.TrainUploadImgBox .main .uplaodBox .mainTip[data-v-1a17c4ed] {
    color: #686a6c;
    font-size: 14px;
    line-height: 20px
}

.TrainUploadImgBox .main .uplaodBox .btnItem[data-v-1a17c4ed] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 276px
}

.TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-1a17c4ed] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    width: 128px
}

.TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-1a17c4ed]:first-child {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    color: hsla(0, 0%, 100%, .8)
}

.TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-1a17c4ed]:nth-child(2) {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.TrainUploadImgBox .main .imgBox[data-v-1a17c4ed] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    position: relative
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureBoxZg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm {
    align-items: center;
    display: flex;
    gap: 10px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .formLabel {
    color: #a1a6ac;
    font-size: 12px;
    margin-bottom: 10px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-select .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    outline: none;
    width: 122px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number {
    width: 122px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    outline: none;
    width: 122px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .tris {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 40px;
    outline: none;
    padding-left: 10px;
    width: 200px
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number__decrease, .TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number__increase {
    background-color: transparent;
    background-color: initial;
    border: none
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number__decrease i, .TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureForm .formItem .el-input-number__increase i {
    color: #fff
}

.TrainUploadImgBox[data-v-1a17c4ed] .featureBox .featureBtn {
    align-items: center;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 6px;
    color: #fcfcfc;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    width: 138px
}

.popoverUnmatched {
    background-color: #24262a !important;
    border: 1px solid #35383c !important;
    border-radius: 6px !important;
    box-shadow: 0 8 0 40 0 #05020e !important
}

.popoverUnmatched .unmatchedCnt {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px
}

.popoverUnmatched .unmatchedCnt .unmatchedItem {
    margin-bottom: 10px
}

.popoverUnmatched .unmatchedCnt .unmatchedItem:last-child {
    margin-bottom: 0
}

.popoverUnmatched .unmatchedCnt .unmatchedItem .unmatchedItemName {
    color: #a1a6ac;
    font-size: 12px;
    line-height: 16px
}

.popoverUnmatched .unmatchedCnt .unmatchedItem .unmatchedItemTip {
    color: #f44;
    font-size: 12px;
    line-height: 16px
}

.LoraPub .model-edit[data-v-3ed2c6d3] {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 20px;
    position: relative
}

.LoraPub .model-edit > i[data-v-3ed2c6d3] {
    color: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    font-size: 44px;
    position: absolute;
    right: 80px;
    top: 40px
}

.LoraPub .model-edit .form-title[data-v-3ed2c6d3] {
    align-items: center;
    border-bottom: 1px solid #1e293b;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 60px;
    justify-content: space-between;
    max-width: 1015px;
    width: 90%
}

.LoraPub .model-edit .form-title .btn-group .el-button[data-v-3ed2c6d3] {
    background: #0d9488;
    border: 1px solid #0d9488;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

.LoraPub .model-edit .form-title .btn-group .cancel-btn[data-v-3ed2c6d3] {
    background: #1e2435;
    border-color: #2a2b2d;
    color: #cbd5e1
}

.LoraPub .model-edit .edit-form[data-v-3ed2c6d3] {
    display: flex;
    justify-content: center;
    overflow: auto;
    padding-top: 10px;
    width: 100%
}

.LoraPub .model-edit .edit-form[data-v-3ed2c6d3]::-webkit-scrollbar {
    width: 3px
}

.LoraPub .model-edit .edit-form .isCommunityBox[data-v-3ed2c6d3] {
    align-items: center;
    display: flex
}

.LoraPub .model-edit .edit-form .isCommunityBox span[data-v-3ed2c6d3] {
    color: #fff;
    margin-right: 10px
}

.LoraPub .model-edit .edit-form .sample div[data-v-3ed2c6d3] {
    color: #fff
}

.LoraPub .model-edit .edit-form .sample img[data-v-3ed2c6d3] {
    border-radius: 12px;
    height: 200px;
    margin-top: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 200px
}

.LoraPub .model-edit .edit-form .custom-form[data-v-3ed2c6d3] {
    max-width: 1015px;
    width: 90%
}

.LoraPub .model-edit .edit-form .custom-form .formBox[data-v-3ed2c6d3] {
    display: flex;
    justify-content: space-between
}

.LoraPub .model-edit .edit-form .custom-form .formBox .formCnt[data-v-3ed2c6d3] {
    width: 460px
}

.LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-3ed2c6d3] {
    display: flex;
    justify-content: space-between
}

.LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-3ed2c6d3]:first-child {
    width: 340px
}

.LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-3ed2c6d3]:nth-child(2) {
    width: 112px
}

.LoraPub .model-edit .edit-form .custom-form .el-form-item[data-v-3ed2c6d3] {
    margin-bottom: 10px
}

.LoraPub .model-edit .edit-form .custom-form .el-select[data-v-3ed2c6d3] {
    display: block
}

.LoraPub .model-edit .edit-form .custom-form .type-select[data-v-3ed2c6d3] {
    background: #20283b;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 4px;
    text-align: center
}

.LoraPub .model-edit .edit-form .custom-form .type-select span[data-v-3ed2c6d3] {
    background: #20283b;
    border-radius: 5px;
    color: hsla(0, 0%, 100%, .2);
    height: 32px;
    line-height: 32px;
    width: 50%
}

.LoraPub .model-edit .edit-form .custom-form .type-select span.active[data-v-3ed2c6d3] {
    background: #494f80;
    color: #fff
}

.LoraPub .model-edit .edit-form .custom-form .type-select.model-payment span[data-v-3ed2c6d3] {
    cursor: pointer
}

.LoraPub .model-edit .edit-form .custom-form .el-form-item__label[data-v-3ed2c6d3] {
    color: #fff;
    padding-bottom: 0
}

.LoraPub .model-edit .edit-form .custom-form .item-tips[data-v-3ed2c6d3] {
    color: #707883;
    font-size: 12px
}

.LoraPub .model-edit .edit-form .custom-form .form-item-tips[data-v-3ed2c6d3] {
    color: #97a5b7;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px
}

.LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-3ed2c6d3] {
    background: #1c1d2a;
    border-radius: 5px;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 12px
}

.LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-3ed2c6d3]:last-child {
    margin-bottom: 0
}

.LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-3ed2c6d3] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background: #27b670;
    border-color: #27b670
}

.LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-3ed2c6d3] .el-checkbox .el-checkbox__label {
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 13px;
    font-weight: 400
}

.LoraPub .model-edit .edit-form .custom-form .payBox[data-v-3ed2c6d3] {
    align-items: center;
    background: #20283b;
    border: 1px solid rgba(73, 79, 128, .5);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 87px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 15px 20px;
    width: 100%
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt[data-v-3ed2c6d3] {
    height: 100%;
    line-height: 1;
    width: 188px
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-3ed2c6d3] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-3ed2c6d3] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 30px;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 8px;
    width: 188px
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-3ed2c6d3] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: none;
    color: hsla(0, 0%, 100%, .7);
    height: 100%;
    margin-top: 0;
    outline: none;
    padding-left: 0;
    width: 150px
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-3ed2c6d3]::-webkit-inner-spin-button, .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-3ed2c6d3]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-3ed2c6d3] {
    height: 18px;
    width: 18px
}

.LoraPub .bntitem[data-v-3ed2c6d3] {
    display: flex;
    justify-content: flex-end
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.LoraPub .bntitem .el-button[data-v-3ed2c6d3]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

[data-v-3ed2c6d3] .trainDialog {
    background-color: #0a0b17 !important;
    border-radius: 20px
}

[data-v-3ed2c6d3] .trainDialog .el-dialog__header {
    display: none
}

[data-v-3ed2c6d3] .trainDialog .el-dialog__body {
    padding-top: 0
}

.swiper-business .swiper-item[data-v-fd7b0a50] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.swiper-business .swiper-item .content[data-v-fd7b0a50] {
    height: 100%;
    margin: 0 auto;
    max-width: 1200px
}

.swiper-business .swiper-item .content.text[data-v-fd7b0a50] {
    color: #fff;
    font-family: "PingFang SC-Semibold", "PingFang SC", var(--font-family);
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .3)
}

.swiper-business .swiper-item .content .title[data-v-fd7b0a50] {
    font-size: .76em;
    letter-spacing: 1px;
    margin-top: -50px;
    width: 45vw
}

.swiper-business .swiper-item .content .desc[data-v-fd7b0a50] {
    font-size: .26em;
    margin: 1.2em 0 4em
}

.swiper-business .swiper-item .content .btns[data-v-fd7b0a50] {
    gap: 2vw
}

.sp-title[data-v-5e5ca506] {
    gap: 15px;
    margin: 80px 0
}

.sp-title .line[data-v-5e5ca506] {
    border: none;
    border-radius: 2px;
    height: 4px;
    overflow: hidden;
    width: 91px
}

.sp-title .left[data-v-5e5ca506] {
    background-image: linear-gradient(90deg, rgba(2, 136, 255, 0), #02e1ff)
}

.sp-title .right[data-v-5e5ca506] {
    background-image: linear-gradient(270deg, rgba(2, 136, 255, 0), #02e1ff)
}

.sp-title .title[data-v-5e5ca506] {
    color: #fff;
    font-size: .32em;
    font-weight: 600;
    line-height: 38px
}

.desc-up-content[data-v-18ffa335] {
    gap: .7em
}

.desc-up-content .desc-up-content-left-img[data-v-18ffa335] {
    flex-shrink: 0;
    height: 3.73em;
    width: 4.9em
}

.desc-up-content .desc-up-content-left-img img[data-v-18ffa335] {
    height: 100%;
    width: 100%
}

.desc-up-content .desc-up-content-right[data-v-18ffa335] {
    flex: 1;
    gap: .87em;
    padding: .22em 0
}

.desc-up-content .desc-up-content-right .desc-up-content-right-item[data-v-18ffa335] {
    gap: .12em;
    height: 1.3em;
    width: 42%
}

.desc-up-content .desc-up-content-right .desc-up-content-right-item .desc-up-content-right-item-title[data-v-18ffa335] {
    color: #fff;
    font-size: 20px
}

.desc-up-content .desc-up-content-right .desc-up-content-right-item .desc-up-content-right-item-text[data-v-18ffa335] {
    color: #9da7b7;
    font-size: 16px;
    line-height: 26px
}

.desc-down-content[data-v-2b2d82b3] {
    gap: .13em;
    height: auto
}

.desc-down-content .desc-down-content-item[data-v-2b2d82b3] {
    background: rgba(216, 236, 255, .1);
    border: 1px solid rgba(153, 211, 220, .3);
    border-radius: 10px;
    flex-grow: 1;
    opacity: 1;
    padding: 20px 0 10px;
    width: 1.85em
}

.desc-down-content .desc-down-content-item .desc-down-content-item-img img[data-v-2b2d82b3] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 92%
}

.desc-down-content .desc-down-content-item .desc-down-content-item-title[data-v-2b2d82b3] {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin: 20px 0;
    text-align: center
}

.desc-down-content .desc-down-content-item .desc-down-content-item-text[data-v-2b2d82b3] {
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    line-height: 20px
}

.desc-down-content .desc-down-content-item .desc-down-content-item-text .desc-down-content-item-child[data-v-2b2d82b3] {
    text-align: center
}

.product-purchase-cards[data-v-1f238786] {
    gap: .14em;
    height: auto
}

.product-purchase-cards .product-purchase-card-item[data-v-1f238786] {
    background: #fff;
    border-radius: 23px;
    flex-grow: 1;
    width: 2.9em
}

.product-purchase-cards .product-purchase-card-item .top-img-cont[data-v-1f238786] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-weight: 500;
    gap: .1em;
    height: .96em;
    min-height: 48px;
    padding: 0 .2em
}

.product-purchase-cards .product-purchase-card-item .top-img-cont .title[data-v-1f238786] {
    font-size: 22px
}

.product-purchase-cards .product-purchase-card-item .top-img-cont .titleDesc[data-v-1f238786] {
    font-size: 14px
}

.product-purchase-cards .product-purchase-card-item .prod-content[data-v-1f238786] {
    color: #3c4959;
    font-weight: 400;
    padding: 15px 12px 25px
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail[data-v-1f238786] {
    height: 2.8em;
    margin-bottom: .25em;
    min-height: 180px
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .prod-detail-lines[data-v-1f238786] {
    gap: .2em;
    height: 2.3em;
    min-height: 135px
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .prod-detail-lines .prod-detail-hours .left.sp-bg[data-v-1f238786] {
    background: url(/_nuxt/img/gpu-bg.61448f4.png) no-repeat;
    background-size: 85% 100%;
    color: #fff;
    font-size: 14px;
    padding: 9px 7px 5px;
    width: calc(50% - 14px)
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .left[data-v-1f238786] {
    font-size: 16px;
    width: 50%
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right[data-v-1f238786] {
    font-size: 16px;
    font-weight: 600
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .equal-pics[data-v-1f238786] {
    color: #3c4959;
    font-size: 12px;
    font-weight: 500
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .trial-months[data-v-1f238786] {
    color: #627184;
    font-size: 12px;
    font-weight: 400
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count input[type=number] {
    height: 26px;
    line-height: 26px;
    width: 94px
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count input[type=number]::-webkit-inner-spin-button, .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count .el-input__icon, .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count .el-input__prefix, .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right .total-hours[data-v-1f238786] .input-count .el-input__suffix {
    align-items: center;
    display: flex;
    justify-content: center
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .prod-price[data-v-1f238786] {
    color: #333;
    font-size: .3em;
    font-weight: 600;
    margin-top: 15px
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .qr-img-cont[data-v-1f238786] {
    flex: 1
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .qr-img-cont .qr-img[data-v-1f238786] {
    width: 70%
}

.product-purchase-cards .product-purchase-card-item .prod-content .prod-down-lines[data-v-1f238786] {
    color: #3c4959;
    font-size: 12px;
    font-weight: 400;
    gap: 10px
}

.product-purchase-cards .product-purchase-card-item .prod-content .btn-content[data-v-1f238786] {
    margin-top: .45em
}

.product-purchase-cards .product-purchase-card-item .prod-content .btn-content .btn[data-v-1f238786] {
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px
}

.product-purchase-down-table .el-icon-check[data-v-495dbb96] {
    color: #11d198;
    font-size: 18px;
    font-weight: 700
}

.product-purchase-down-table .el-icon-close[data-v-495dbb96] {
    color: #f44;
    font-size: 18px;
    font-weight: 700
}

.product-purchase-down-table[data-v-495dbb96] .el-table {
    background: transparent;
    border-color: #313336;
    color: #fff
}

.product-purchase-down-table[data-v-495dbb96] .el-table.el-table--border:after, .product-purchase-down-table[data-v-495dbb96] .el-table.el-table--group:after, .product-purchase-down-table[data-v-495dbb96] .el-table:before {
    display: none
}

.product-purchase-down-table[data-v-495dbb96] .el-table th {
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.product-purchase-down-table[data-v-495dbb96] .el-table tr {
    background: transparent;
    font-size: 14px;
    font-weight: 500
}

.product-purchase-down-table[data-v-495dbb96] .el-table .el-table__fixed-right-patch {
    background: transparent
}

.product-purchase-down-table[data-v-495dbb96] .el-table td.el-table__cell, .product-purchase-down-table[data-v-495dbb96] .el-table th.el-table__cell.is-leaf {
    border-color: #313336
}

.product-purchase-down-table[data-v-495dbb96] .el-table .el-table__cell {
    text-align: center
}

.product-purchase-down-table[data-v-495dbb96] .el-table .el-table__cell:first-child .cell {
    text-align: left
}

.product-purchase-down-table[data-v-495dbb96] .el-table tbody tr:hover > td {
    background: #23263d !important
}

.contect-dialog .main-part[data-v-8447b712] {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.contect-dialog .main-part .title[data-v-8447b712] {
    position: relative;
    text-align: center
}

.contect-dialog .main-part .title .title-main[data-v-8447b712] {
    color: #1f2532;
    font-size: 28px;
    font-weight: 600
}

.contect-dialog .main-part .title .title-sub[data-v-8447b712] {
    color: #1f2532;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 35px
}

.contect-dialog .main-part .title .img-part[data-v-8447b712] {
    height: 209px;
    width: 209px
}

.contect-dialog .main-part .title .img-part img[data-v-8447b712] {
    height: 100%;
    width: 100%
}

.contect-dialog .main-part .info[data-v-8447b712] {
    color: #1f2532;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    letter-spacing: 1px;
    margin: 20px 0;
    text-align: center
}

@media (max-width: 767px) {
    .contect-dialog .main-part .info[data-v-8447b712] {
        flex-direction: column
    }
}

.contect-dialog {
    background: linear-gradient(135deg, #fff8e5, #fff9eb 25%, #d1c39f 87%, #a3946e) !important;
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: none;
    left: 50%;
    margin: 0 !important;
    outline: none;
    overflow: visible;
    overflow: initial;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 529px
}

.contect-dialog .el-dialog__header {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 24px
}

.contect-dialog .el-dialog__header .el-icon-close {
    color: #64748b;
    font-size: 24px
}

.contect-dialog .el-dialog__body {
    padding: 30px 36px
}

.contect-dialog .el-dialog__footer {
    padding: 0
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    height: auto;
    margin-top: calc(50vh - 225px) !important;
    width: 550px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header {
    background: #1a202f;
    display: none
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container {
    background: #fff;
    background-size: contain;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #64748b;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 1
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title {
    align-items: center;
    color: #3c4959;
    display: flex;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 20px;
    font-weight: 600;
    height: 76px;
    justify-content: center;
    line-height: 23px;
    position: relative;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title:after {
    background-color: #e3e3e3;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 83%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .label {
    color: #3c4959;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 16px;
    font-weight: 500;
    margin-left: 22px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .value {
    font-size: 14px;
    margin-left: 15px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name {
    align-items: flex-end;
    box-sizing: border-box;
    color: #3c4959;
    display: flex;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 53px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .number {
    display: flex;
    flex-grow: 1;
    justify-content: right;
    margin-right: 22px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price {
    align-items: flex-end;
    box-sizing: border-box;
    color: #3c4959;
    display: flex;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 15px;
    padding: 28px 23px 26px 19px;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .up {
    box-sizing: border-box;
    height: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down {
    box-sizing: border-box;
    display: flex;
    gap: 15px;
    height: 100%;
    justify-content: center;
    padding: 0
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .alipay, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .payermax, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .paypal, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .stripe, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .wechat {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 100%;
    width: 134px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .box {
    align-items: center;
    background: transparent;
    border: 1px solid #bdcbdd;
    border-radius: 6px;
    display: flex;
    height: 134px;
    justify-content: center;
    width: 134px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .box .icon {
    height: 32px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .box .words {
    margin-left: 5px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .btn {
    align-items: center;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    padding: 0 5px;
    position: relative;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .btn .el-icon-arrow-right {
    font-weight: 600;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .alipay .box .icon, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .paypal .box .icon {
    -o-object-fit: cover;
    object-fit: cover;
    width: 85%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .alipay .btn, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .paypal .btn {
    background: #1677ff
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .alipay .btn.union-btn, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .paypal .btn.union-btn {
    background-color: #53a5ab
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .stripe .btn {
    background: #6772e5
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .payermax .box .div, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .wechat .box .div {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .payermax .box .name, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .wechat .box .name {
    color: #2e2e2e;
    font-size: 16px
}

.enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .payermax .btn, .enterprise-haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .down .wechat .btn {
    background: #44a738
}

.enterprise-payment-status-dialog .el-dialog {
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    width: auto
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__header {
    display: none
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body {
    background: #fff;
    border-radius: 36px;
    box-sizing: border-box;
    padding: 0
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container {
    box-sizing: border-box;
    position: relative;
    transition: height .5s ease 0s;
    width: 416px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container > .icon {
    height: 96px;
    left: 50%;
    position: absolute;
    top: -48px;
    transform: translateX(-50%);
    width: 160px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .loading {
    align-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon {
    height: 68px;
    margin-top: 34px;
    width: 68px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon.rotate-image {
    animation: spin 3s linear infinite
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .loading .words {
    color: #666;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .loading .cancel-btn {
    background: #37c040;
    border: 0;
    border-radius: 8px;
    color: #fff;
    height: 36px;
    margin-top: 40px;
    width: 134px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish {
    align-content: flex-start;
    align-items: center;
    background: url(/_nuxt/img/payment-status-dialog-bg.8d3a869.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .tip {
    color: #104619;
    font-family: Helvetica Neue-Bold, Helvetica Neue;
    font-size: 20px;
    font-weight: 700;
    margin-top: 80px;
    text-align: center;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .amount {
    color: #104619;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content {
    margin-top: 33px;
    padding: 0 32px;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content:last-child {
    margin-bottom: 0
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .label {
    align-items: center;
    color: #888;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail {
    color: #333;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div {
    align-items: center;
    display: flex
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div .icon {
    height: 26px;
    margin-left: 5px;
    width: 26px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div.credits .icon {
    margin-left: 3px
}

.enterprise-payment-status-dialog .el-dialog .el-dialog__body .container .finish .done-btn {
    background: #37c040;
    border: 0;
    border-radius: 8px;
    color: #fff;
    height: 36px;
    margin-top: 30px;
    width: 134px
}

.upload-image-item[data-v-9edc3d12] {
    background: #1c1d2a;
    padding: 12px
}

.upload-image-item .upload-content[data-v-9edc3d12] {
    gap: 10px;
    max-height: 670px;
    overflow-y: auto
}

.upload-image-item .upload-image[data-v-9edc3d12] {
    height: 160px;
    width: 160px
}

.upload-image-item .clear[data-v-9edc3d12] {
    align-self: flex-end;
    color: #94a3b8
}

.upload-image-item[data-v-9edc3d12] .el-upload {
    display: block
}

.upload-image-item[data-v-9edc3d12] .el-upload-dragger {
    align-items: center;
    background: transparent;
    border: 1px dashed #8b9098;
    display: flex;
    height: 160px;
    justify-content: center;
    width: 100%
}

.upload-image-item i[data-v-9edc3d12] {
    color: #b6b8be;
    font-size: 18px
}

.upload-image-item .upload-tips[data-v-9edc3d12] {
    display: inline-block;
    margin-left: 15px;
    text-align: left
}

.upload-image-item .upload-tips p[data-v-9edc3d12] {
    color: #b6b8be;
    font-size: 16px;
    line-height: normal;
    margin: 0
}

.upload-image-item .upload-tips p[data-v-9edc3d12]:last-child {
    color: #a6a8ae;
    font-size: 12px
}

.upload-image-item .image-item[data-v-9edc3d12] {
    background: hsla(0, 0%, 100%, .039);
    gap: 5px;
    height: 160px;
    position: relative;
    width: 160px
}

.upload-image-item .image-item .img-handle[data-v-9edc3d12] {
    position: absolute;
    right: 5px;
    top: 0;
    visibility: hidden;
    z-index: 3
}

.upload-image-item .image-item .img-handle i[data-v-9edc3d12] {
    border-radius: 3px;
    box-sizing: border-box;
    color: #ff6b6b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700
}

.upload-image-item .image-item img[data-v-9edc3d12] {
    border-radius: 5px;
    cursor: pointer;
    display: inherit;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.upload-image-item .image-item .loading > div[data-v-9edc3d12], .upload-image-item .image-item .loading[data-v-9edc3d12] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.upload-image-item .image-item .loading > div[data-v-9edc3d12] {
    display: table;
    margin: auto;
    z-index: 2
}

.upload-image-item .image-item .loading[data-v-9edc3d12]:after {
    background: #ccc;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.upload-image-item .image-item .params-null[data-v-9edc3d12] {
    background: #1e2435;
    bottom: 0;
    color: #fff;
    display: table;
    left: 0;
    margin: auto;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0
}

.upload-image-item .image-item:hover .img-handle[data-v-9edc3d12] {
    visibility: visible
}

.auth-submit-dialog .custom-form .el-input__count {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.auth-submit-dialog .custom-form .el-input__count .el-input__count-inner {
    background: transparent
}

.auth-submit-dialog .custom-form .el-input-group__append, .auth-submit-dialog .custom-form .el-input-group__prepend {
    background: #1c1d2a;
    border: 1px solid #293045;
    color: #fff
}

.auth-submit-dialog .custom-form .el-input-group__prepend {
    border-right: 1px solid transparent
}

.auth-submit-dialog .custom-form .custom-color-btn {
    width: 200px
}

.auth-status[data-v-5db598d8] {
    color: #fff;
    margin-top: 60px
}

.auth-status .title[data-v-5db598d8] {
    gap: .25em;
    padding: .35em 0
}

.auth-status .title .go-back[data-v-5db598d8] {
    border-radius: 50%;
    cursor: pointer;
    font-size: .3em
}

.auth-status .title .text[data-v-5db598d8] {
    font-size: .3em
}

.auth-status .stats-content .item[data-v-5db598d8] {
    background: #1b1d20;
    border: 2px solid #2a2b34;
    border-radius: .16em;
    padding: .45em .25em
}

.auth-status .stats-content .item[data-v-5db598d8]:hover {
    background: #0c0e0f
}

.auth-status .stats-content .item .left[data-v-5db598d8] {
    align-items: center;
    display: flex
}

.auth-status .stats-content .item .left .left-img[data-v-5db598d8] {
    height: 40px;
    margin-right: 30px;
    width: 40px
}

.auth-status .stats-content .item .left .left-text[data-v-5db598d8] {
    gap: 6px
}

.auth-status .stats-content .item .left .left-text .name[data-v-5db598d8] {
    color: #fcfcfc;
    font-size: 20px
}

.auth-status .stats-content .item .left .left-text .desc[data-v-5db598d8] {
    color: #d3dbe2;
    font-size: 12px
}

.auth-status .stats-content .item .right[data-v-5db598d8] {
    background: #1a1d1f;
    border: 2px solid #272b30;
    border-radius: 12px;
    font-size: 16px;
    padding: 12px 20px
}

.auth-status .stats-content .item .right.click-able[data-v-5db598d8] {
    cursor: pointer
}

.auth-status .stats-content .item .right.click-able[data-v-5db598d8]:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent
}

.qa-content .qa-item[data-v-284156e7] {
    background-color: transparent;
    border-bottom: 1px solid #31354b;
    border-radius: 10px;
    padding: .25em .17em;
    transition: all .3s ease
}

.qa-content .qa-item[data-v-284156e7]:last-child {
    border-bottom: none
}

.qa-content .qa-item.open[data-v-284156e7] {
    background-color: rgba(237, 245, 255, .1)
}

.qa-content .qa-item.open .qa-answer[data-v-284156e7] {
    height: auto;
    margin-top: 15px
}

.qa-content .qa-item .qa-title[data-v-284156e7] {
    color: #fff;
    font-size: .18em;
    font-weight: 500
}

.qa-content .qa-item .qa-title .el-icon-arrow-right[data-v-284156e7] {
    margin-left: 25px;
    transition: all .3s ease
}

.qa-content .qa-item .qa-title .el-icon-arrow-right.open[data-v-284156e7] {
    transform: rotate(90deg)
}

.qa-content .qa-item .qa-answer[data-v-284156e7] {
    color: #9da7b7;
    font-size: .15em;
    font-weight: 500;
    gap: 10px;
    height: 0;
    overflow: hidden;
    transition: all .3s ease
}

.business-page[data-v-75e82092] {
    background-color: #23263d;
    font-family: "PingFang SC-Semibold", "PingFang SC", var(--font-family);
    min-height: 100vh
}

.business-page.bg-dark[data-v-75e82092] {
    background-color: #0a0b17
}

.business-page .max-width[data-v-75e82092] {
    margin: 0 auto;
    max-width: 1200px
}

.business-page .header[data-v-75e82092] {
    background-color: #111;
    position: fixed;
    top: 0;
    z-index: 5
}

.business-page .header .header-content[data-v-75e82092] {
    color: #fff;
    height: 60px
}

.business-page .header .header-content .left-img[data-v-75e82092] {
    cursor: pointer;
    display: flex;
    width: 110px
}

.business-page .header .header-content .left-img img[data-v-75e82092] {
    height: 100%;
    width: 100%
}

.business-page .header .header-content .right[data-v-75e82092] {
    cursor: pointer
}

.business-page .header .header-content .right .login-btn[data-v-75e82092] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    width: 113px
}

.business-page .header .header-content .right .card-user-avatar[data-v-75e82092] {
    align-items: center;
    background-color: #e9e9e9;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    width: 42px
}

.business-page .swiper[data-v-75e82092] {
    margin-top: 60px
}

.business-page .swiper .btn-item[data-v-75e82092] {
    font-size: 20px;
    height: 2.5vw;
    margin: 0;
    min-width: 12vw;
    padding: 0 5px
}

.business-page .desc[data-v-75e82092] {
    color: #fff
}

.business-page .product-purchase .product-purchase-down[data-v-75e82092] {
    margin-top: .9em
}

.business-page .product-purchase .product-purchase-down .product-purchase-down-title[data-v-75e82092] {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center
}

.business-page .qa[data-v-75e82092] {
    margin-bottom: 1em
}

.business-page.sp-lang[data-v-75e82092] .swiper-business .swiper-item .content .title {
    font-size: .5em
}

.business-page.sp-lang[data-v-75e82092] .swiper-business .swiper-item .content .desc {
    font-size: 20px;
    max-width: 30vw
}

.business-page.sp-lang[data-v-75e82092] .desc-down-content .desc-down-content-item .desc-down-content-item-title, .business-page.sp-lang[data-v-75e82092] .swiper-business .swiper-item .content .btn-item {
    font-size: 14px
}

.business-page.sp-lang[data-v-75e82092] .desc-down-content .desc-down-content-item .desc-down-content-item-text {
    font-size: 12px
}

.business-page.sp-lang[data-v-75e82092] .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .left, .business-page.sp-lang[data-v-75e82092] .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .prod-detail-pictures .right, .business-page.sp-lang[data-v-75e82092] .product-purchase-cards .product-purchase-card-item .prod-content .prod-detail .right {
    font-size: 14px
}

.el-message-box.need-auth-confirm {
    background: #192133;
    border-color: transparent;
    padding-bottom: 35px
}

.el-message-box.need-auth-confirm .el-message-box__header {
    background-color: transparent;
    text-align: center
}

.el-message-box.need-auth-confirm .el-message-box__title {
    color: #cbd5e1
}

.el-message-box.need-auth-confirm .el-message-box__content {
    color: #fff;
    padding: 25px 15px 40px;
    text-align: center
}

.el-message-box.need-auth-confirm .el-message-box__content .el-message-box__input .el-input__inner {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.el-message-box.need-auth-confirm .el-message-box__status.el-icon-info {
    color: #fff
}

.el-message-box.need-auth-confirm .el-message-box__btns {
    text-align: center
}

.el-message-box.need-auth-confirm .el-message-box__btns .el-button {
    min-width: 85px
}

.el-message-box.need-auth-confirm .el-message-box__btns .el-button--primary {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    color: #fff
}

.el-message-box.need-auth-confirm .el-button--default {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.payment-type-dialog .el-dialog {
    box-sizing: border-box;
    height: 480px;
    margin-top: calc(50vh - 240px) !important;
    width: 480px
}

.payment-type-dialog .el-dialog .el-dialog__header {
    background: #1a202f
}

.payment-type-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px
}

.payment-type-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 440px;
    padding: 15px 55px 70px;
    width: 100%
}

.payment-type-dialog .el-dialog .el-dialog__body .tip {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.payment-type-dialog .el-dialog .el-dialog__body .bg-image {
    background-repeat: no-repeat;
    background-size: contain;
    height: 214px;
    margin: 0 auto;
    position: relative;
    width: 186px
}

.payment-type-dialog .el-dialog .el-dialog__body .bg-image .VIP_Card {
    box-sizing: border-box;
    color: #1c77ff;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    overflow: hidden;
    padding: 150px 5px 0 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: center;
    line-height: 42px;
    padding: 150px 5px 0
}

.payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits .words {
    color: #c246fc;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700
}

.payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits .icon {
    height: 32px;
    margin-bottom: 1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.payment-type-dialog .el-dialog .el-dialog__body .btns {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    justify-content: space-between;
    margin-top: 40px;
    width: 100%
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn {
    align-items: center;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1a202f, #1a202f), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 24px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    width: 170px
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn .icon {
    height: 32px;
    margin: 1px 5px 0 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn > span {
    align-items: center;
    display: flex;
    justify-content: center
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn.is-loading:before {
    background-color: transparent
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .cash-btn {
    align-items: center;
    background: linear-gradient(180deg, #65bff1, #0042ed);
    border: 0;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 24px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    width: 170px
}

.payment-type-dialog .el-dialog .el-dialog__body .btns .cash-btn.is-loading:before {
    background-color: transparent
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    height: 450px;
    margin-top: calc(50vh - 225px) !important;
    width: 470px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header {
    background: #1a202f;
    display: none
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container {
    background: url(/_nuxt/img/haiyi-payment-method-bg.2eedaa1.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 18px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title {
    align-items: center;
    color: #fff6d6;
    display: flex;
    font-family: PingFang SC-Bold, PingFang SC;
    font-size: 20px;
    font-weight: 700;
    height: 92px;
    justify-content: center;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .label {
    color: #5f451e;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 22px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .value {
    font-size: 16px;
    margin-left: 15px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    height: 53px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .label {
    margin-bottom: 1px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .value {
    color: #5f451e;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    height: 45px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .label {
    margin-bottom: 2px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .value {
    color: #ff2c2c;
    font-family: Arial-Bold, Arial;
    font-weight: 700
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 28px 23px 26px 19px;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left {
    box-sizing: border-box;
    height: 100%;
    width: 122px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 22px 22px 3px;
    width: calc(100% - 122px)
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay, .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 134px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box {
    align-items: center;
    background: #fcf3e7;
    border: 1px solid #f4a629;
    border-radius: 6px;
    display: flex;
    height: 134px;
    justify-content: center;
    width: 134px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .icon {
    height: 32px;
    width: 32px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .words {
    margin-left: 5px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn {
    align-items: center;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    padding: 0 5px;
    position: relative;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn .el-icon-arrow-right {
    font-weight: 600;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay .box .icon {
    height: 38px;
    width: 90px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay .btn {
    background: #1677ff
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .box .div {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .box .name {
    color: #2e2e2e;
    font-size: 16px
}

.haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .btn {
    background: #44a738
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name {
    height: 53px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price {
    height: 45px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method {
    padding: 28px 23px 26px 19px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left {
    height: 100%;
    width: 128px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right {
    display: flex;
    justify-content: space-between;
    padding: 0 16px 22px 3px;
    width: calc(100% - 128px)
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .stripe {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 134px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box {
    align-items: center;
    background: #fcf3e7;
    border: 1px solid #f4a629;
    border-radius: 6px;
    display: flex;
    height: 134px;
    justify-content: center;
    width: 134px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .icon {
    height: 32px;
    width: 126px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .words {
    margin-left: 5px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn {
    align-items: center;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    padding: 0 5px;
    position: relative;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn .el-icon-arrow-right {
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .paypal .btn {
    background: #1677ff
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .payermax .btn {
    background: #44a738
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .stripe .btn {
    background: #6772e5
}

.seaart-payment-method-dialog.custom-dialog .el-dialog {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    height: 450px;
    margin-top: calc(50vh - 225px) !important;
    width: 470px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header {
    background: #1a202f;
    display: none
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container {
    background: url(/_nuxt/img/haiyi-payment-method-bg.2eedaa1.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 18px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title {
    align-items: center;
    color: #fff6d6;
    display: flex;
    font-family: PingFang SC-Bold, PingFang SC;
    font-size: 20px;
    font-weight: 700;
    height: 92px;
    justify-content: center;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .label {
    color: #5f451e;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .value {
    font-size: 16px;
    margin-left: 15px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    height: 45px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .label {
    margin-bottom: 1px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .value {
    color: #5f451e;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    height: 36px;
    justify-content: flex-start;
    padding: 0 23px 0 19px;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .label {
    margin-bottom: 2px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .value {
    color: #ff2c2c;
    font-family: Arial-Bold, Arial;
    font-weight: 700
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 14px 23px 22px 19px;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: space-between;
    padding-right: 30px;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right {
    box-sizing: border-box;
    gap: 30px;
    height: 100%;
    justify-content: center;
    padding: 0 0 22px 3px;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out {
    display: flex;
    gap: 20px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 173px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe {
    position: relative
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .free-try {
    text-wrap: balance;
    align-items: center;
    background-image: url(/_nuxt/img/isTrySubs.cd78bc8.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 13px;
    font-weight: 500;
    height: 34px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 100px;
    word-break: keep-all
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn {
    background: #1677ff
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn > span {
    margin-right: 20px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .payermax .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .payermax .btn {
    background: #44a738
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn {
    background: #6772e5
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box {
    align-items: center;
    background: #fcf3e7;
    border: 1px solid #f4a629;
    border-radius: 6px;
    display: flex;
    height: 134px;
    justify-content: center;
    width: 173px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box .icon {
    height: 32px;
    width: 126px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box .words, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box .words {
    margin-left: 5px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn {
    align-items: center;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    padding: 0 5px;
    position: relative;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn .el-icon-arrow-right, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn .el-icon-arrow-right {
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 134px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay .box .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay .box .icon {
    height: 38px;
    width: 90px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay .btn {
    background: #1677ff
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .div, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .div {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .div .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .div .icon {
    height: 32px;
    width: 32px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .name, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .name {
    color: #2e2e2e;
    font-size: 16px
}

.seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .btn {
    background: #44a738
}

.up-or-down-dialog.custom-dialog .el-dialog {
    border: 0;
    border-radius: 16px;
    box-sizing: border-box;
    margin-top: calc(50vh - 252px) !important;
    width: 474px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__header {
    display: none
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container {
    background: #22232e;
    border-radius: 16px;
    box-sizing: border-box;
    height: 100%;
    padding: 16px 24px 32px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #8b9098;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 18px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .title {
    color: #fefefe;
    font-family: Inter-Bold, Inter;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    justify-content: flex-start;
    margin-top: 5px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc .select-time {
    color: hsla(0, 0%, 100%, .8);
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc .tip {
    color: #606266;
    margin-top: 3px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area {
    border: 1px solid #343839;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 0 20px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div {
    align-items: center;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .9);
    cursor: pointer;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 54px;
    justify-content: space-between;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div:nth-child(2) {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div .icon {
    color: #3578e2;
    font-size: 24px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail {
    background: #30313e;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 10px 20px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left {
    align-content: space-evenly;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div {
    align-items: center;
    display: flex;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div .word, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div .word {
    color: #6c7275;
    margin-right: 5px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div .plan, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div .plan {
    color: #17e1f5;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .right, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .right {
    align-items: flex-end;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 15px;
    width: 100px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info .amount {
    color: #fefefe;
    font-family: Inter-Bold, Inter;
    font-size: 20px;
    font-weight: 700
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info .time {
    color: hsla(0, 0%, 94%, .7);
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom {
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin-top: 36px;
    width: 100%
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom .cancel {
    align-items: center;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: 1px solid #343839;
    border-radius: 8px;
    color: #fefefe;
    display: flex;
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    width: 203px
}

.up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom .confirm {
    align-items: center;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: 0;
    border-radius: 8px;
    color: #fefefe;
    display: flex;
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    width: 203px
}

.subscription-item {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 20px;
    flex-direction: column
}

.subscription-item, .subscription-item .header {
    align-items: center;
    display: flex;
    justify-content: center
}

.subscription-item .header {
    align-content: flex-start;
    flex-wrap: wrap;
    height: 295px;
    position: relative;
    width: 100%
}

.subscription-item .header .free-try {
    align-items: center;
    background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==);
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    min-width: 140px;
    padding: 13px 15px 0 0;
    position: absolute;
    right: -15px;
    top: -30px
}

.subscription-item .header .category {
    box-sizing: border-box;
    color: #fefefe;
    font-family: Inter-Medium, Inter;
    font-size: 22px;
    font-weight: 500;
    height: 88px;
    line-height: 40px;
    padding: 32px 0 16px;
    text-align: center;
    width: 100%
}

.subscription-item .header .price {
    align-items: center;
    align-items: flex-end;
    display: flex;
    height: 38px;
    justify-content: center;
    margin-bottom: 8px;
    width: 100%
}

.subscription-item .header .price .original-amount {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 28px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    margin-bottom: 3px;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.subscription-item .header .price .now-amount {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(270deg, #20ffff, #3f8cff);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Arial-Bold, Arial;
    font-size: 36px;
    font-weight: 700;
    height: 100%;
    line-height: 1;
    margin-right: 5px
}

.subscription-item .header .price .now-amount.free {
    -webkit-text-fill-color: unset;
    text-fill-color: unset;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    -webkit-background-clip: unset;
    background-clip: border-box;
    background-clip: initial;
    color: #fff
}

.subscription-item .header .price span {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    line-height: 26px
}

.subscription-item .header .price.zh-CN .now-amount {
    line-height: 1.1
}

.subscription-item .header .tip {
    color: #b9c3c8;
    font-family: Inter-Medium, Inter;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center;
    width: 100%
}

.subscription-item .header .subscription-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #00e2e2);
    border: 0;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    margin-bottom: 18px;
    width: 218px
}

.subscription-item .header .subscription-btn.is-disabled {
    background: #2e3041;
    color: #545668
}

.subscription-item .header .switch {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    width: 100%
}

.subscription-item .header .switch .words {
    color: #3f8cff;
    cursor: pointer;
    font-family: Inter-Medium, Inter;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.subscription-item .explanation {
    background: rgba(150, 160, 255, .1);
    border: 1px solid #5c7ba8;
    border-radius: 12px;
    flex: 1;
    margin: 0 15px 15px;
    position: relative;
    width: calc(100% - 30px)
}

.subscription-item .explanation .discount {
    align-content: space-around;
    background: url(/_nuxt/img/mall-sun-bg.81c1d86.png);
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 86px;
    padding: 17px 0;
    position: absolute;
    right: -20px;
    top: -15px;
    transform: rotate(-45deg);
    width: 86px
}

.subscription-item .explanation .discount .words {
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%
}

.subscription-item .explanation .discount .number {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    width: 100%
}

.subscription-item .explanation .discount .number .icon {
    height: 24px;
    width: 24px
}

.subscription-item .explanation .top {
    align-content: space-around;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 16px 0;
    width: 100%
}

.subscription-item .explanation .top .stamina {
    align-items: center;
    background: hsla(0, 0%, 100%, .06);
    border: 2px solid hsla(0, 0%, 100%, .06);
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    height: 48px;
    justify-content: center;
    width: 100%
}

.subscription-item .explanation .content {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 16px;
    width: 100%
}

.subscription-item .explanation .content :nth-child(8) {
    padding-bottom: 30px;
    position: relative
}

.subscription-item .explanation .content :nth-child(8):after {
    background: hsla(0, 0%, 100%, .1);
    bottom: 0;
    content: "";
    height: 1px;
    left: -16px;
    position: absolute;
    width: calc(100% + 32px)
}

.subscription-item .explanation .content :nth-child(9) {
    padding-top: 10px
}

.subscription-item .explanation .content .item-terms {
    color: #fff;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%
}

.subscription-item .explanation .content .item-terms .icon-div {
    height: 100%;
    margin-right: 10px;
    width: 16px
}

.subscription-item .explanation .content .item-terms .icon-div .icon {
    font-size: 16px
}

.subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-check {
    color: #22d19d
}

.subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-close {
    color: #ff3d3d
}

.subscription-item > .subscription-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #00e2e2);
    border: 0;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    margin: 26px 0 40px;
    width: 218px
}

.subscription-item > .subscription-btn.is-disabled {
    background: #2e3041;
    color: #545668
}

.subscription-item .help {
    margin-left: 10px
}

.subscription {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    overflow-x: auto;
    width: 100%
}

.subscription::-webkit-scrollbar {
    height: 4px
}

.subscription > .top {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 0 19px;
    width: 100%
}

.subscription > .top .title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 56px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    margin-bottom: 5px;
    text-align: center;
    width: 100%
}

.subscription > .top .desc {
    color: #d0d3dc;
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 100%
}

.subscription > .top .subscription-methods {
    align-items: center;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #37323f, #37323f), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 66px;
    justify-content: center;
    justify-content: space-between;
    padding: 5px;
    width: 558px
}

.subscription > .top .subscription-methods .monthly, .subscription > .top .subscription-methods .yearly {
    align-items: center;
    background: transparent;
    border-radius: 12px;
    color: #bfc0c1;
    cursor: pointer;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    font-weight: 400;
    height: 54px;
    justify-content: center;
    width: 270px
}

.subscription > .top .subscription-methods .monthly.active, .subscription > .top .subscription-methods .yearly.active {
    background: linear-gradient(90deg, #3f8cff, #00e2e2);
    border-radius: 12px;
    color: #fff;
    font-weight: 700
}

.subscription > .top .subscription-methods .yearly .discount {
    align-items: center;
    background: rgba(52, 81, 125, .2);
    border-radius: 27px;
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    height: 29px;
    justify-content: center;
    margin-left: 7px;
    width: 141px
}

.subscription > .top .subscription-methods .yearly .discount .img {
    height: 16px;
    margin-bottom: 2px;
    margin-left: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 16px
}

.subscription .middle {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    height: 222px;
    justify-content: center;
    margin: 5px 0;
    width: 336px
}

.subscription .middle .celebrate {
    font-size: 68px;
    margin-top: 18px;
    text-align: center;
    width: 100%
}

.subscription .middle .tip {
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    text-align: center;
    width: 100%
}

.subscription .middle .tip .u-sub {
    color: hsla(0, 0%, 94%, .7)
}

.subscription .middle .tip .level {
    color: #fcfcfc
}

.subscription .middle .manage-sub {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 12px;
    color: #fcfcfc;
    display: flex;
    font-family: Inter-Bold, Inter;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    width: 248px
}

.subscription .bottom {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 19px;
    width: 100%
}

.subscription .bottom .subscription-contents {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.subscription .bottom .subscription-contents .subscription-item {
    flex: 1;
    margin: 0 10px;
    min-width: 270px
}

.goods-container {
    background: hsla(0, 0%, 100%, .13);
    border-radius: 0 8px 8px 8px;
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25);
    box-sizing: border-box;
    height: 100%;
    padding: 30px 35px 35px;
}

.goods-container .old-mall .top-desc {
    box-sizing: border-box;
    margin-bottom: 3px;
    padding: 0 15px;
    position: relative;
    width: 100%
}

.goods-container .old-mall .top-desc .tip {
    height: 16px;
    left: -13px;
    position: absolute;
    top: 1px;
    width: 16px
}

.goods-container .old-mall .top-desc .words {
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    text-align: center;
    display: block;
}

.goods-container .old-mall .goods {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start
}

.goods-container .old-mall .goods .item-goods {
    align-content: flex-end;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    height: 245px;
    margin: 35px;
    position: relative;
    width: 189px
}

.goods-container .old-mall .goods .item-goods .discount, .goods-container .old-mall .goods .item-goods .purchase-limit, .goods-container .old-mall .goods .item-goods .vip-lite {
    align-content: space-around;
    background: url(/_nuxt/img/mall-sun-bg.81c1d86.png);
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 86px;
    padding: 17px 0;
    position: absolute;
    right: -20px;
    top: -15px;
    transform: rotate(-45deg);
    width: 86px
}

.goods-container .old-mall .goods .item-goods .discount .words, .goods-container .old-mall .goods .item-goods .purchase-limit .words, .goods-container .old-mall .goods .item-goods .vip-lite .words {
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%
}

.goods-container .old-mall .goods .item-goods .discount .number-old, .goods-container .old-mall .goods .item-goods .purchase-limit .number-old, .goods-container .old-mall .goods .item-goods .vip-lite .number-old {
    box-sizing: border-box;
    color: #fff;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    width: 100%
}

.goods-container .old-mall .goods .item-goods .discount .number-new, .goods-container .old-mall .goods .item-goods .purchase-limit .number-new, .goods-container .old-mall .goods .item-goods .vip-lite .number-new {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    width: 100%
}

.goods-container .old-mall .goods .item-goods .discount .number-new .icon, .goods-container .old-mall .goods .item-goods .purchase-limit .number-new .icon, .goods-container .old-mall .goods .item-goods .vip-lite .number-new .icon {
    height: 24px;
    width: 24px
}

.goods-container .old-mall .goods .item-goods .vip-lite {
    background: url(/_nuxt/img/mall-vip-lite-sun-bg.f7b2162.png);
    background-size: contain
}

.goods-container .old-mall .goods .item-goods .goods-info {
    height: 42px;
    margin-bottom: 5px;
    width: 100%
}

.goods-container .old-mall .goods .item-goods .goods-info .VIP_Card {
    box-sizing: border-box;
    color: #1c77ff;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.goods-container .old-mall .goods .item-goods .goods-info .mall-Credit, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond {
    align-items: center;
    display: flex;
    height: 39px;
    justify-content: center;
    line-height: 39px;
    margin-top: 3px;
    padding: 0 5px
}

.goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .words, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .words {
    color: #c246fc;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700
}

.goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .icon, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .icon {
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .icon {
    margin-bottom: 1px
}

.goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .icon {
    margin-bottom: 3px
}

.goods-container .old-mall .goods .item-goods .purchase-btn {
    align-items: center;
    background: transparent;
    border: 0;
    color: #fff;
    display: flex;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    height: 45px;
    justify-content: center;
    margin: 0 auto;
    width: 174px
}

.goods-container .old-mall .goods .item-goods .purchase-btn.is-loading:before {
    background-color: transparent
}

.goods-container .old-mall .goods .item-goods .purchase-btn:before {
    color: hsla(0, 0%, 100%, .8);
    content: attr(disPrice);
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 20px;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.member-benefits .tip .icon {
    height: 16px;
    width: 16px
}

.member-benefits .tip .words {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400
}

.member-benefits .benefits-container {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%
}

.member-benefits .benefits-container .item-container {
    background: hsla(0, 0%, 100%, .13);
    border-radius: 20px;
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25);
    flex: 1;
    margin-right: 20px;
    position: relative
}

.member-benefits .benefits-container .item-container:last-child {
    margin-right: 0
}

.member-benefits .benefits-container .item-container.VIP {
    background: rgba(255, 223, 142, .2);
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}

.member-benefits .benefits-container .item-container.VIP .sloganBg {
    background: linear-gradient(44deg, #ffe6b5, #f2b549);
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}

.member-benefits .benefits-container .item-container.VIP .sloganBg .words {
    color: #6f3d0c
}

.member-benefits .benefits-container .item-container.LITE {
    background: hsla(0, 0%, 100%, .13);
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}

.member-benefits .benefits-container .item-container.LITE .sloganBg {
    background: linear-gradient(44deg, #f0f0f0, #afafaf);
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}

.member-benefits .benefits-container .item-container.LITE .sloganBg .words {
    color: #494263
}

.member-benefits .benefits-container .item-container.FREE .sloganBg {
    background: hsla(0, 0%, 100%, .13);
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25)
}

.member-benefits .benefits-container .item-container.FREE .sloganBg .words {
    color: #fff
}

.member-benefits .benefits-container .item-container .sloganBg {
    align-items: center;
    border-radius: 20px 20px 0 0;
    display: flex;
    height: 52px;
    justify-content: center;
    width: 100%
}

.member-benefits .benefits-container .item-container .sloganBg .vip-icon {
    height: 30px;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 30px
}

.member-benefits .benefits-container .item-container .sloganBg .words {
    align-items: center;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 24px;
    font-weight: 700;
    height: 100%;
    justify-content: center
}

.member-benefits .benefits-container .item-container .terms-container {
    box-sizing: border-box;
    height: 100%;
    padding: 15px;
    width: 100%
}

.member-benefits .benefits-container .item-container .terms-container .item-term {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03);
    box-sizing: border-box;
    display: flex;
    height: 44px;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 5px;
    padding: 0 25px;
    width: 100%
}

.member-benefits .benefits-container .item-container .terms-container .item-term:last-child {
    margin-bottom: 0
}

.member-benefits .benefits-container .item-container .terms-container .item-term .term-icon {
    font-size: 16px;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.member-benefits .benefits-container .item-container .terms-container .item-term .term-icon.el-icon-check {
    color: #22d19d
}

.member-benefits .benefits-container .item-container .terms-container .item-term .term-icon.el-icon-close {
    color: #ff3d3d
}

.member-benefits .benefits-container .item-container .terms-container .item-term .term-words {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

@keyframes color-change {
    0% {
        color: hsla(0, 0%, 100%, .7)
    }
    50% {
        color: hsla(0, 0%, 100%, .85)
    }
    to {
        color: #fff
    }
}

.common-questions {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.common-questions .title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 30px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

.common-questions .sub-title {
    color: #d0d3dc;
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    margin-bottom: 50px;
    text-align: center;
    width: 100%
}

.common-questions .collapse {
    border: 0;
    box-sizing: border-box;
    padding-bottom: 98px;
    width: 100%
}

.common-questions .collapse .el-collapse-item .el-collapse-item__header {
    background: transparent;
    border-bottom: 0;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    font-weight: 400;
    height: 68px;
    line-height: 24px;
    padding: 0 15px
}

.common-questions .collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.el-icon-arrow-right {
    margin: 0 0 0 15px
}

.common-questions .collapse .el-collapse-item .el-collapse-item__wrap {
    background: transparent;
    border-bottom: 0
}

.common-questions .collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
    background: transparent;
    border-radius: 16px;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .15)
}

.common-questions .collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .content {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 15px
}

.common-questions .collapse .el-collapse-item.is-active {
    background: rgba(28, 20, 49, .5)
}

.common-questions .collapse .el-collapse-item.is-active .el-collapse-item__header {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: color-change;
    box-shadow: none;
    color: #fff
}

.purchase-record-dialog .el-dialog {
    border: 0;
    border-radius: 20px;
    box-sizing: border-box;
    height: 522px;
    margin-top: calc(50vh - 261px) !important;
    width: 798px
}

.purchase-record-dialog .el-dialog .el-dialog__header {
    background: #1a202f;
    border-radius: 20px;
    padding: 20px 35px
}

.purchase-record-dialog .el-dialog .el-dialog__body {
    align-content: space-between;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 457px;
    padding: 0 35px 18px;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .no-data-tip {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: calc(100% - 32px);
    justify-content: center;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows {
    box-sizing: border-box;
    height: calc(100% - 32px);
    margin: 0;
    padding: 0;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row {
    align-items: center;
    background: #252b39;
    border-radius: 8px 8px 8px 8px;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03);
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 5px 18px;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header > div {
    color: #898e99 !important;
    font-weight: 700
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header .goods-consumption {
    box-sizing: border-box;
    padding-left: 5px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header .goods-time {
    justify-content: flex-start
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row:last-child {
    margin-bottom: 0
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    justify-content: flex-start
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .icon {
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 40px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .icon.vip-icon {
    height: 35px;
    margin-left: 3px;
    width: 35px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .star {
    margin: 7px 5px 0 3px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .number, .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .star, .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .words {
    color: #f1c16c;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    width: 125px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .words {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .words.cash {
    margin-left: 5px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .icon {
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 28px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-number {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    justify-content: flex-start;
    width: 330px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-number .copy-icon {
    color: #409eff;
    cursor: pointer;
    font-size: 20px;
    margin-left: 5px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-time {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    justify-content: flex-end;
    width: 130px
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .btn-next, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .btn-prev, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .el-pager li, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination__jump, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination__total {
    color: #d9dfe7
}

.purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pager li, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination .btn-next, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination .btn-prev {
    background-color: transparent;
    background-color: initial
}

.mall-checkin-dialog .el-dialog {
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    height: 732px;
    margin-top: calc(50vh - 410px) !important;
    width: 685px
}

.mall-checkin-dialog .el-dialog .el-dialog__header {
    display: none
}

.mall-checkin-dialog .el-dialog .el-dialog__body {
    background: url(/_nuxt/img/mall-checkin-dialog-bg.1a675e5.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #909399;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 50px;
    top: 70px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container > .title {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    justify-content: flex-start;
    padding: 122px 295px 0 45px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container > .title .words {
    color: #fff;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 27px;
    font-style: italic;
    font-weight: 700;
    text-shadow: 0 4px 0 rgba(0, 0, 0, .25)
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc {
    align-items: center;
    background: linear-gradient(90deg, #fee59a, #fecc71);
    border-radius: 22px;
    box-sizing: border-box;
    display: flex;
    height: 27px;
    justify-content: center;
    justify-content: flex-start;
    margin: 20px 138px 0 45px;
    padding: 6px 15px;
    width: 410px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .comma, .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .end-words, .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .start-words {
    color: #434343;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .end-time, .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .start-time {
    color: #fc6555;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin: 0 3px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-one {
    color: hsla(6, 97%, 66%, .282);
    margin-left: 6px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-two {
    color: hsla(6, 97%, 66%, .573)
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-three {
    color: #fc6555
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    justify-content: flex-start;
    margin: 5px 138px 0 45px;
    padding: 6px 0;
    width: 505px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc .icon {
    color: #6a6a6a
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc .words {
    margin-left: 5px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 127px 0 37px;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin {
    align-items: center;
    background: linear-gradient(180deg, #fff, #fff0cb);
    border: 5px solid #fff;
    border-radius: 14px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 143px;
    justify-content: center;
    margin: 5px;
    position: relative;
    width: 120px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .received-mask {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 14px;
    display: flex;
    height: 143px;
    justify-content: center;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 120px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .received-mask .received-icon {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    widows: 37px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 28px);
    justify-content: center;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top .img {
    box-sizing: border-box;
    height: 75px;
    padding: 15px 25.5px 5px;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top .goods-desc {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 16px;
    font-weight: 700;
    height: calc(100% - 75px);
    justify-content: center;
    line-height: 21px;
    text-shadow: -1px -1px 0 #a65a08, 1px -1px 0 #a65a08, -1px 1px 0 #a65a08, 1px 1px 0 #a65a08, 0 0 2px #a65a08;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .title {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #a65a08;
    display: flex;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    padding-top: 5px;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.is-current {
    background: url(/_nuxt/img/mall-checkin-container-bg.6c74136.png) no-repeat 50%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.is-current .title {
    background-color: #fee6a7;
    border-radius: 0 0 12px 12px;
    height: 32px;
    margin-bottom: -4px;
    padding-top: 0
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received {
    background: linear-gradient(180deg, #fff, #a4a4a4)
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received .top .goods-desc {
    text-shadow: -1px -1px 0 #6f6f6f, 1px -1px 0 #6f6f6f, -1px 1px 0 #6f6f6f, 1px 1px 0 #6f6f6f, 0 0 2px #6f6f6f
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received .title {
    color: #6f6f6f
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child, .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child .received-mask {
    width: 251px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child .top .img {
    padding: 15px 91px 5px
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .btn {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 70px;
    justify-content: center;
    padding: 18px 220px 0 131px;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .btn .btn-div {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: Arial-Bold, Arial;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    padding: 0;
    width: 100%
}

.mall-checkin-dialog .el-dialog .el-dialog__body .container .btn .btn-div.is-loading:before {
    background: transparent
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.payment-status-dialog .el-dialog {
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    width: auto
}

.payment-status-dialog .el-dialog .el-dialog__header {
    display: none
}

.payment-status-dialog .el-dialog .el-dialog__body {
    background: #fff;
    border-radius: 36px;
    box-sizing: border-box;
    padding: 0
}

.payment-status-dialog .el-dialog .el-dialog__body .container {
    box-sizing: border-box;
    position: relative;
    transition: height .5s ease 0s;
    width: 416px
}

.payment-status-dialog .el-dialog .el-dialog__body .container > .icon {
    height: 96px;
    left: 50%;
    position: absolute;
    top: -48px;
    transform: translateX(-50%);
    width: 160px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .loading {
    align-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon {
    height: 68px;
    margin-top: 34px;
    width: 68px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon.rotate-image {
    animation: spin 3s linear infinite
}

.payment-status-dialog .el-dialog .el-dialog__body .container .loading .words {
    color: #666;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .loading .cancel-btn {
    background: #37c040;
    border: 0;
    border-radius: 8px;
    color: #fff;
    height: 36px;
    margin-top: 40px;
    width: 134px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish {
    align-content: flex-start;
    align-items: center;
    background: url(/_nuxt/img/payment-status-dialog-bg.8d3a869.webp) no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .tip {
    color: #104619;
    font-family: Helvetica Neue-Bold, Helvetica Neue;
    font-size: 20px;
    font-weight: 700;
    margin-top: 80px;
    text-align: center;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .amount {
    color: #104619;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content {
    margin-top: 33px;
    padding: 0 32px;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content:last-child {
    margin-bottom: 0
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .label {
    align-items: center;
    color: #888;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail {
    color: #333;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div {
    align-items: center;
    display: flex
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div .icon {
    height: 26px;
    margin-left: 5px;
    width: 26px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div.credits .icon {
    margin-left: 3px
}

.payment-status-dialog .el-dialog .el-dialog__body .container .finish .done-btn {
    background: #37c040;
    border: 0;
    border-radius: 8px;
    color: #fff;
    height: 36px;
    margin-top: 30px;
    width: 134px
}

.discount-dialog .el-dialog {
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    height: 536px;
    margin-top: calc(50vh - 268px) !important;
    width: 536px
}

.discount-dialog .el-dialog .el-dialog__header {
    display: none
}

.discount-dialog .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container {
    background: url(/_nuxt/img/discount-dialog-bg.e46a943.webp) no-repeat;
    background-size: contain;
    border: 0;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .close-icon {
    color: #909399;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 100px;
    top: 60px
}

.discount-dialog .el-dialog .el-dialog__body .container .title {
    align-items: center;
    box-sizing: border-box;
    color: #323d36;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 18px;
    font-weight: 700;
    height: 177px;
    justify-content: center;
    padding: 110px 182px 0 84px;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .number {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 153px;
    justify-content: center;
    padding: 8px 217px 62px 236px;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .number .number-new {
    color: #fff;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0;
    text-align: center;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .number .number-old {
    color: #fff;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .remaining {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 102px;
    justify-content: center;
    padding: 0 160px 15px 59px;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .remaining .words {
    color: rgba(0, 0, 0, .8);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .remaining .times {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%
}

.discount-dialog .el-dialog .el-dialog__body .container .remaining .times .hours, .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .minutes, .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .second {
    align-items: center;
    background: #fff;
    border-radius: 2px 2px 2px 2px;
    color: rgba(0, 0, 0, .8);
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    width: 24px
}

.discount-dialog .el-dialog .el-dialog__body .container .remaining .times .colon {
    color: rgba(0, 0, 0, .8);
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px
}

.discount-dialog .el-dialog .el-dialog__body .container .btn {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    justify-content: center;
    padding: 0 195px 0 94px;
    text-align: center;
    width: 100%
}

.seaart-mall {
    background-image: url(/_nuxt/img/rankBg.34a1394.webp);
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 100%;
    padding-top: 75px;
    width: 100%
}

.seaart-mall > .back-to {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 40px;
    width: 52px;
    z-index: 98
}

.seaart-mall > .back-to i {
    color: #fff;
    font-size: 28px
}

.seaart-mall > .back-to:hover {
    background-color: #1c2433
}

.seaart-mall > .title {
    align-items: center;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 56px;
    font-weight: 700;
    height: 60px;
    justify-content: center;
    margin: 6px 0
}

.seaart-mall > .title .words {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #1271ff, #20ffff);
    -webkit-background-clip: text
}

.seaart-mall > .title .star {
    height: 45px;
    margin-bottom: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 45px
}

.seaart-mall > .desc {
    color: #d0d3dc;
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    height: 26px;
    margin-bottom: 25px
}

.seaart-mall > .desc, .seaart-mall > .detial {
    align-items: center;
    display: flex;
    justify-content: center
}

.seaart-mall > .detial {
    box-sizing: border-box;
    flex-wrap: nowrap;
    height: 66px;
    justify-content: space-between;
    margin: 20px auto 10px;
    padding: 0 80px 0 310px;
    width: 100%
}

.seaart-mall > .detial .left {
    align-items: center;
    display: flex;
    height: 100%;
    width: 603px
}

.seaart-mall > .detial .left .purchase-record-btn {
    background: hsla(0, 0%, 100%, .23);
    border-radius: 10px;
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25);
    height: 39px;
    line-height: 39px;
    margin-right: 13px;
    padding: 0 10px
}

.seaart-mall > .detial .left .purchase-record-btn .words {
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-family: Arial-Bold, Arial;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seaart-mall > .detial .left .vip-expiry-date {
    color: hsla(0, 0%, 100%, .6);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seaart-mall > .detial .right {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    justify-content: flex-end;
    width: 347px
}

.seaart-mall > .detial .right .coin {
    align-items: center;
    background: #413f53;
    border-radius: 30px;
    box-shadow: 0 4px 20px -1px rgba(0, 0, 0, .25), 0 4px 20px 0 rgba(47, 24, 108, .1);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Inter-Semi Bold, Inter;
    font-size: 16px;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin-right: 16px;
    padding-left: 15px;
    position: relative;
    width: 105px
}

.seaart-mall > .detial .right .coin:last-child {
    margin-right: 0
}

.seaart-mall > .detial .right .coin .icon {
    position: absolute
}

.seaart-mall > .detial .right .coin.credits .icon {
    height: 47px;
    left: -18px;
    top: -5px;
    width: 47px
}

.seaart-mall > .detial .right .coin.stamina {
    padding-left: 5px
}

.seaart-mall > .detial .right .coin.stamina .icon {
    height: 50px;
    left: -15px;
    top: -8px;
    width: 50px
}

.seaart-mall > .container {
    box-sizing: border-box;
    margin-bottom: 25px;
    padding: 0 80px;
    position: relative;
    width: 100%
}

.seaart-mall > .container .checkin-btn {
    cursor: pointer;
    height: 120px;
    position: fixed;
    right: 0;
    top: 185px;
    width: 120px
}

.seaart-mall > .container .checkin-btn .icon {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.seaart-mall > .container .checkin-btn .words {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 27px;
    top: 78px;
    width: 85px
}

.seaart-mall > .container .discount-btn {
    cursor: pointer;
    height: 110px;
    position: fixed;
    right: 0;
    top: 319px;
    width: 110px
}

.seaart-mall > .container .discount-btn .icon {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.seaart-mall > .container .discount-btn .words {
    font-size: 12px;
    height: 50px;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px
}

.seaart-mall > .container .discount-btn .times, .seaart-mall > .container .discount-btn .words {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    justify-content: center;
    position: absolute
}

.seaart-mall > .container .discount-btn .times {
    font-size: 14px;
    height: 32px;
    right: 17px;
    top: 76px;
    width: 92px
}

.seaart-mall > .container .discount-btn .times .hours, .seaart-mall > .container .discount-btn .times .minutes, .seaart-mall > .container .discount-btn .times .second {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600;
    justify-content: center
}

.seaart-mall > .container .discount-btn .times .colon {
    color: #fff;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin: 0 3px
}

.seaart-mall > .container .goods-content {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    transition: height .5s ease 0s;
    width: 100%
}

.seaart-mall > .container .goods-content .tabs {
    align-content: flex-start;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 230px
}

.seaart-mall > .container .goods-content .tabs .tab {
    align-items: center;
    background: hsla(0, 0%, 100%, .13);
    border-radius: 10px 0 0 10px;
    box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25);
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    width: 184px
}

.seaart-mall > .container .goods-content .tabs .tab:last-child {
    margin-bottom: 0
}

.seaart-mall > .container .goods-content .tabs .tab.active {
    background: url(/_nuxt/img/mall_tab_selected.fc27322.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
    box-sizing: border-box;
    font-family: Arial-Bold, Arial;
    font-size: 20px;
    font-weight: 700;
    height: 90px;
    margin-top: -14px;
    padding-left: 35px;
    padding-top: 16px;
    width: 230px
}

.seaart-mall > .container .goods-content .tabs .tab.active:before {
    left: -5px !important;
    top: -10px !important
}

.seaart-mall > .container .goods-content .tabs .tab:first-child:before, .seaart-mall > .container .goods-content .tabs .tab:nth-child(2):before {
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20231114/2352a749-bb0d-4803-83f2-6f3aaafd1da3.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    content: attr(tips);
    font-size: 16px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -25px;
    width: 110px
}

.seaart-mall > .container .goods-content .tabs .tab:nth-child(2):before {
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20231114/2352a749-bb0d-4803-83f2-6f3aaafd1da3.png);
    padding-right: 5px
}

.seaart-mall > .container .goods-content .tabs .tab.sale-tab:before {
    display: none
}

.seaart-mall > .container .goods-content .tabs .tag {
    background: linear-gradient(88deg, #424242, #8d8d8d);
    border-radius: 12px 0 12px 0;
    color: #fff;
    font-size: 14px;
    height: 26px;
    left: 0;
    line-height: 26px;
    max-width: 120px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: -13px;
    white-space: normal
}

.seaart-mall > .comparison-of-membership-benefits {
    margin: 0 auto 35px;
    width: 950px
}

.seaart-mall > .common-questions-container {
    margin: 0 auto;
    width: 950px
}

.c-tab[data-v-dd474f74] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    height: 32px;
    justify-content: flex-start;
    width: 100%
}

.c-tab .item-tab[data-v-dd474f74] {
    color: #a3a6ad;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin-right: 30px
}

.c-tab .item-tab[data-v-dd474f74]:last-child {
    margin-right: 0
}

.c-tab .item-tab.active[data-v-dd474f74] {
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    color: #fff
}

.face-changing-example[data-v-ee4a5bac] .el-dialog {
    background: transparent;
    height: 678px;
    margin-top: calc(50vh - 339px) !important;
    width: 684px
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__header {
    display: none
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .close-icon {
    color: #f7fbfa;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    right: 47px;
    top: 35px
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content {
    align-content: flex-start;
    background: #24262a;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 594px;
    justify-content: center;
    padding: 0 40px;
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .title {
    color: #fcfcfc;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 36px;
    text-align: center;
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .explain {
    margin: 28px auto 0
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .explain > div {
    color: #b3bac2;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 24px
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example {
    margin-top: 19px;
    position: relative;
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example:after, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example:after {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 16px;
    transform: translateX(-50%);
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header {
    align-items: center;
    background: #383c46;
    border-radius: 60px;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 224px;
    z-index: 9
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header .svg-icon, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon {
    margin: 0 5px 2px 0
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header .words, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .words {
    color: #bfc3cd;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 600
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .img-container, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .img-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    padding: 16px 0 27px
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .img-container .item-img, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .img-container .item-img {
    border-radius: 6px;
    height: 140px;
    margin: 0 5px;
    width: 140px
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example {
    margin-top: 0
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon {
    margin-bottom: 0
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .footer {
    align-items: center;
    background: #141416;
    border-radius: 0 0 20px 20px;
    display: flex;
    height: 84px;
    justify-content: center;
    width: 100%
}

.face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .footer .btn {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: 0;
    border-radius: 12px;
    color: #fff;
    font-family: Inter;
    font-size: 15px;
    font-weight: 700;
    height: 52px;
    line-height: 24px;
    width: 361px
}

.ai-face-changing[data-v-927edb82] {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    height: calc(100vh - 74px);
    width: 100%
}

.ai-face-changing .left-area[data-v-927edb82] {
    background: #14151c;
    border-left: 1px solid #2a2832;
    border-right: 1px solid #2a2832;
    box-sizing: border-box;
    height: 100%;
    width: 357px
}

.ai-face-changing .left-area.after-generate .item-box[data-v-927edb82], .ai-face-changing .left-area.after-generate .item-box[data-v-927edb82] .el-upload, .ai-face-changing .left-area.generating .item-box[data-v-927edb82], .ai-face-changing .left-area.generating .item-box[data-v-927edb82] .el-upload {
    cursor: not-allowed !important
}

.ai-face-changing .left-area[data-v-927edb82] .c-tab {
    margin: 16px 27px 11px;
    width: calc(100% - 54px)
}

.ai-face-changing .left-area .content-container[data-v-927edb82] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 60px);
    overflow: auto;
    padding: 0 17px;
    width: 100%
}

.ai-face-changing .left-area .content-container[data-v-927edb82] .left-uploader .el-upload {
    background: #2b2c32;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.ai-face-changing .left-area .content-container[data-v-927edb82] .left-uploader .el-upload .uploader {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai-face-changing .left-area .content-container[data-v-927edb82] .left-uploader .el-upload .uploader .tip {
    color: #a3a6ad;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    width: 100%
}

.ai-face-changing .left-area .content-container[data-v-927edb82] .left-uploader .el-upload .el-upload-dragger {
    background: #2b2c32;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.ai-face-changing .left-area .content-container .item-box[data-v-927edb82] {
    background: #2b2c32;
    border-radius: 12px;
    cursor: pointer;
    height: 236px;
    margin: 5px;
    position: relative;
    width: calc(50% - 10px)
}

.ai-face-changing .left-area .content-container .item-box .duration[data-v-927edb82] {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    justify-content: center;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 41px
}

.ai-face-changing .left-area .content-container .item-box .author[data-v-927edb82] {
    bottom: 6px;
    color: #bdbdbd;
    font-family: PingFang SC;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    right: 6px
}

.ai-face-changing .left-area .content-container .item-box .material[data-v-927edb82] {
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ai-face-changing .left-area .content-container[data-v-927edb82] > :last-child {
    margin-bottom: 15px
}

.ai-face-changing .middle-area[data-v-927edb82] {
    align-content: flex-start;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center
}

.ai-face-changing .middle-area .icon[data-v-927edb82] {
    height: 56px;
    margin-top: 10px;
    width: 56px
}

.ai-face-changing .middle-area .title[data-v-927edb82] {
    color: #fff;
    font-family: Arial;
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    width: 100%
}

.ai-face-changing .middle-area .explain[data-v-927edb82] {
    align-items: center;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    font-family: Arial;
    font-size: 16px;
    justify-content: center;
    line-height: 19px;
    margin-top: 6px;
    text-align: center;
    width: 100%
}

.ai-face-changing .middle-area .explain > .words[data-v-927edb82] {
    margin-right: 7px
}

.ai-face-changing .middle-area .preview-box[data-v-927edb82] {
    align-items: center;
    background: #2a2832;
    border: 2px dashed hsla(0, 0%, 100%, .7);
    border-radius: 20px;
    display: flex;
    height: 612px;
    justify-content: center;
    margin-top: 18px;
    max-height: calc(100% - 268px);
    max-width: calc(100% - 200px);
    position: relative;
    width: 896px
}

.ai-face-changing .middle-area .preview-box .post-btn[data-v-927edb82] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 112px;
    top: 16px;
    width: 40px;
    z-index: 9
}

.ai-face-changing .middle-area .preview-box .post-btn .svg-icon[data-v-927edb82] {
    color: #fff;
    height: 18px;
    width: 18px
}

.ai-face-changing .middle-area .preview-box .download-btn[data-v-927edb82] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 64px;
    top: 16px;
    width: 40px;
    z-index: 9
}

.ai-face-changing .middle-area .preview-box .download-btn .svg-icon[data-v-927edb82] {
    color: #fff;
    height: 18px;
    width: 18px
}

.ai-face-changing .middle-area .preview-box .delete-btn[data-v-927edb82] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px;
    z-index: 9
}

.ai-face-changing .middle-area .preview-box .delete-btn .svg-icon[data-v-927edb82] {
    color: #fff;
    height: 18px;
    width: 18px
}

.ai-face-changing .middle-area .preview-box .image-preview[data-v-927edb82], .ai-face-changing .middle-area .preview-box .video-preview[data-v-927edb82] {
    border-radius: 20px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .image-preview[data-v-927edb82] {
    -o-object-fit: contain;
    object-fit: contain
}

.ai-face-changing .middle-area .preview-box .before-generate[data-v-927edb82] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .before-generate .close-btn[data-v-927edb82] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px;
    z-index: 9
}

.ai-face-changing .middle-area .preview-box .before-generate .close-btn .el-icon-close[data-v-927edb82] {
    color: #fff;
    font-size: 18px
}

.ai-face-changing .middle-area .preview-box .before-generate .empty[data-v-927edb82] {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.ai-face-changing .middle-area .preview-box .generating[data-v-927edb82] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .generating .percentage[data-v-927edb82] {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .generating .progress-bar[data-v-927edb82] {
    background: hsla(0, 0%, 47%, .4);
    border-radius: 30px;
    height: 12px;
    margin: 22px 0;
    width: 263px
}

.ai-face-changing .middle-area .preview-box .generating .progress-bar .inner[data-v-927edb82] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 30px;
    box-sizing: border-box;
    height: 100%;
    transition: width 1s ease;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .generating .tips[data-v-927edb82] {
    color: #999;
    font-family: Arial;
    font-size: 14px;
    text-align: center;
    width: 100%
}

.ai-face-changing .middle-area .preview-box .generating .get-more-credits[data-v-927edb82] {
    align-items: center;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #2a2832, #2a2832), linear-gradient(90deg, #3f8fff, #21feff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fcfcfc;
    cursor: pointer;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    margin-top: 40px;
    padding: 12px 17px
}

.ai-face-changing .middle-area .preview-box .generating .get-more-credits .el-icon-right[data-v-927edb82] {
    font-size: 16px;
    margin-left: 8px
}

.ai-face-changing .middle-area .preview-box .after-generate[data-v-927edb82] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai-face-changing .middle-area .generate-box[data-v-927edb82] {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 36px;
    width: 100%
}

.ai-face-changing .middle-area .generate-box .generate[data-v-927edb82] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 14px;
    width: 282px
}

.ai-face-changing .middle-area .generate-box .generate .estimated-cost[data-v-927edb82] {
    margin-left: 5px
}

.ai-face-changing .right-area[data-v-927edb82] {
    background: #14151c;
    border-left: 1px solid #2a2832;
    border-right: 1px solid #2a2832;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding: 0 12px;
    width: 314px
}

.ai-face-changing .right-area.after-generate .item-face[data-v-927edb82], .ai-face-changing .right-area.after-generate .item-face[data-v-927edb82] .el-upload, .ai-face-changing .right-area.generating .item-face[data-v-927edb82], .ai-face-changing .right-area.generating .item-face[data-v-927edb82] .el-upload {
    cursor: not-allowed !important
}

.ai-face-changing .right-area > .title[data-v-927edb82] {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    height: 37px;
    margin-top: 16px;
    width: 100%
}

.ai-face-changing .right-area > .title .words[data-v-927edb82] {
    color: #c0d0f1;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}

.ai-face-changing .right-area > .title .svg-icon[data-v-927edb82] {
    color: #69676e;
    cursor: pointer;
    font-size: 14px
}

.ai-face-changing .right-area .process[data-v-927edb82] {
    margin-top: 16px;
    width: 100%
}

.ai-face-changing .right-area .process .sub-title[data-v-927edb82] {
    align-items: center;
    box-sizing: border-box;
    color: #c0d0f1;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    height: 24px;
    width: 100%
}

.ai-face-changing .right-area .process .avatar-container[data-v-927edb82] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    height: 74px;
    justify-content: space-between;
    margin-top: 5px;
    padding: 8px 10px;
    position: relative;
    width: 182px
}

.ai-face-changing .right-area .process .avatar-container[data-v-927edb82]:after {
    background: linear-gradient(90deg, rgba(226, 233, 247, 0), #dce5f7);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 24px
}

.ai-face-changing .right-area .process .avatar-container .left-box[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .right-box[data-v-927edb82] {
    align-items: center;
    background: #3e3f46;
    border-radius: 50%;
    display: flex;
    height: 58px;
    justify-content: center;
    position: relative;
    width: 58px
}

.ai-face-changing .right-area .process .avatar-container .left-box > img[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .right-box > img[data-v-927edb82] {
    border-radius: 50%;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 56px
}

.ai-face-changing .right-area .process .avatar-container .left-box.active[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .right-box.active[data-v-927edb82] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3f8fff, #21feff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 50%;
    height: 58px;
    width: 58px
}

.ai-face-changing .right-area .process .avatar-container .left-box.after-generate .delete-face[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .left-box.generating .delete-face[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .right-box.after-generate .delete-face[data-v-927edb82], .ai-face-changing .right-area .process .avatar-container .right-box.generating .delete-face[data-v-927edb82] {
    cursor: not-allowed !important
}

.ai-face-changing .right-area .select-face[data-v-927edb82] {
    margin-top: 16px;
    width: 100%
}

.ai-face-changing .right-area .select-face .sub-title[data-v-927edb82] {
    align-items: center;
    box-sizing: border-box;
    color: #c0d0f1;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    height: 24px;
    width: 100%
}

.ai-face-changing .right-area .select-face .face-box[data-v-927edb82] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 7px 5px
}

.ai-face-changing .right-area .select-face .face-box .face-uploader[data-v-927edb82] {
    border: 0 !important;
    height: 58px !important;
    width: 58px !important
}

.ai-face-changing .right-area .select-face .face-box .face-uploader[data-v-927edb82] .el-upload {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.ai-face-changing .right-area .select-face .face-box .face-uploader[data-v-927edb82] .el-upload .uploader {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai-face-changing .right-area .select-face .face-box .item-face[data-v-927edb82] {
    border: 2px solid #383943;
    border-radius: 50%;
    cursor: pointer;
    height: 56px;
    margin: 5px;
    position: relative;
    width: 56px
}

.ai-face-changing .right-area .select-face .face-box .item-face .face-image[data-v-927edb82] {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ai-face-changing .right-area .select-face .face-box .item-face .delete-face[data-v-927edb82] {
    opacity: 0
}

.ai-face-changing .right-area .select-face .face-box .item-face .delete-face.after-generate[data-v-927edb82], .ai-face-changing .right-area .select-face .face-box .item-face .delete-face.generating[data-v-927edb82] {
    cursor: not-allowed !important
}

.ai-face-changing .right-area .select-face .face-box .item-face:hover .delete-face[data-v-927edb82] {
    opacity: 1
}

.ai-face-changing .delete-face[data-v-927edb82] {
    align-items: center;
    background: #515458;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px
}

.ai-face-changing .delete-face .el-icon-close[data-v-927edb82] {
    color: #fff;
    font-size: 10px
}

.ai-face-changing .uploader .el-icon-plus[data-v-927edb82] {
    color: #a9afbd;
    font-size: 16px
}

.ai-face-changing[data-v-927edb82] ::-webkit-scrollbar {
    width: 4px
}

.back-btn[data-v-1429902c] {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 150px;
    width: 48px;
    z-index: 98
}

.back-btn i[data-v-1429902c] {
    color: #fff;
    font-size: 28px
}

.back-btn[data-v-1429902c]:hover {
    background-color: #1c2433
}

.p-fast-tools[data-v-1321f86b] {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.result-success[data-v-b1633f50] {
    text-align: center
}

.result-success img[data-v-b1633f50] {
    height: auto;
    width: 120px
}

.result-success .result-info[data-v-b1633f50] {
    color: #22d19d;
    font-size: 16px;
    margin: 30px 0 15px
}

.result-success .result-tips[data-v-b1633f50] {
    color: #fff;
    font-size: 14px
}

.result-success .result-tips[data-v-b1633f50] a {
    color: #3f8cff;
    text-decoration: none;
    text-decoration: initial
}

.result-success .confirm-btn[data-v-b1633f50] {
    margin-top: 80px
}

.motivating-task[data-v-8ee6f2ba] {
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20240226/c4dbbb2e-1972-46ad-8ac6-4647a1b7e591.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 30px 0 0;
    position: relative
}

.motivating-task > div[data-v-8ee6f2ba]:not(.back-btn) {
    margin: 0 auto;
    max-width: 1635px;
    width: 96%
}

.motivating-task > div:not(.back-btn).result-success[data-v-8ee6f2ba] {
    margin-top: 150px
}

.motivating-task[data-v-8ee6f2ba] .back-btn {
    position: absolute;
    top: 20px
}

.motivating-task .title[data-v-8ee6f2ba] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 40px;
    gap: 5px;
    justify-content: center
}

.motivating-task .title[data-v-8ee6f2ba]:after {
    background-image: url(/_nuxt/img/lihua.6d643b5.png);
    content: "";
    display: inline-block;
    height: 56px;
    width: 56px
}

.motivating-task .content p[data-v-8ee6f2ba] {
    color: rgba(207, 211, 220, .6);
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px
}

.motivating-task .content p.tips[data-v-8ee6f2ba]:before {
    color: #ff3d3d;
    content: "* "
}

.motivating-task .content p.tips[data-v-8ee6f2ba] a {
    color: #3f8cff;
    text-decoration: none;
    text-decoration: initial
}

.motivating-task .panel-list[data-v-8ee6f2ba] {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin: 50px auto !important
}

.motivating-task .panel-list .panel-item[data-v-8ee6f2ba] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 10px;
    text-decoration: none;
    text-decoration: initial;
    width: 260px
}

.motivating-task .panel-list .panel-item img[data-v-8ee6f2ba] {
    border-radius: 20px;
    height: auto;
    width: 100%
}

.motivating-task .panel-list .panel-item p[data-v-8ee6f2ba] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    margin: 15px 0 5px
}

.motivating-task .panel-list .panel-item.wait[data-v-8ee6f2ba] {
    align-items: center;
    color: hsla(0, 0%, 100%, .3);
    display: flex;
    font-size: 18px;
    justify-content: center
}

.motivating-task .join-btn button[data-v-8ee6f2ba], .motivating-task[data-v-8ee6f2ba] .confirm-btn {
    background-image: linear-gradient(99deg, #3271cc, #0fffff);
    border: 0;
    border-radius: 10px;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    padding: 0 90px
}

.motivating-task .join-btn button.is-disabled[data-v-8ee6f2ba], .motivating-task[data-v-8ee6f2ba] .confirm-btn.is-disabled {
    background-color: #a0cfff;
    background-image: none;
    border-color: #a0cfff
}

.motivating-task .join-btn[data-v-8ee6f2ba] {
    text-align: center
}

.motivating-task .join-btn button[data-v-8ee6f2ba] {
    margin-bottom: 20px;
    width: 385px
}

.motivating-task .join-btn > div[data-v-8ee6f2ba] {
    color: #cfd3dc;
    display: block
}

.motivating-task .join-btn > div[data-v-8ee6f2ba] a {
    color: #3f8cff;
    text-decoration: none;
    text-decoration: initial
}

.table-rows .cols[data-v-6d25b02c] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    justify-content: center
}

.table-rows .cols p[data-v-6d25b02c] {
    color: #a3a8b1;
    font-size: 14px
}

.table-rows .cols span[data-v-6d25b02c] {
    color: #555d66;
    font-size: 12px
}

.table-rows .cols.status-cols[data-v-6d25b02c] {
    align-items: center;
    flex-flow: wrap;
    justify-content: flex-start
}

.table-rows .cols .income-status[data-v-6d25b02c] {
    border: 1px solid;
    border-radius: 5px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px
}

.table-rows .cols .income-status.status0[data-v-6d25b02c] {
    color: #df9a4d
}

.table-rows .cols .income-status.status1[data-v-6d25b02c] {
    color: #45b26b
}

.table-rows .cols .income-status.status2[data-v-6d25b02c] {
    color: #ff5742
}

.income-table[data-v-edac82a4] {
    display: flex;
    gap: 15px;
    height: calc(100% - 230px)
}

.income-table .table-left[data-v-edac82a4] {
    background: #11131f;
    border-radius: 10px;
    position: relative;
    width: 190px
}

.income-table .table-left .tab[data-v-edac82a4] {
    padding: 10px
}

.income-table .table-left .tab .tab-item[data-v-edac82a4] {
    align-items: center;
    box-sizing: border-box;
    color: #6f767e;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 20px;
    height: 48px;
    padding: 10px 20px
}

.income-table .table-left .tab .tab-item i[data-v-edac82a4] {
    font-size: 24px
}

.income-table .table-left .tab .tab-item.active[data-v-edac82a4] {
    background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5));
    border-radius: 10px;
    color: #fff
}

.income-table .table-left .fqa[data-v-edac82a4] {
    bottom: 15px;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-decoration: initial
}

.income-table .table-content[data-v-edac82a4] {
    border-radius: 10px;
    flex: 1;
    overflow: hidden
}

.income-table .table-content[data-v-edac82a4] .table-rows {
    align-items: center;
    display: flex;
    padding: 0 35px;
    text-align: left
}

.income-table .table-content[data-v-edac82a4] .table-rows .cols {
    height: 70px
}

.income-table .table-content[data-v-edac82a4] .table-rows .cols:first-child {
    width: 50%
}

.income-table .table-content[data-v-edac82a4] .table-rows .cols:nth-child(2) {
    width: 35%
}

.income-table .table-content[data-v-edac82a4] .table-rows .cols:nth-child(3) {
    width: 15%
}

.income-table .table-content .table-bottom[data-v-edac82a4], .income-table .table-content .table-head[data-v-edac82a4] {
    background: linear-gradient(270deg, #1d1d22, #191b25)
}

.income-table .table-content .table-head[data-v-edac82a4] {
    color: #6f767e;
    font-size: 14px;
    line-height: 70px
}

.income-table .table-content .table-body[data-v-edac82a4] {
    height: calc(100% - 130px);
    overflow-y: scroll
}

.income-table .table-content .table-body[data-v-edac82a4]::-webkit-scrollbar {
    width: 5px
}

.income-table .table-content .table-bottom[data-v-edac82a4] {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 35px
}

.income-table .table-content .table-bottom .tips[data-v-edac82a4] {
    color: #6f767e;
    font-size: 12px
}

.income-table .table-content .table-bottom .tips[data-v-edac82a4]:before {
    color: #ff3d3d;
    content: "*";
    margin-right: 5px
}

.income-table .table-content .table-bottom .total-info[data-v-edac82a4] {
    color: #a3a8b1;
    font-size: 16px
}

.income-table .table-content .empty-panel[data-v-edac82a4] {
    align-items: center;
    color: #aaacb3;
    display: flex;
    flex-flow: column;
    font-size: 14px;
    height: calc(100% - 130px);
    justify-content: center
}

.bind-account[data-v-4e75f2cb] .el-dialog {
    border: 0;
    border-radius: 15px;
    width: 470px
}

.bind-account[data-v-4e75f2cb] .el-dialog .el-dialog__body {
    background-color: #192035;
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20240228/bcac6e04-b57e-4652-be95-e5a9ac43a08a.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 15px;
    max-height: 94vh;
    padding: 30px
}

.bind-account .dialog-body .close-btn[data-v-4e75f2cb] {
    color: #8b9098;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 15px
}

.bind-account .dialog-body .title[data-v-4e75f2cb] {
    color: #fff;
    font-size: 34px;
    text-align: center
}

.bind-account .dialog-body .tips[data-v-4e75f2cb] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    line-height: 22px;
    margin: 30px 0
}

.bind-account .dialog-body .custom-form[data-v-4e75f2cb] .el-input .el-input__inner {
    background: #2a334c;
    height: 44px
}

.bind-account .dialog-body .custom-form[data-v-4e75f2cb] .el-input .el-input-group__append {
    background: #2a334c;
    border: 0;
    color: #3f8cff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bind-account .dialog-body .bind-btn[data-v-4e75f2cb] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    height: 48px;
    margin: 30px 0 15px;
    width: 100%
}

.bind-account .dialog-body .bind-tips[data-v-4e75f2cb] {
    color: #868d97;
    font-size: 12px;
    text-align: center
}

.bind-account .dialog-body .bind-tips span[data-v-4e75f2cb] {
    color: #3f8cff;
    cursor: pointer
}

.income-popup[data-v-6a511a6e] .el-dialog {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    width: 800px
}

.income-popup[data-v-6a511a6e] .el-dialog .el-dialog__header {
    display: none
}

.income-popup[data-v-6a511a6e] .el-dialog .el-dialog__body {
    background-color: transparent;
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20240228/334d3a6c-99cf-4bfb-9ca6-945c977e2085.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    max-height: 93vh !important;
    padding: 210px 0 0
}

.income-popup .dialog-body[data-v-6a511a6e] {
    background: linear-gradient(137deg, #ffecde, #fff3ea 53%, #eee6ff);
    border-radius: 25px;
    box-sizing: border-box;
    padding: 80px 30px 30px;
    position: relative;
    text-align: center;
    width: 400px
}

.income-popup .dialog-body .close-btn[data-v-6a511a6e] {
    color: #8b9098;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top: 15px
}

.income-popup .dialog-body .popup-icon[data-v-6a511a6e] {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -55px
}

.income-popup .dialog-body .title[data-v-6a511a6e] {
    color: #573c25;
    font-size: 20px;
    font-weight: 700
}

.income-popup .dialog-body .price[data-v-6a511a6e] {
    color: #ff5a5a;
    font-size: 58px;
    font-weight: 700;
    margin: 40px 0 5px
}

.income-popup .dialog-body .tips[data-v-6a511a6e] {
    color: #ff5a5a;
    font-size: 12px
}

.income-popup .dialog-body .income-info[data-v-6a511a6e] {
    background: #fff;
    border-radius: 10px;
    margin: 30px 0 40px;
    padding: 10px 0
}

.income-popup .dialog-body .income-info .income-type[data-v-6a511a6e] {
    align-items: center;
    color: #444;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    margin-bottom: 15px
}

.income-popup .dialog-body .income-info .income-type i[data-v-6a511a6e] {
    color: #02a9f1;
    font-size: 20px
}

.income-popup .dialog-body .income-info .income-number[data-v-6a511a6e] {
    color: #3f8cff;
    font-size: 18px;
    font-weight: 700
}

.income-popup .dialog-body .income-btn[data-v-6a511a6e] {
    background: linear-gradient(90deg, #fa995a, #fb6a88);
    border: 4px solid #fff;
    border-radius: 60px;
    box-shadow: 0 13px 14px 0 rgba(255, 104, 132, .3), inset 0 0 2px 0 #e1796e, inset 0 0 7px 0 rgba(255, 227, 156, .6);
    color: #fff;
    font-size: 18px;
    height: 60px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%
}

.income-popup .dialog-body .income-btn[data-v-6a511a6e]:hover {
    box-shadow: 0 13px 14px 0 rgba(255, 104, 132, .3), inset 0 5px 2px 0 #e1796e, inset 0 -7px 7px 0 rgba(255, 227, 156, .6)
}

.income-popup .dialog-body .income-tips[data-v-6a511a6e] {
    color: #8e6f54;
    font-size: 12px
}

.income-popup .dialog-body .income-tips[data-v-6a511a6e] a {
    color: #288bff;
    text-decoration: none;
    text-decoration: initial
}

.income-popup.custom-dialog.big-head-dialog[data-v-6a511a6e] .el-dialog {
    margin: 0 auto !important
}

.creation-center[data-v-bdbd52d4] {
    box-sizing: border-box;
    height: 100%;
    padding: 30px 0 0;
    position: relative
}

.creation-center > div[data-v-bdbd52d4]:not(.back-btn) {
    margin: 0 auto;
    max-width: 1600px;
    width: 90%
}

.creation-center[data-v-bdbd52d4] .back-btn {
    position: absolute;
    top: 20px
}

.creation-center .head[data-v-bdbd52d4] {
    display: flex;
    justify-content: space-between
}

.creation-center .head .earnings-info[data-v-bdbd52d4] {
    align-items: center;
    background: linear-gradient(90deg, #372d26, rgba(76, 62, 51, 0));
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    box-sizing: border-box;
    color: #f9d79e;
    display: flex;
    gap: 15px;
    height: 52px;
    padding: 5px
}

.creation-center .head .earnings-info span[data-v-bdbd52d4] {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 10px
}

.creation-center .head .earnings-info span b[data-v-bdbd52d4] {
    font-size: 18px
}

.creation-center .head .handle-btn button[data-v-bdbd52d4] {
    font-size: 14px;
    height: 36px;
    padding: 0 20px
}

.creation-center .head .handle-btn button[data-v-bdbd52d4]:first-child {
    background: #1a1d1f;
    border: 2px solid #272b30
}

.creation-center .head .handle-btn button[data-v-bdbd52d4]:nth-child(2) {
    color: #fcfcfc
}

.creation-center .head .handle-btn button[data-v-bdbd52d4]:nth-child(3) {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: 0
}

.creation-center .card-list[data-v-bdbd52d4] {
    display: flex;
    gap: 15px;
    margin: 15px auto 25px !important
}

.creation-center .card-list .card-item[data-v-bdbd52d4] {
    border-radius: 10px;
    padding: 25px 15px;
    position: relative;
    width: 25%
}

.creation-center .card-list .card-item .card-num[data-v-bdbd52d4] {
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px
}

.creation-center .card-list .card-item .card-title[data-v-bdbd52d4] {
    color: #6f767e;
    font-size: 14px
}

.creation-center .card-list .card-item .card-icon[data-v-bdbd52d4] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 25px;
    width: 34px
}

.c-card-item a[data-v-31a1e181] {
    align-items: flex-start;
    background: #1c1e27;
    border-radius: 12px 12px 12px 12px;
    box-sizing: border-box;
    display: flex;
    height: 175px;
    justify-content: space-between;
    padding: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 424px
}

.c-card-item .card-item-banner[data-v-31a1e181] {
    height: 100%;
    width: 209px
}

.c-card-item .card-item-banner img[data-v-31a1e181] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-card-item .card-item-describe[data-v-31a1e181] {
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px
}

.c-card-item .card-item-describe .main-title[data-v-31a1e181] {
    align-items: center;
    display: flex;
    line-height: 23px
}

.c-card-item .card-item-describe .main-title .main-title-text[data-v-31a1e181] {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 18px;
    font-weight: 400
}

.c-card-item .card-item-describe .sub-title[data-v-31a1e181] {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 6px
}

.c-fast-tools-card-list[data-v-5f74b141] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 13px
}

.toolsBox[data-v-18351755] {
    box-sizing: border-box;
    height: 100%;
    padding-top: 25px;
    width: 100%
}

.toolsBox .title[data-v-18351755] {
    color: #e2e1e1;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px
}

.toolsBox .desc[data-v-18351755] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    margin-top: 6px
}

.content[data-v-fa328b96] {
    background: url(https://image.cdn2.seaart.ai/static/upload/20240227/15feb3dd-b169-4a5a-befe-9c774b1da101.webp) no-repeat 50%/100% 100%;
    color: #fff;
    font-size: 16px;
    min-width: 1920px;
    overflow-x: auto
}

.content .header[data-v-fa328b96], .content[data-v-fa328b96] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.content .header[data-v-fa328b96] {
    justify-items: center
}

.content .title[data-v-fa328b96] {
    background: linear-gradient(90deg, #a95050, #f5734b 28%, #55eeeb 57%, #2975a3 80%, #133d47);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: Sora;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    height: 110px;
    line-height: 110px;
    max-width: 1400px;
    text-align: center;
    text-transform: none
}

.content .line-1[data-v-fa328b96] {
    color: #f6f6f6;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 9px;
    max-width: 1400px;
    position: relative
}

.content .line-1 img[data-v-fa328b96] {
    bottom: -2px;
    height: 4px;
    position: absolute;
    right: 17px;
    width: 96px
}

.content .sora[data-v-fa328b96] {
    display: flex;
    height: 586px;
    justify-content: center;
    margin-top: 52px
}

.content .sora .left[data-v-fa328b96] {
    display: flex;
    flex-direction: column
}

.content .sora .left .prompt[data-v-fa328b96] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 24px;
    box-sizing: border-box;
    height: 100%;
    margin-right: 15px;
    width: 380px
}

.content .sora .left .prompt .line[data-v-fa328b96] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    color: #fffdf5;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    width: 348px
}

.content .sora .left .prompt .inp[data-v-fa328b96] textarea {
    background: none;
    border: none;
    height: 460px
}

.content .sora .left .btn[data-v-fa328b96] {
    background: #211d2b;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 12px 12px 12px 12px;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    margin-top: 10px;
    text-align: center;
    width: 380px
}

.content .sora .video-box[data-v-fa328b96] {
    align-items: center;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 818px
}

.content .sora .video-box .border-box[data-v-fa328b96] {
    background: linear-gradient(135deg, #ffc876, #79fff7 35%, #9f53ff 69%, #ff98e2);
    border-radius: 24px;
    box-sizing: border-box;
    height: 540px;
    padding: 1px;
    width: 818px
}

.content .sora .video-box .video[data-v-fa328b96] {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content .sora .video-box .icon-1[data-v-fa328b96] {
    width: 762px
}

.content .sora .video-box .icon-1[data-v-fa328b96], .content .sora .video-box .icon-2[data-v-fa328b96] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 0 0 20px 20px;
    height: 24px
}

.content .sora .video-box .icon-2[data-v-fa328b96] {
    opacity: .5;
    width: 706px
}

.content .list-box[data-v-fa328b96] {
    display: flex;
    justify-content: space-between;
    margin-top: 190px
}

.content .list-box .list[data-v-fa328b96] {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.content .list-box .list img[data-v-fa328b96] {
    height: 48px;
    width: 48px
}

.content .list-box .list b[data-v-fa328b96] {
    font-size: 18px;
    margin: 40px 0 20px
}

.content .list-box .list p[data-v-fa328b96] {
    color: #c3c8d2;
    font-size: 16px;
    line-height: 24px;
    width: 300px
}

.content .list-box .list[data-v-fa328b96]:nth-child(2) {
    width: 234px
}

.content .line-2[data-v-fa328b96] {
    font-size: 48px;
    margin: 196px 0 24px;
    text-align: center
}

.content .line-3[data-v-fa328b96] {
    color: #f6f6f6;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 78px;
    text-align: center
}

.content .swiper-box[data-v-fa328b96] {
    border-radius: 24px;
    overflow: hidden;
    width: 100%
}

.content .swiper-box .swiper-item[data-v-fa328b96] {
    border-radius: 24px;
    height: 558px
}

.content .swiper-box .swiper-item .swiper-video[data-v-fa328b96] {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.content .footer[data-v-fa328b96] {
    display: flex;
    flex-direction: column;
    width: 1213px
}

.content .footer .line-4[data-v-fa328b96] {
    color: #f1f5f9;
    font-family: Archivo;
    font-size: 48px;
    font-style: normal;
    height: 102px;
    line-height: 56px;
    margin-top: 230px;
    text-align: center
}

.content .footer .collapse[data-v-fa328b96] {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    padding: 20px 0
}

.content .footer .collapse .tag[data-v-fa328b96] {
    font-size: 24px;
    font-weight: 700;
    margin-right: 32px
}

.content .footer .collapse .label[data-v-fa328b96] {
    color: #fcfdfe;
    font-size: 16px;
    font-weight: 400;
    height: 18px;
    overflow: hidden;
    transition: .4s
}

.content .footer .collapse .label .coll-value[data-v-fa328b96] {
    color: #e7e8ea;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 12px
}

.content .footer .collapse .label.active[data-v-fa328b96] {
    height: 100%
}

.content .footer .collapse[data-v-fa328b96]:last-child {
    border-bottom: none
}

.content .footer .ai-tools[data-v-fa328b96] {
    display: flex;
    font-size: 48px;
    font-weight: 700;
    justify-content: center;
    margin: 208px 0 24px;
    text-align: center
}

.content .footer .ai-tools h2[data-v-fa328b96]:last-child {
    background: linear-gradient(181.5458554119deg, #5bd8ff, #2d61fc 95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-left: 10px
}

.content .footer .line-5[data-v-fa328b96] {
    color: #f6f6f6;
    font-size: 22px;
    margin-bottom: 60px;
    text-align: center
}

.c-ai-photography-notice-modal {
    background: #1a202f;
    border-radius: 16px;
    margin-top: 30vh !important
}

.c-ai-photography-notice-modal .el-dialog__header, .c-ai-photography-notice-modal el-dialog__footer {
    display: none
}

.c-ai-photography-notice-modal .el-dialog__body {
    margin: 0;
    padding: 0
}

.c-ai-photography-notice-modal .notice-modal-wrap {
    border-radius: 16px;
    padding: 40px 52px;
    position: relative
}

.c-ai-photography-notice-modal .notice-modal-wrap .notice-icon {
    height: 98px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -60%);
    width: 120px
}

.c-ai-photography-notice-modal .notice-modal-wrap .notice-icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-title {
    color: #eef2fb;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    text-align: center
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content {
    margin-top: 31px
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content p {
    color: #fff;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 0;
    word-break: break-word
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content p:last-child {
    margin-bottom: 0
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-confirm-btn-wrap {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 8px;
    margin-top: 43px;
    overflow: hidden;
    padding: 1px;
    position: relative
}

.c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-confirm-btn-wrap .confirm-btn {
    align-items: center;
    background-color: #1b1e2c;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 10px 12px;
    z-index: 2
}

.c-ai-photography-digital-clone-list[data-v-1fe7abeb] {
    grid-gap: 24px;
    display: grid;
    margin-top: 26px;
    max-width: 100%
}

.c-ai-photography-digital-clone-list .card-item[data-v-1fe7abeb] {
    background: #1b1d1f;
    border-radius: 12px;
    height: 266px;
    position: relative;
    width: 266px
}

.c-ai-photography-digital-clone-list .card-item[data-v-1fe7abeb] .el-loading-text {
    color: #fcfcfd;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500
}

.c-ai-photography-digital-clone-list .card-item .card-item-failed[data-v-1fe7abeb] {
    align-items: center;
    color: #f15a5a;
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    justify-content: center
}

.c-ai-photography-digital-clone-list .card-item .card-item-image[data-v-1fe7abeb] {
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-ai-photography-digital-clone-list .card-item .card-item-delete-btn[data-v-1fe7abeb] {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px
}

.c-ai-photography-digital-clone-list .card-item .card-item-delete-btn span[data-v-1fe7abeb] {
    color: #fff;
    font-size: 16px
}

.c-ai-photography-digital-clone-list .card-item .bottom-bar[data-v-1fe7abeb] {
    align-items: center;
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
    background: rgba(0, 0, 0, .2);
    border-radius: 12px;
    bottom: 0;
    box-sizing: border-box;
    color: #fcfcfd;
    display: flex;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    padding: 13px 16px;
    position: absolute;
    width: 100%
}

.c-ai-photography-digital-clone-list .cart-item-failed[data-v-1fe7abeb] {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.c-ai-photography-digital-clone-list .card-item-add[data-v-1fe7abeb] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-ai-photography-digital-clone-list .card-item-add span[data-v-1fe7abeb] {
    color: #fcfcfd;
    font-family: DM Sans-Regular, DM Sans;
    font-size: 37px;
    font-weight: 400
}

.c-ai-photography-digital-clone-list .card-item-add .card-item-add-title[data-v-1fe7abeb] {
    color: #fcfcfd;
    font-family: Poppins-Medium, Poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 15px
}

@media (max-width: 1440px) {
    .c-ai-photography-digital-clone-list[data-v-1fe7abeb] {
        grid-template-columns:repeat(4, 1fr) !important
    }
}

.c-media-attachments-container[data-v-aa26e828] {
    display: inline-flex;
    position: relative
}

.c-media-attachments-container .attachments-wrap[data-v-aa26e828] {
    border-radius: 8px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content
}

.c-media-attachments-container .message-attachment-media[data-v-aa26e828] {
    align-items: flex-start;
    border-radius: 2px;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    max-height: inherit;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.c-media-attachments-container .message-attachment-media-hover:hover .image-hover-mask[data-v-aa26e828], .c-media-attachments-container .message-attachment-media:hover .image-hover-mask[data-v-aa26e828] {
    display: flex;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .image-content[data-v-aa26e828] {
    flex: auto;
    flex-flow: column nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.c-media-attachments-container .image-content-wrap[data-v-aa26e828] {
    display: block;
    height: 100%;
    margin: auto;
    max-height: inherit
}

.c-media-attachments-container .image-load-error[data-v-aa26e828] {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .image-load-error .image-load-error-icon[data-v-aa26e828] {
    color: #39465b;
    height: 70px;
    width: 70px
}

.c-media-attachments-container .image-load-error .image-load-error-text[data-v-aa26e828] {
    background: #2f2f2f;
    border-radius: 6px;
    color: #1790ff;
    cursor: pointer;
    font-family: Inter-Regular, Inter;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px
}

.c-media-attachments-container .image-opacity-0[data-v-aa26e828] {
    opacity: 0 !important;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .media-attachments-img[data-v-aa26e828] {
    display: block;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.c-media-attachments-container .media-attachments-img.blur[data-v-aa26e828] {
    filter: blur(40px)
}

.c-media-attachments-container .media-attachments-img-show[data-v-aa26e828] {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .media-attachments-img-nsfw[data-v-aa26e828] {
    -o-object-fit: fill;
    object-fit: fill
}

.c-media-attachments-container .generate-view-nsfw-plus[data-v-aa26e828] {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 24px;
    z-index: 2
}

.c-media-attachments-container .image-hover-mask[data-v-aa26e828] {
    align-content: flex-end;
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    cursor: pointer;
    display: none;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-aa26e828] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-aa26e828] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 20px;
    color: #c0d0f1;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    width: 28px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-aa26e828]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-aa26e828] {
    font-size: 18px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-aa26e828] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-aa26e828] {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-bottom: 16px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-aa26e828] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 20px;
    color: #c0d0f1;
    display: inline-flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    width: 28px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-aa26e828]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-aa26e828] {
    font-size: 18px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-aa26e828] {
    margin-bottom: 25px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-aa26e828] {
    margin: 10px 10px 0
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-aa26e828] {
    flex: 1;
    text-align: right
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-aa26e828] {
    color: #fff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-aa26e828] {
    box-sizing: border-box;
    padding-right: 35px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box[data-v-aa26e828] {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin-bottom: 11px;
    width: 100%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-aa26e828] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    height: 73px;
    justify-content: center;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-aa26e828] {
    background: #818489;
    display: flex;
    height: 1px;
    width: 80%
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-aa26e828] {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-aa26e828]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-aa26e828] {
    font-size: 16px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-aa26e828] {
    align-items: center;
    background: hsla(0, 0%, 100%, .08);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 4px;
    width: 40px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-aa26e828]:hover {
    color: #1e80ff
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-aa26e828] {
    font-size: 16px
}

.c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-aa26e828] {
    margin-left: 4px
}

.c-media-attachments-container .image-post-check-mask[data-v-aa26e828] {
    align-items: flex-end;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .image-post-check-mask .image-post-check-box[data-v-aa26e828] {
    left: 10px;
    position: absolute;
    top: 10px;
    transform: scale(1.1)
}

.c-media-attachments-container .image-post-check-mask-hover[data-v-aa26e828] {
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.c-media-attachments-container .image-post-check-mask-hover[data-v-aa26e828], .c-media-attachments-container .loading-wrapper-inner[data-v-aa26e828] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-media-attachments-container .loading-wrapper-inner[data-v-aa26e828] {
    background-color: rgba(0, 0, 0, .05)
}

.c-media-attachments-container .img-loading[data-v-aa26e828] {
    background-color: #f5f5f5
}

.c-media-attachments-container .img-loading-indicator[data-v-aa26e828] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.c-media-attachments-container .img-loaded img[data-v-aa26e828] {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.c-media-attachments-container .img-load-failed[data-v-aa26e828] {
    color: red
}

.c-media-attachments-container .loadingWrapperInner[data-v-aa26e828] {
    height: 100%;
    width: 100%
}

.c-media-attachments-container .loadingWrapperInner .spinner[data-v-aa26e828] {
    align-items: center;
    display: flex
}

.c-media-attachments-container .inner-MGEKwh[data-v-aa26e828] {
    contain: paint;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px
}

.c-media-attachments-container .item-2VgEex[data-v-aa26e828] {
    animation: spinner-wandering-cubes-aa26e828 1.8s ease-in-out infinite;
    background-color: #7983f5;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.c-media-attachments-container .item-2VgEex[data-v-aa26e828]:last-child {
    animation-delay: -.9s
}

@keyframes spinner-wandering-cubes-aa26e828 {
    25% {
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        transform: rotate(-1turn)
    }
}

.message-img-viewer .el-image-viewer__mask {
    opacity: 1 !important
}

.task-image-viewer-popover {
    background: #cbd5e0 !important;
    border: 0;
    color: #171922;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    max-width: 249px;
    min-width: 0;
    min-width: auto;
    padding: 7px 8px !important;
    pointer-events: none !important;
    text-align: center
}

.task-image-viewer-popover .popper__arrow:after {
    border-bottom-color: #cbd5e0 !important
}

.c-msg-item[data-v-49e9e139] {
    word-wrap: break-word;
    flex: 0 0 auto;
    margin: 1.0625rem 0;
    min-height: 2.75rem;
    padding: .125rem 48px .125rem 62px;
    position: relative
}

.c-msg-item[data-v-49e9e139]:first-child {
    margin-top: 0
}

.c-msg-item .msg-item-more-panel[data-v-49e9e139] {
    align-items: center;
    display: inline-flex;
    position: absolute;
    right: 48px;
    top: 10px
}

.c-msg-item .msg-item-more-panel-show[data-v-49e9e139] {
    display: inline-flex
}

.c-msg-item[data-v-49e9e139] .message-process-container {
    margin-top: 14px
}

.c-msg-item[data-v-49e9e139] .message-process-container .message-process-panel {
    width: 350px
}

.c-msg-item[data-v-49e9e139] .message-process-container .el-progress-bar__outer {
    background: #393d4a !important;
    border: 1px solid #586281;
    border-radius: 5px
}

.c-msg-item .message-text-list .message-text-list-item[data-v-49e9e139] {
    background: #151925;
    border: 1px solid #262c3e;
    border-radius: 4px;
    display: flex;
    margin-bottom: 10px;
    padding: 10px 50px 10px 10px
}

.c-msg-item .message-text-list .message-text-list-item-order[data-v-49e9e139] {
    align-items: center;
    background: #21293d;
    border-radius: 4px;
    color: #7f8395;
    display: inline-flex;
    flex-shrink: 0;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    justify-content: center;
    width: 25px
}

.c-msg-item .message-text-list .message-text-list-item-text[data-v-49e9e139] {
    color: #717b8c;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 17px
}

.c-msg-item .message-process-operate-box[data-v-49e9e139] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    width: 350px
}

.c-msg-item .message-process-operate-box .process-operate-box-text[data-v-49e9e139] {
    color: #7d8da3;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-msg-item .message-process-operate-box .process-operate-box-text-strong[data-v-49e9e139] {
    color: #dddde7;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-49e9e139] {
    background: #da373d;
    border-color: #da373d;
    border-radius: 4px;
    color: #fff
}

.c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-49e9e139]:hover {
    background: #8f2022;
    border-color: #8f2022
}

.c-msg-item .message-process-operate-box .isLoading[data-v-49e9e139] {
    background: #953d3a;
    border-color: #953d3a;
    color: #bdb2ac;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .chat-message-header[data-v-49e9e139] {
    margin-left: 0;
    padding-left: 0;
    position: static;
    text-indent: 0
}

.c-msg-item .chat-message-content-box[data-v-49e9e139] {
    padding-left: 62px;
    padding-right: 62px
}

.c-msg-item .chat-message__avatar[data-v-49e9e139] {
    border-radius: 50%;
    cursor: pointer;
    flex: 0 0 auto;
    height: 30px;
    left: 16px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 30px;
    z-index: 1
}

.c-msg-item .chat-message__title[data-v-49e9e139] {
    align-items: center;
    color: #f3f4f5;
    display: flex;
    font-size: 16px;
    line-height: 1.375rem;
    margin-bottom: 5px;
    min-height: 1.375rem;
    position: relative;
    white-space: break-spaces
}

.c-msg-item .chat-message__title-user[data-v-49e9e139] {
    margin-right: 9px
}

.c-msg-item .chat-message__free[data-v-49e9e139], .c-msg-item .chat-message__title-task-tag[data-v-49e9e139] {
    align-items: center;
    background: #3b3c45;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 700;
    max-height: 20px;
    padding: 2px 5px
}

.c-msg-item .chat-message__title-task-text[data-v-49e9e139] {
    color: #fcfcfd;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px
}

.c-msg-item .chat-message__title-task-tag-2[data-v-49e9e139] {
    align-items: center;
    border: 1px solid #45b26b;
    border-radius: 4px;
    box-sizing: border-box;
    color: #45b26b;
    display: inline-flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 20px;
    padding: 2px 5px
}

.c-msg-item .chat-message__title-task-tag-expire-time[data-v-49e9e139] {
    align-items: center;
    background: #1a1e2b;
    border-radius: 4px;
    color: #6f7687;
    display: inline-flex;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    max-height: 20px;
    padding: 2px 5px
}

.c-msg-item .chat-message__free[data-v-49e9e139] {
    background: rgba(32, 163, 132, .15);
    color: #20a384
}

.c-msg-item .chat-message__title-id[data-v-49e9e139], .c-msg-item .chat-message__title-time[data-v-49e9e139] {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .task-info-icon[data-v-49e9e139] {
    color: #596576;
    cursor: pointer;
    font-size: 18px;
    margin-left: 10px
}

.c-msg-item .task-info-icon[data-v-49e9e139]:hover {
    color: #cbd5e1
}

.c-msg-item .msg-item-more-icon[data-v-49e9e139] {
    align-items: center;
    background: #1a1e2b;
    border-radius: 6px;
    color: #6f7687;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-left: 14px;
    transition: all .3s;
    width: 34px
}

.c-msg-item .msg-item-more-icon[data-v-49e9e139]:first-child {
    margin-left: 0
}

.c-msg-item .msg-item-more-icon .svg-icon[data-v-49e9e139] {
    font-size: 18px
}

.c-msg-item .msg-item-more-icon .msg-item-more-icon-1[data-v-49e9e139] {
    font-size: 22px
}

.c-msg-item .msg-item-more-icon[data-v-49e9e139]:hover {
    background: #494f80;
    color: #f8f8f9
}

.c-msg-item .message-text-content[data-v-49e9e139] {
    color: #7e868e;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-left: -62px;
    padding-left: 62px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.c-msg-item .message-text-content .message-text-content-text[data-v-49e9e139] {
    line-height: 18px
}

.c-msg-item .message-text-content .message-author-text[data-v-49e9e139] {
    background: rgba(88, 101, 242, .4);
    border-radius: 3px;
    color: #c9cdfb;
    cursor: pointer;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.375rem;
    margin-left: 10px;
    padding: 0 2px;
    transition: all .3s
}

.c-msg-item .message-text-content .message-author-text[data-v-49e9e139]:hover {
    background-color: #5865f2;
    color: #fff
}

.c-msg-item .chat-message__content[data-v-49e9e139] {
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 8px
}

.c-msg-item .chat-message__date[data-v-49e9e139] {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.c-msg-item .content-text[data-v-49e9e139] {
    word-wrap: break-word;
    color: #f3f4f5;
    font-size: 1rem;
    line-height: 1.375rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    white-space: pre-wrap;
    white-space: break-spaces
}

.c-msg-item .image-box[data-v-49e9e139] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .25rem;
    width: 450px
}

.c-msg-item .image-box__img[data-v-49e9e139] {
    height: 220px;
    width: 220px
}

.c-msg-item .image-box__img img[data-v-49e9e139] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-msg-item .operate-item[data-v-49e9e139] {
    align-items: center;
    background-color: #686d73;
    border-color: #686d73;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    margin-right: 8px;
    margin-top: 8px;
    width: 78px
}

.c-msg-item .message-accessories[data-v-49e9e139] {
    min-height: 0;
    min-width: 0;
    padding-bottom: .125rem;
    padding-top: .125rem;
    position: relative;
    text-indent: 0
}

.c-msg-item .media-attachments-container[data-v-49e9e139] {
    display: flex;
    flex-wrap: nowrap
}

.c-msg-item .media-attachments-container .c-media-attachments-container[data-v-49e9e139] {
    margin-bottom: 16px;
    margin-right: 16px
}

.c-msg-item .media-attachments-container .c-media-attachments-container[data-v-49e9e139]:last-child {
    margin-right: 0
}

.c-msg-item .btn-container[data-v-49e9e139] {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-self: start;
    overflow: hidden;
    width: 100%
}

.c-msg-item .operating-options[data-v-49e9e139] {
    display: flex;
    flex-wrap: wrap
}

.c-msg-item .operating-options-text[data-v-49e9e139] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 4px
}

.c-msg-item .operating-options-text[data-v-49e9e139] .c-message-operate-btn .color-primary {
    background-color: #32394a
}

.c-msg-item .operating-options-text[data-v-49e9e139] .c-message-operate-btn .message-operate-btn {
    color: #fff;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 500
}

.c-msg-item .operating-options-btn-icon[data-v-49e9e139] {
    font-size: 20px;
    margin-right: 7px
}

.c-msg-item .operating-options-btn-icon-right[data-v-49e9e139] {
    font-size: 20px;
    margin-left: 7px
}

.c-msg-item .operating-options-button[data-v-49e9e139] {
    align-items: center;
    background: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    padding: 2px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-msg-item .color-primary[data-v-49e9e139] {
    background-color: #4e5058;
    color: #fff
}

.c-msg-item .carousel-icon[data-v-49e9e139] {
    color: #5c6a8e;
    cursor: pointer;
    font-size: 18px;
    left: 350px;
    margin-left: 12px;
    position: absolute;
    top: 0
}

.c-msg-item .message-process-loading-span[data-v-49e9e139] {
    display: inline-block;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    vertical-align: -.25ex
}

.c-msg-item .message-process-loading-span[data-v-49e9e139]:before {
    animation: dotdotdot-49e9e139 3s step-start infinite both;
    content: "...\a..\a.";
    display: block;
    white-space: pre-wrap
}

@keyframes dotdotdot-49e9e139 {
    33% {
        transform: translateY(-2em)
    }
    66% {
        transform: translateY(-1em)
    }
}

.msg-item-more-popover {
    background-color: #0f121c !important;
    border: 1px solid #222935 !important;
    color: #cad5e1 !important;
    padding: 16px;
    position: relative
}

.msg-item-more-popover .pop-btns {
    flex-direction: column
}

.msg-item-more-popover .pop-btns :first-child {
    border-top: 0
}

.msg-item-more-popover .pop-btns button {
    background-color: transparent;
    border: none;
    border-top: 1px solid #2b2e4e;
    color: #cbd5e1;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    text-align: left
}

.msg-item-more-popover .pop-btns button:hover {
    background-color: #34396a;
    cursor: pointer
}

.msg-item-more-popover .pop-btns button:hover .pop-btns-icon {
    color: #cbd5e1
}

.msg-item-more-popover .pop-btns button .pop-btns-text {
    color: #cbd5e1;
    flex: 1 0 auto;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.msg-item-more-popover .pop-btns button .pop-btns-icon {
    color: #275279;
    flex: 0 0 auto;
    font-size: 16px
}

.task-info-tips {
    padding: 15px
}

.task-info-tips p {
    color: #cbd5e1;
    margin-bottom: 5px
}

.task-info-tips p:last-child {
    margin: 0
}

.c-ai-photography-digital-task-view[data-v-fd3a0770] {
    margin-top: 10px;
    position: relative
}

.c-ai-photography-digital-task-view .tips-title[data-v-fd3a0770] {
    align-items: center;
    color: #777e90;
    display: flex;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.c-ai-photography-digital-task-view .tips-title .tips-title-icon[data-v-fd3a0770] {
    font-size: 16px;
    margin-right: 8px
}

.c-ai-photography-digital-task-view .message-list[data-v-fd3a0770] {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.c-ai-photography-digital-task-view .empty-box[data-v-fd3a0770] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 60vh;
    justify-content: center;
    width: 100%
}

.c-ai-photography-digital-task-view .empty-box .empty-img-box[data-v-fd3a0770] {
    height: 115px;
    width: 120px
}

.c-ai-photography-digital-task-view .empty-box .empty-img-box img[data-v-fd3a0770] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-ai-photography-digital-task-view .empty-box .empty-text-box[data-v-fd3a0770] {
    color: #aaacb3;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 29px
}

.c-ai-photography-digital-task-view .empty-box .empty-btn-box[data-v-fd3a0770] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 29px
}

.c-ai-photography-digital-task-view .empty-box .empty-btn-box .empty-btn[data-v-fd3a0770] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    padding: 11px 32px
}

.ai-photography-upload-image-item .upload-content[data-v-2ebc8fc6] {
    gap: 10px 27px;
    max-height: 670px;
    overflow-y: auto
}

.ai-photography-upload-image-item .upload-image[data-v-2ebc8fc6] {
    height: 140px;
    width: 140px
}

.ai-photography-upload-image-item .upload-image-btn[data-v-2ebc8fc6] {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border: 1px dashed #8b9098;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 140px;
    justify-content: center;
    width: 140px
}

.ai-photography-upload-image-item .upload-image-btn .upload-image-btn-text[data-v-2ebc8fc6] {
    color: #777e91;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px
}

.ai-photography-upload-image-item .clear[data-v-2ebc8fc6] {
    align-self: flex-end;
    color: #94a3b8
}

.ai-photography-upload-image-item[data-v-2ebc8fc6] .el-upload {
    display: block
}

.ai-photography-upload-image-item[data-v-2ebc8fc6] .el-upload-dragger {
    align-items: center;
    background: transparent;
    border: 1px dashed #8b9098;
    display: flex;
    height: 140px;
    justify-content: center;
    width: 100%
}

.ai-photography-upload-image-item i[data-v-2ebc8fc6] {
    color: #b6b8be;
    font-size: 18px
}

.ai-photography-upload-image-item .upload-tips[data-v-2ebc8fc6] {
    display: inline-block;
    margin-left: 15px;
    text-align: left
}

.ai-photography-upload-image-item .upload-tips p[data-v-2ebc8fc6] {
    color: #b6b8be;
    font-size: 16px;
    line-height: normal;
    margin: 0
}

.ai-photography-upload-image-item .upload-tips p[data-v-2ebc8fc6]:last-child {
    color: #a6a8ae;
    font-size: 12px
}

.ai-photography-upload-image-item .image-item[data-v-2ebc8fc6] {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
    gap: 5px;
    height: 140px;
    position: relative;
    width: 140px
}

.ai-photography-upload-image-item .image-item .img-handle[data-v-2ebc8fc6] {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 6px;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    z-index: 3
}

.ai-photography-upload-image-item .image-item .img-handle i[data-v-2ebc8fc6] {
    border-radius: 3px;
    box-sizing: border-box;
    color: #e8eff1;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700
}

.ai-photography-upload-image-item .image-item .img-handle:hover i[data-v-2ebc8fc6] {
    color: #ff6b6b
}

.ai-photography-upload-image-item .image-item img[data-v-2ebc8fc6] {
    border-radius: 5px;
    cursor: pointer;
    display: inherit;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.ai-photography-upload-image-item .image-item .loading[data-v-2ebc8fc6] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ai-photography-upload-image-item .image-item .loading > div[data-v-2ebc8fc6] {
    bottom: 0;
    display: table;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.ai-photography-upload-image-item .image-item .loading[data-v-2ebc8fc6]:after {
    background: #ccc;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ai-photography-upload-image-item .image-item .params-null[data-v-2ebc8fc6] {
    background: #1e2435;
    bottom: 0;
    color: #fff;
    display: table;
    left: 0;
    margin: auto;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0
}

.c-make-digital-clone-modal {
    background: #1a202f;
    border-radius: 20px;
    padding: 20px 40px 24px
}

.c-make-digital-clone-modal .el-dialog__header {
    padding: 20px 20px 0
}

.c-make-digital-clone-modal .el-dialog__body {
    padding: 0
}

.c-make-digital-clone-modal .el-dialog__headerbtn .el-dialog__close {
    color: #fefefe;
    font-size: 28px
}

.c-make-digital-clone-modal .upload-box {
    background: #1b1d1f;
    border-radius: 20px;
    height: 432px;
    margin-top: 29px
}

.c-make-digital-clone-modal .upload-box .image-upload {
    height: 100%;
    width: 100%
}

.c-make-digital-clone-modal .upload-box .el-upload {
    display: block;
    height: 100%
}

.c-make-digital-clone-modal .upload-box .el-upload-dragger {
    align-items: center;
    background: #1a1d1f;
    border-color: transparent;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.c-make-digital-clone-modal .upload-box .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-top: 16px
}

.c-make-digital-clone-modal .upload-box .el-upload-dragger .image-upload-icon {
    color: #fcfcfc;
    font-size: 48px;
    margin: 0
}

.c-make-digital-clone-modal .step-box {
    margin-top: 29px;
    padding: 0 39px 6px
}

.c-make-digital-clone-modal .modal-title, .c-make-digital-clone-modal .modal-title .title-order {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-make-digital-clone-modal .modal-title .title-order {
    background: #383c46;
    border-radius: 50%;
    color: #fff;
    font-family: DM Sans-Bold, DM Sans;
    font-size: 32px;
    font-weight: 700;
    height: 43px;
    width: 43px
}

.c-make-digital-clone-modal .modal-title .title-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-make-digital-clone-modal .modal-title .title-text-box .title-main-text {
    color: #fefefe;
    font-family: Inter-Bold, Inter;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.c-make-digital-clone-modal .modal-title .title-text-box .title-sub-text {
    color: #bbc4c9;
    font-family: Karla-Regular, Karla;
    font-size: 16px;
    font-weight: 400;
    margin-top: 9px;
    text-align: center
}

.c-make-digital-clone-modal .modal-bottom-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 10px;
    color: #fcfcfd;
    cursor: pointer;
    display: flex;
    font-family: DM Sans-Bold, DM Sans;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    margin-left: 50%;
    margin-top: 82px;
    padding: 20px 0;
    position: relative;
    transform: translateX(-50%);
    width: 475px
}

.c-make-digital-clone-modal .modal-bottom-btn .bottom-btn-text-sub-text-gray {
    color: rgba(252, 252, 253, .6);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.c-make-digital-clone-modal .modal-bottom-btn .bottom-btn-text-sub-text {
    color: #fff;
    margin-left: 5px
}

.c-make-digital-clone-modal .modal-bottom-btn .free-try {
    align-items: center;
    background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==);
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    min-width: 88px;
    padding: 13px 15px 0 0;
    position: absolute;
    right: -15px;
    top: -30px
}

.c-make-digital-clone-modal .modal-bottom-btn .desc {
    background: url(/_nuxt/img/freeNowBg.3483e00.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 11px;
    font-weight: 600;
    height: 28px;
    left: 100%;
    line-height: 24px;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    text-overflow: ellipsis;
    top: -12px;
    transform: translateX(-50%);
    white-space: nowrap;
    width: 61px
}

.c-make-digital-clone-modal .example-box {
    display: flex;
    justify-content: space-between;
    margin-top: 23px
}

.c-make-digital-clone-modal .example-box .example-box-item {
    flex: 0 0 calc(50% - 12px)
}

.c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title {
    align-items: center;
    display: flex
}

.c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-line {
    background-color: hsla(0, 0%, 100%, .2);
    flex: 1;
    height: 1px;
    opacity: .6
}

.c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-text {
    align-items: center;
    background: #383c46;
    border-radius: 80px;
    color: #bfc3cd;
    display: flex;
    justify-content: center;
    padding: 6px 23px
}

.c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-text .example-box-item-title-text-icon {
    font-size: 16px;
    margin-right: 5px
}

.c-make-digital-clone-modal .example-box .show-example-box {
    display: flex;
    justify-content: space-between;
    margin-top: 17px
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 140px
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-img {
    border-radius: 6px;
    height: 140px;
    width: 140px
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-img img {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-text {
    color: #fcfcfd;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 11px
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon svg {
    font-size: 16px
}

.c-make-digital-clone-modal .example-box .show-error-example-box {
    display: flex;
    justify-content: space-between;
    margin-top: 17px
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100px
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-img {
    background: #fff;
    border-radius: 6px;
    height: 100px;
    width: 100px
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-img img {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-text {
    color: #fcfcfd;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 11px
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-icon svg {
    font-size: 20px
}

.c-content-list {
    margin: 20px auto 0;
    max-width: 1300px
}

.c-content-list .el-tabs__item {
    color: #b3b8bc
}

.c-content-list .el-tabs__item, .c-content-list .el-tabs__item.is-active {
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 20px;
    font-weight: 600
}

.c-content-list .el-tabs__item.is-active {
    color: #f7fbfa
}

.c-content-list .el-tabs__active-bar {
    background: linear-gradient(90deg, #3f8cff, #20ffff)
}

.c-content-list .el-tabs__nav-wrap:after {
    display: none
}

.c-content-list .el-tabs__nav-next, .c-content-list .el-tabs__nav-prev {
    font-size: 20px
}

.c-make-portrait-modal {
    background: #1a202f;
    border-radius: 20px;
    margin-top: 5vh
}

.c-make-portrait-modal .el-dialog__headerbtn .el-dialog__close {
    color: #fefefe;
    font-size: 28px
}

.c-make-portrait-modal .el-dialog__title {
    color: #fcfcfd
}

.c-make-portrait-modal .el-carousel__container {
    height: 441px
}

.c-make-portrait-modal .el-carousel__item {
    border: none;
    border-radius: 16px
}

.c-make-portrait-modal .el-carousel__button {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.c-make-portrait-modal .el-carousel__indicators--horizontal {
    bottom: 54px
}

.c-make-portrait-modal .make-portrait-modal-content {
    display: flex
}

.c-make-portrait-modal .category-box {
    height: 441px;
    width: 288px
}

.c-make-portrait-modal .digital-clone-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    height: 441px;
    margin-left: 15px;
    overflow-y: auto;
    width: 456px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item {
    border-radius: 12px;
    height: 180px;
    max-height: 180px;
    max-width: 180px;
    position: relative
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image {
    border-radius: 12px;
    height: 180px;
    position: relative;
    width: 180px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image .image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image .image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image img {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-name {
    ont-size: 14px;
    align-items: center;
    color: #fcfcfd;
    display: flex;
    font-family: Poppins;
    font-weight: 500;
    height: 20px;
    justify-content: center;
    margin-top: 10px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-active .digital-clone-item-image {
    border: 2px solid #0dc990;
    box-sizing: border-box;
    padding: 5px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add {
    align-items: center;
    align-self: baseline;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    position: relative;
    width: 180px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .el-upload-dragger {
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload {
    bottom: 0;
    height: 180px;
    left: 0;
    max-height: 180px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload ::v-deep .image-upload {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 4
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload ::v-deep .el-upload {
    height: 100%;
    width: 100%
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content {
    align-items: center;
    background: #383c46;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    width: 180px
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content span {
    color: #fcfcfd;
    font-family: DM Sans-Regular, DM Sans;
    font-size: 37px;
    font-weight: 400
}

.c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content .digital-clone-item-content-add-title {
    color: #fcfcfd;
    font-family: Poppins-Medium, Poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    padding: 0 15px
}

.c-make-portrait-modal .category-card-item {
    border-radius: 16px;
    cursor: pointer;
    max-height: 441px;
    max-width: 288px;
    min-height: 441px;
    min-width: 288px;
    position: relative
}

.c-make-portrait-modal .category-card-item .content-list-item-image {
    border-radius: 16px;
    height: 441px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-make-portrait-modal .category-card-item .content-list-item-subscript {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    left: 10px;
    padding: 6px 10px;
    position: absolute;
    top: 10px
}

.c-make-portrait-modal .category-card-item .item-subscript2 {
    background: #0abf94;
    color: #fff
}

.c-make-portrait-modal .category-card-item .item-subscript1 {
    background: linear-gradient(90deg, #ffe4b1, #f6c776);
    color: #744100;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 12px;
    font-weight: 600
}

.c-make-portrait-modal .category-card-item .content-list-item-bottom {
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
    background: rgba(0, 0, 0, .2);
    border-radius: 16px;
    bottom: 0;
    box-sizing: border-box;
    height: 40px;
    padding: 13px 16px;
    position: absolute;
    width: 100%
}

.c-make-portrait-modal .category-card-item .main-title {
    color: #fcfcfd;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.c-make-portrait-modal .category-card-item-custom {
    align-items: center;
    background: #1b1d1f;
    display: flex;
    justify-content: center;
    min-height: 441px;
    position: relative
}

.c-make-portrait-modal .category-card-item-custom .image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-make-portrait-modal .category-card-item-custom .image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-make-portrait-modal .category-card-item-custom .custom-item-banner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute
}

.c-make-portrait-modal .category-card-item-custom .custom-item-banner .el-upload-dragger {
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    height: 441px;
    justify-content: center;
    width: 288px
}

.c-make-portrait-modal .category-card-item-custom .custom-item-banner .custom-item-banner-icon {
    color: #a3a6ad;
    font-size: 23px
}

.c-make-portrait-modal .category-card-item-custom .custom-item-banner .custom-item-banner-text {
    color: #a3a6ad;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px
}

.c-make-portrait-modal .category-card-item-custom .content-list-item-bottom {
    background: rgba(0, 0, 0, .2);
    border-radius: 16px;
    bottom: 0;
    box-sizing: border-box;
    color: #fcfcfd;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    padding: 13px 16px;
    position: absolute;
    width: 100%
}

.c-make-portrait-modal .make-portrait-modal-content {
    height: 441px;
    width: 100%
}

.c-make-portrait-modal .make-portrait-modal-bottom-btn {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 10px;
    color: #fcfcfd;
    cursor: pointer;
    display: flex;
    font-family: DM Sans-Bold, DM Sans;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    margin-left: 50%;
    margin-top: 27px;
    padding: 20px 0;
    text-align: center;
    transform: translateX(-50%)
}

.c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-main {
    color: #fcfcfd;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 700
}

.c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-sub {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-sub .bottom-btn-text-sub-tips {
    margin-left: 5px
}

.c-make-portrait-modal .tips-box {
    align-items: center;
    color: #777e90;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin-top: 9px;
    width: 288px
}

.c-make-portrait-modal .tips-box .tips-box-icon {
    color: #777e90;
    font-size: 16px;
    margin-right: 4px
}

.ai-photography-message-tips {
    z-index: 9999 !important
}

.c-fast-tools-ai-photography {
    height: 100%;
    margin: 0 86px;
    position: relative;
    width: 100%
}

.c-fast-tools-ai-photography .tools-back-to {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 150px;
    width: 52px;
    z-index: 198
}

.c-fast-tools-ai-photography .tools-back-to i {
    color: #fff;
    font-size: 28px
}

.c-fast-tools-ai-photography .tools-back-to:hover {
    background-color: #1c2433
}

.c-fast-tools-ai-photography .top-bar {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.c-fast-tools-ai-photography .top-bar .top-bar-icon {
    width: 56px
}

.c-fast-tools-ai-photography .top-bar .top-bar-icon img {
    width: 100%
}

.c-fast-tools-ai-photography .top-bar .top-bar-main-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 13px
}

.c-fast-tools-ai-photography .top-bar .top-bar-sub-title {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 9px
}

.c-fast-tools-ai-photography .content-list-operate-bar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.c-fast-tools-ai-photography .content-list-operate-bar-left {
    display: flex;
    flex: 1 1 68%;
    flex-wrap: wrap;
    max-width: 68%
}

.c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn {
    align-items: center;
    color: #777e90;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-left: 4px;
    padding: 10px 12px;
    white-space: nowrap
}

.c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn:first-child {
    margin-left: 0
}

.c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn:hover {
    color: #fcfcfd;
    font-weight: 500
}

.c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn-active {
    background: #353945;
    border-radius: 100px;
    color: #fcfcfd;
    font-weight: 500
}

.c-fast-tools-ai-photography .content-list-operate-bar-right {
    align-items: center;
    display: flex
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    max-width: 210px;
    opacity: 1;
    padding: 0 12px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div {
    align-items: center;
    display: flex
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div .svg-icon {
    color: hsla(0, 0%, 100%, .8);
    font-size: 24px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div span {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div i {
    color: #fcfcfc;
    font-size: 18px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link i {
    font-size: 18px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-item {
    align-items: center;
    display: flex;
    height: 40px;
    max-width: 210px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-item .svg-icon {
    font-size: 24px;
    margin-right: 12px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-item span {
    color: #6f767e;
    font-size: 14px
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn-wrapper {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 8px;
    margin-left: 10px;
    overflow: hidden;
    padding: 1px;
    position: relative
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn {
    align-items: center;
    background-color: #191a27;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 10px 12px;
    white-space: nowrap;
    z-index: 2
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn .jump-btn-text {
    color: #fcfcfd;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600
}

.c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn .jump-btn-icon {
    color: #fcfcfd;
    font-size: 18px;
    margin-left: 15px
}

.c-fast-tools-ai-photography .content-list {
    grid-gap: 16px;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    margin-top: 22px;
    min-height: 300px
}

.c-fast-tools-ai-photography .content-list-item {
    background: #000;
    border-radius: 16px;
    max-height: 520px;
    max-width: 337px;
    min-height: 520px;
    position: relative
}

.c-fast-tools-ai-photography .content-list-item .content-list-item-image {
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-ai-photography .content-list-item .content-list-item-subscript {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    left: 10px;
    padding: 6px 10px;
    position: absolute;
    top: 10px
}

.c-fast-tools-ai-photography .content-list-item .item-subscript2 {
    background: #0abf94;
    color: #fff
}

.c-fast-tools-ai-photography .content-list-item .item-subscript1 {
    background: linear-gradient(90deg, #ffe4b1, #f6c776);
    color: #744100;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 12px;
    font-weight: 600
}

.c-fast-tools-ai-photography .content-list-item .content-list-item-bottom {
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
    background: rgba(0, 0, 0, .2);
    border-radius: 16px;
    bottom: 0;
    box-sizing: border-box;
    height: 76px;
    padding: 13px 16px;
    position: absolute;
    width: 100%
}

.c-fast-tools-ai-photography .content-list-item .main-title {
    color: #fcfcfd;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500
}

.c-fast-tools-ai-photography .content-list-item .sub-title {
    align-items: center;
    box-sizing: border-box;
    color: #d3d3d3;
    display: flex;
    font-family: Poppins-Regular, Poppins;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 12px
}

.c-fast-tools-ai-photography .content-list-item .sub-title .sub-tittle-left-icon {
    font-size: 16px;
    transform: translateY(1px)
}

.c-fast-tools-ai-photography .content-list-item .sub-title .sub-tittle-left-title {
    margin-left: 2px
}

.c-fast-tools-ai-photography .content-list-item .sub-title .sub-title-right-text {
    margin-right: 2px
}

.c-fast-tools-ai-photography .content-list-item .sub-title .sub-title-right-icon svg {
    color: #ef4444;
    font-size: 16px
}

.c-fast-tools-ai-photography .content-list-item .bottom-btn-mask {
    background-color: #000;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: .35;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.c-fast-tools-ai-photography .content-list-item .bottom-play-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    cursor: pointer;
    display: none;
    justify-content: center;
    left: 50%;
    padding: 8px 14px 8px 17px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.c-fast-tools-ai-photography .content-list-item .bottom-play-btn .bottom-download-btn-icon {
    color: #fff;
    font-size: 24px
}

.c-fast-tools-ai-photography .content-list-item .bottom-play-btn .bottom-download-btn-text {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

.c-fast-tools-ai-photography .content-list-item:hover .bottom-btn-mask {
    display: block
}

.c-fast-tools-ai-photography .content-list-item:hover .bottom-play-btn {
    display: flex
}

.c-fast-tools-ai-photography .content-list-item-custom {
    align-items: center;
    background: #27292e;
    display: flex;
    justify-content: center
}

.c-fast-tools-ai-photography .content-list-item-custom .content-list-item-bottom {
    background: rgba(0, 0, 0, .2)
}

.c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    transform: translateY(-100%)
}

.c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner .custom-item-banner-icon {
    color: #a3a6ad;
    font-size: 23px
}

.c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner .custom-item-banner-text {
    color: #a3a6ad;
    font-family: Poppins-Medium, Poppins;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px
}

.c-fast-tools-ai-photography .process-bar {
    align-items: center;
    background: hsla(0, 0%, 100%, .4);
    border-radius: 30px 0 0 30px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    padding: 7px 14px;
    position: fixed;
    right: 0;
    top: 50vh;
    z-index: 666
}

.c-fast-tools-ai-photography .process-bar .process-bar-text {
    color: #00dc8d;
    margin-left: 5px
}

.c-ai-filter-style-item[data-v-9e85045a] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-ai-filter-style-item .filter-style-card-img[data-v-9e85045a] {
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    position: relative;
    width: 130px
}

.c-ai-filter-style-item .filter-style-card-img .defImg[data-v-9e85045a] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-ai-filter-style-item .filter-style-card-img .filter-style-card-video[data-v-9e85045a] {
    border-radius: 10px;
    height: 100%;
    transition-duration: .35s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.c-ai-filter-style-item .filter-style-card-img .filter-style-card-video video[data-v-9e85045a] {
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100%
}

.c-ai-filter-style-item .filter-style-card-img .vipIcon[data-v-9e85045a] {
    align-items: center;
    background: linear-gradient(90deg, #ffe4b1, #f6c776);
    border-radius: 6px;
    color: #744100;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 32px
}

.c-ai-filter-style-item .is-selected[data-v-9e85045a] {
    border: 2px solid #0dc990;
    box-sizing: border-box;
    padding: 5px
}

.c-ai-filter-style-item .filter-style-card-title[data-v-9e85045a] {
    color: #fff;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 10px
}

.c-fast-tools-ai-filter-style {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-fast-tools-ai-filter-style .el-tabs__item {
    color: #abbdd7;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-fast-tools-ai-filter-style .el-tabs__item.is-active {
    color: #fff;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.c-fast-tools-ai-filter-style .el-tabs__active-bar {
    background: linear-gradient(90deg, #3f8cff, #20ffff)
}

.c-fast-tools-ai-filter-style .el-tabs__nav-wrap:after {
    display: none
}

.c-fast-tools-ai-filter-style .el-tabs__nav-next, .c-fast-tools-ai-filter-style .el-tabs__nav-prev {
    font-size: 20px
}

.c-fast-tools-ai-filter-style .filter-style-list {
    grid-gap: 12px 10px;
    background: #2a2832;
    border-radius: 18px;
    box-sizing: border-box;
    display: grid;
    grid-auto-rows: minmax(160px, 160px);
    grid-template-columns:repeat(3, 1fr);
    height: 687px;
    max-height: 687px;
    overflow-y: auto;
    padding: 14px;
    width: 462px
}

.c-fast-tools-ai-filter-style .filter-style-list .filter-style-card {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-img {
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    width: 130px
}

.c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-img img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .is-selected {
    border: 2px solid #0dc990;
    box-sizing: border-box;
    padding: 5px
}

.c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-title {
    color: #fff;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 10px
}

.c-fast-tools-ai-filter-card {
    background: #2a2832;
    border-radius: 10px;
    height: 128px;
    position: relative;
    width: 128px
}

.c-fast-tools-ai-filter-card .refresh-btn {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 26px
}

.c-fast-tools-ai-filter-card .refresh-btn .refresh-btn-icon {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-ai-filter-card .filter-card-result-img {
    border-radius: 6px;
    cursor: pointer;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-ai-filter-card .ai-filter-card-progress {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.c-fast-tools-ai-filter-card .ai-filter-card-progress .el-progress__text {
    color: #fff !important
}

.c-fast-tools-ai-filter, .c-fast-tools-ai-filter .top-bar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-fast-tools-ai-filter .top-bar {
    margin-top: 59px
}

.c-fast-tools-ai-filter .top-bar .top-bar-icon {
    width: 56px
}

.c-fast-tools-ai-filter .top-bar .top-bar-icon img {
    width: 100%
}

.c-fast-tools-ai-filter .top-bar .top-bar-main-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 13px
}

.c-fast-tools-ai-filter .top-bar .top-bar-sub-title {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 9px
}

.c-fast-tools-ai-filter .result-area {
    display: flex;
    height: 729px;
    margin-top: 40px;
    width: 1012px
}

.c-fast-tools-ai-filter .result-area .result-area-left {
    width: 536px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-result-bottom-list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    margin-top: 17px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content {
    background: #2a2832;
    border-radius: 16px;
    height: 584px;
    max-width: 536px;
    position: relative;
    width: 536px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content img {
    border-radius: 16px;
    left: 50%;
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content .el-image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content .el-image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content .bottom-download-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    bottom: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px 14px 8px 17px;
    position: absolute;
    right: 16px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content .bottom-download-btn .bottom-download-btn-icon {
    color: #fff;
    font-size: 24px
}

.c-fast-tools-ai-filter .result-area .result-area-left .show-content .bottom-download-btn .bottom-download-btn-text {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

.c-fast-tools-ai-filter .result-area .upload-box {
    background: #2a2832;
    border-radius: 16px;
    height: 584px;
    width: 536px
}

.c-fast-tools-ai-filter .result-area .upload-box .image-upload {
    height: 100%;
    width: 100%
}

.c-fast-tools-ai-filter .result-area .upload-box .el-upload {
    display: block;
    height: 100%
}

.c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger {
    align-items: center;
    background: #181823;
    border: 2px dashed #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.c-fast-tools-ai-filter .result-area .result-area-right {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: 14px;
    width: 462px
}

.c-draw-board[data-v-12248774] {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10
}

.c-draw-board .toolbar[data-v-12248774] {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -14px;
    top: 0;
    transform: translateX(100%)
}

.c-draw-board .toolbar span[data-v-12248774] {
    align-items: center;
    background: #242b3d;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 10px;
    width: 40px
}

.c-draw-board .toolbar span[data-v-12248774]:first-child {
    margin-top: 0
}

.c-draw-board .toolbar span svg[data-v-12248774] {
    color: #fff;
    font-size: 20px
}

.c-draw-board .toolbar .gray-btn svg[data-v-12248774] {
    color: hsla(0, 0%, 100%, .4)
}

.c-draw-board .toolbar .active-tools[data-v-12248774] {
    background: #4d559c
}

.c-draw-board .toolbar .active-btn svg[data-v-12248774] {
    color: #fff
}

.c-draw-board canvas[data-v-12248774] {
    background-color: #fff;
    border-radius: .75rem;
    height: 100%;
    width: 100%
}

.c-fast-tools-draft-design .top-bar {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 70px
}

.c-fast-tools-draft-design .top-bar .top-bar-icon {
    width: 56px
}

.c-fast-tools-draft-design .top-bar .top-bar-icon img {
    width: 100%
}

.c-fast-tools-draft-design .top-bar .top-bar-main-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 13px
}

.c-fast-tools-draft-design .top-bar .top-bar-sub-title {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 9px
}

.c-fast-tools-draft-design .upload-model-box {
    align-items: center;
    background: #131522;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 12px;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    margin-top: 34px;
    padding: 5px
}

.c-fast-tools-draft-design .upload-model-box .upload-model-btn {
    align-items: center;
    border-radius: 10px;
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    display: inline-flex;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: calc(100% - 10px);
    padding: 6px 13px 6px 14px
}

.c-fast-tools-draft-design .upload-model-box .upload-model-btn-active {
    background: #242b3d;
    color: #fff
}

.c-fast-tools-draft-design .upload-box {
    background: #2a2832;
    border-radius: 24px;
    height: 158px;
    margin-top: 12px;
    width: 850px
}

.c-fast-tools-draft-design .upload-box .image-upload {
    height: 100%;
    width: 100%
}

.c-fast-tools-draft-design .upload-box .el-upload {
    display: block;
    height: 100%
}

.c-fast-tools-draft-design .upload-box .el-upload-dragger {
    background: #181823;
    border: 2px dashed #fff;
    border-radius: 24px;
    height: 100%;
    width: 100%
}

.c-fast-tools-draft-design .upload-box .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.c-fast-tools-draft-design .upload-box .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.c-fast-tools-draft-design .draw-board-box-wrap {
    display: flex;
    justify-content: center
}

.c-fast-tools-draft-design .draw-board-box {
    height: 512px;
    margin-top: 12px;
    position: relative;
    width: 512px
}

.c-fast-tools-draft-design .show-content-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 17px
}

.c-fast-tools-draft-design .show-content-wrap .show-content {
    border-radius: 24px;
    height: 512px;
    position: relative;
    width: 512px
}

.c-fast-tools-draft-design .show-content-wrap .show-content img {
    border-radius: 24px;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-draft-design .show-content-wrap .show-content .el-image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-fast-tools-draft-design .show-content-wrap .show-content .el-image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-draft-design .prompt-input-area-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    width: 100%
}

.c-fast-tools-draft-design .prompt-input-area-wrap .prompt-input-area {
    align-items: center;
    background: #20242c;
    border-radius: 10px;
    display: flex;
    max-height: 56px;
    padding: 8px 10px;
    width: 512px
}

.c-fast-tools-draft-design .prompt-input-area-wrap .input-box {
    flex: 1
}

.c-fast-tools-draft-design .prompt-input-area-wrap .input-box .el-input__inner {
    background: none;
    border: none;
    color: #fff
}

.c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box {
    align-items: center;
    display: inline-flex
}

.c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .select-item {
    background: #454869;
    border-radius: 8px;
    height: 40px;
    max-width: 120px
}

.c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .select-item .el-select .el-input__inner {
    background: none;
    border: none;
    color: #fff
}

.c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .submit-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    letter-spacing: 2px;
    margin-left: 8px;
    min-width: 76px;
    padding: 12px 8px
}

.c-fast-tools-draft-design .example-display {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 64px
}

.c-fast-tools-draft-design .example-display .example-title {
    align-items: center;
    color: #bababa;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700
}

.c-fast-tools-draft-design .example-display .example-title .example-title-icon {
    color: #bababa;
    font-size: 24px;
    margin-right: 5px
}

.c-fast-tools-draft-design .example-display .example-list {
    display: flex;
    margin-top: 28px
}

.c-fast-tools-draft-design .example-display .example-list-item {
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    margin-left: 16px;
    width: 130px
}

.c-fast-tools-draft-design .example-display .example-list-item:first-child {
    margin-left: 0
}

.c-fast-tools-draft-design .example-display .example-list-item img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-draft-design .result-show-area {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 55px
}

.c-fast-tools-draft-design .result-show-area .result-show-content {
    background-color: #c0c4cc;
    border-radius: 24px;
    height: 512px;
    position: relative;
    width: 512px
}

.c-fast-tools-draft-design .result-show-area .result-show-content img {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-draft-design .result-show-area .result-show-content .el-image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-fast-tools-draft-design .result-show-area .result-show-content .el-image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    bottom: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px 14px 8px 17px;
    position: absolute;
    right: 16px
}

.c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn .bottom-download-btn-icon {
    color: #fff;
    font-size: 24px
}

.c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn .bottom-download-btn-text {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

.c-fast-tools-draft-design .result-show-area .show-result-bottom-list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    margin-top: 17px
}

.c-fast-tools-hd-restoration, .c-fast-tools-hd-restoration .top-bar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-fast-tools-hd-restoration .top-bar {
    margin-top: 70px
}

.c-fast-tools-hd-restoration .top-bar .top-bar-icon {
    width: 78px
}

.c-fast-tools-hd-restoration .top-bar .top-bar-icon img {
    width: 100%
}

.c-fast-tools-hd-restoration .top-bar .top-bar-main-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 13px
}

.c-fast-tools-hd-restoration .top-bar .top-bar-sub-title {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 9px
}

.c-fast-tools-hd-restoration .upload-box {
    background: #2a2832;
    border-radius: 24px;
    height: 158px;
    margin-top: 40px;
    width: 850px
}

.c-fast-tools-hd-restoration .upload-box .image-upload {
    height: 100%;
    width: 100%
}

.c-fast-tools-hd-restoration .upload-box .el-upload {
    display: block;
    height: 100%
}

.c-fast-tools-hd-restoration .upload-box .el-upload-dragger {
    background: #181823;
    border: 2px dashed #fff;
    border-radius: 24px;
    height: 100%;
    width: 100%
}

.c-fast-tools-hd-restoration .upload-box .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.c-fast-tools-hd-restoration .upload-box .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.c-fast-tools-hd-restoration .example-display {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 64px
}

.c-fast-tools-hd-restoration .example-display .example-title {
    align-items: center;
    color: #bababa;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700
}

.c-fast-tools-hd-restoration .example-display .example-title .example-title-icon {
    color: #bababa;
    font-size: 24px;
    margin-right: 5px
}

.c-fast-tools-hd-restoration .example-display .example-list {
    display: flex;
    margin-top: 28px
}

.c-fast-tools-hd-restoration .example-display .example-list-item {
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    margin-left: 16px;
    width: 130px
}

.c-fast-tools-hd-restoration .example-display .example-list-item:first-child {
    margin-left: 0
}

.c-fast-tools-hd-restoration .example-display .example-list-item img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-hd-restoration .result-show-area {
    border-radius: 24px;
    margin-top: 55px;
    max-width: 512px !important;
    position: relative
}

.c-fast-tools-hd-restoration .result-show-area .el-image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-fast-tools-hd-restoration .result-show-area .el-image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-hd-restoration .result-show-area .bottom-download-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    bottom: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px 14px 8px 17px;
    position: absolute;
    right: 16px
}

.c-fast-tools-hd-restoration .result-show-area .bottom-download-btn .bottom-download-btn-icon {
    color: #fff;
    font-size: 24px
}

.c-fast-tools-hd-restoration .result-show-area .bottom-download-btn .bottom-download-btn-text {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

.c-fast-tools-hd-restoration .result-show-area .result-content-box {
    border-radius: 24px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative
}

.c-fast-tools-hd-restoration .result-show-area .result-raw-img {
    border-radius: 24px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%
}

.c-fast-tools-hd-restoration .result-show-area .process-img-box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-fast-tools-hd-restoration .result-show-area .process-img-box .processed-img {
    border-radius: 24px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 1;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%
}

.c-fast-tools-hd-restoration .result-show-area .image-view-slider {
    -webkit-appearance: none;
    background-color: transparent;
    height: 30px;
    left: 0;
    margin-left: -15px;
    outline: none;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: calc(100% + 30px)
}

.c-fast-tools-hd-restoration .result-show-area .image-view-slider::-moz-range-thumb {
    -webkit-appearance: none;
    background-size: contain;
    border: 2px solid #d4d4d4;
    border-radius: 50%;
    cursor: grab;
    height: 30px;
    width: 30px
}

.c-fast-tools-hd-restoration .result-show-area .image-view-slider::-moz-range-thumb:active {
    cursor: grabbing
}

.c-fast-tools-hd-restoration .result-show-area .image-view-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #525252;
    background-size: contain;
    border: 2px solid #d4d4d4;
    border-radius: 50%;
    cursor: grab;
    height: 30px;
    width: 30px
}

.c-fast-tools-hd-restoration .result-show-area .image-view-slider::-webkit-slider-thumb:active {
    cursor: grabbing
}

.c-fast-tools-hd-restoration .result-show-area .guide-line {
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 2.5px
}

.c-fast-tools-remove-background, .c-fast-tools-remove-background .top-bar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.c-fast-tools-remove-background .top-bar {
    margin-top: 70px
}

.c-fast-tools-remove-background .top-bar .top-bar-icon {
    width: 56px
}

.c-fast-tools-remove-background .top-bar .top-bar-icon img {
    width: 100%
}

.c-fast-tools-remove-background .top-bar .top-bar-main-title {
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-top: 13px
}

.c-fast-tools-remove-background .top-bar .top-bar-sub-title {
    color: hsla(0, 0%, 100%, .7);
    font-family: Arial-Regular, Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 9px
}

.c-fast-tools-remove-background .upload-box {
    background: #2a2832;
    border-radius: 24px;
    height: 158px;
    margin-top: 40px;
    width: 850px
}

.c-fast-tools-remove-background .upload-box .image-upload {
    height: 100%;
    width: 100%
}

.c-fast-tools-remove-background .upload-box .el-upload {
    display: block;
    height: 100%
}

.c-fast-tools-remove-background .upload-box .el-upload-dragger {
    background: #181823;
    border: 2px dashed #fff;
    border-radius: 24px;
    height: 100%;
    width: 100%
}

.c-fast-tools-remove-background .upload-box .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.c-fast-tools-remove-background .upload-box .el-upload-dragger .el-icon-upload {
    color: #c0c4cc;
    font-size: 48px;
    line-height: 50px;
    margin: 40px 0 16px
}

.c-fast-tools-remove-background .example-display {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 64px
}

.c-fast-tools-remove-background .example-display .example-title {
    align-items: center;
    color: #bababa;
    display: flex;
    font-family: Arial-Bold, Arial;
    font-size: 14px;
    font-weight: 700
}

.c-fast-tools-remove-background .example-display .example-title .example-title-icon {
    color: #bababa;
    font-size: 24px;
    margin-right: 5px
}

.c-fast-tools-remove-background .example-display .example-list {
    display: flex;
    margin-top: 28px
}

.c-fast-tools-remove-background .example-display .example-list-item {
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    margin-left: 16px;
    width: 130px
}

.c-fast-tools-remove-background .example-display .example-list-item:first-child {
    margin-left: 0
}

.c-fast-tools-remove-background .example-display .example-list-item img {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-fast-tools-remove-background .result-show-area {
    background-color: #fff;
    border-radius: 24px;
    margin-top: 55px;
    max-width: 512px;
    position: relative
}

.c-fast-tools-remove-background .result-show-area .background-board {
    --checkerboard-black-color: #bfbfbf;
    --checkerboard-white-color: transparent;
    background-image: linear-gradient(45deg, #bfbfbf 25%, transparent 0), linear-gradient(-45deg, #bfbfbf 25%, transparent 0), linear-gradient(45deg, transparent 75%, #bfbfbf 0), linear-gradient(-45deg, transparent 75%, #bfbfbf 0);
    background-image: linear-gradient(45deg, var(--checkerboard-black-color) 25%, var(--checkerboard-white-color) 25%), linear-gradient(-45deg, var(--checkerboard-black-color) 25%, var(--checkerboard-white-color) 25%), linear-gradient(45deg, var(--checkerboard-white-color) 75%, var(--checkerboard-black-color) 75%), linear-gradient(-45deg, var(--checkerboard-white-color) 75%, var(--checkerboard-black-color) 75%);
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    background-size: 20px 20px;
    border-radius: 24px;
    height: calc(100% - 2px);
    position: absolute;
    width: calc(100% - 2px)
}

.c-fast-tools-remove-background .result-show-area .image-view-slider {
    -webkit-appearance: none;
    background-color: transparent;
    height: 30px;
    left: 0;
    margin-left: -15px;
    outline: none;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: calc(100% + 30px)
}

.c-fast-tools-remove-background .result-show-area .image-view-slider::-moz-range-thumb {
    -webkit-appearance: none;
    background-size: contain;
    border: 2px solid #d4d4d4;
    border-radius: 50%;
    cursor: grab;
    height: 30px;
    width: 30px
}

.c-fast-tools-remove-background .result-show-area .image-view-slider::-moz-range-thumb:active {
    cursor: grabbing
}

.c-fast-tools-remove-background .result-show-area .image-view-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #525252;
    background-size: contain;
    border: 2px solid #d4d4d4;
    border-radius: 50%;
    cursor: grab;
    height: 30px;
    width: 30px
}

.c-fast-tools-remove-background .result-show-area .image-view-slider::-webkit-slider-thumb:active {
    cursor: grabbing
}

.c-fast-tools-remove-background .result-show-area .result-content-box {
    border-radius: 24px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative
}

.c-fast-tools-remove-background .result-show-area .result-raw-img {
    border-radius: 24px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%
}

.c-fast-tools-remove-background .result-show-area .process-img-box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-fast-tools-remove-background .result-show-area .process-img-box .processed-img {
    border-radius: 24px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 1;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%
}

.c-fast-tools-remove-background .result-show-area .el-image-viewer__close {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 40px
}

.c-fast-tools-remove-background .result-show-area .el-image-viewer__close .el-icon-close {
    color: #fff;
    font-size: 16px
}

.c-fast-tools-remove-background .result-show-area .bottom-download-btn {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    bottom: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px 14px 8px 17px;
    position: absolute;
    right: 16px
}

.c-fast-tools-remove-background .result-show-area .bottom-download-btn .bottom-download-btn-icon {
    color: #fff;
    font-size: 24px
}

.c-fast-tools-remove-background .result-show-area .bottom-download-btn .bottom-download-btn-text {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

[data-v-28079bbc] .aiErase .el-dialog__header {
    display: none
}

[data-v-28079bbc] .aiErase .el-dialog__body {
    height: 100%;
    padding: 0;
    width: 100%
}

.main[data-v-28079bbc] {
    background-color: #02050e;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.main[data-v-28079bbc]:before {
    background-image: radial-gradient(hsla(240, 2%, 76%, .5) 1px, transparent 0);
    background-size: 20px 20px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0
}

.main .disabledStyle[data-v-28079bbc] {
    opacity: .5
}

.main .disabledStyle .bnt[data-v-28079bbc], .main .disabledStyle .compare[data-v-28079bbc], .main .disabledStyle .dragIcon[data-v-28079bbc], .main .disabledStyle .rightBnt[data-v-28079bbc], .main .disabledStyle .toolItem[data-v-28079bbc], .main .disabledStyle[data-v-28079bbc] {
    cursor: not-allowed !important
}

.main .top[data-v-28079bbc] {
    background-color: #06060d;
    border-bottom: 1px solid #2a2832;
    box-sizing: border-box;
    height: 58px;
    justify-content: space-between;
    left: 0;
    padding: 0 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.main .top .topItem .back[data-v-28079bbc], .main .top .topItem[data-v-28079bbc], .main .top[data-v-28079bbc] {
    align-items: center;
    display: flex
}

.main .top .topItem .back[data-v-28079bbc] {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 9px;
    cursor: pointer;
    height: 36px;
    justify-content: center;
    width: 36px
}

.main .top .topItem .back i[data-v-28079bbc] {
    color: #828086;
    font-size: 16px
}

.main .top .topItem .bntBox[data-v-28079bbc] {
    align-items: center;
    border: 1px solid #2a2832;
    border-radius: 5px;
    display: flex;
    margin-left: 160px
}

.main .top .topItem .bntBox .bnt[data-v-28079bbc] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 38px
}

.main .top .topItem .bntBox .bnt[data-v-28079bbc]:nth-child(2) {
    border-left: 1px solid #2a2832;
    border-right: 1px solid #2a2832
}

.main .top .topItem .bntBox .bnt .svg-icon[data-v-28079bbc], .main .top .topItem .bntBox .bnt i[data-v-28079bbc] {
    color: #c0c0c3;
    font-size: 23px
}

.main .top .topItem .rightBnt[data-v-28079bbc] {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 0 16px
}

.main .top .topItem .rightBnt[data-v-28079bbc]:first-child {
    margin-right: 16px
}

.main .top .topItem .rightBnt i[data-v-28079bbc] {
    color: #fefefe;
    font-size: 14px;
    margin-right: 8px
}

.main .top .topItem .rightBnt span[data-v-28079bbc] {
    color: #fefefe;
    font-size: 12px
}

.main .start[data-v-28079bbc] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 6px;
    bottom: 60px;
    box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2);
    cursor: pointer;
    display: flex;
    height: 48px;
    left: 50%;
    padding: 0 74px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.main .start .svg-icon[data-v-28079bbc] {
    color: #fff;
    font-size: 18px;
    margin-right: 10px
}

.main .start span[data-v-28079bbc] {
    color: #fff;
    font-size: 14px
}

.main .right[data-v-28079bbc] {
    align-items: center;
    bottom: 60px;
    display: flex;
    position: absolute;
    right: 65px;
    z-index: 2
}

.main .right .dragIcon[data-v-28079bbc] {
    align-items: center;
    background-color: #24262a;
    border: 1px solid #2a2832;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px
}

.main .right .dragIcon i[data-v-28079bbc] {
    color: #c0c0c3;
    font-size: 18px
}

.main .right .sizeBox[data-v-28079bbc] {
    background-color: #24262a;
    border: 1px solid #35383c;
    border-radius: 5px;
    display: flex;
    height: 34px;
    margin: 0 11px
}

.main .right .sizeBox .sizeBnt[data-v-28079bbc] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 34px
}

.main .right .sizeBox .sizeBnt i[data-v-28079bbc] {
    color: #c0c0c3;
    font-size: 16px
}

.main .right .sizeBox .sizeNum[data-v-28079bbc] {
    align-items: center;
    border-left: 1px solid #35383c;
    border-right: 1px solid #35383c;
    color: #c0c0c3;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    width: 56px
}

.main .right .compare[data-v-28079bbc] {
    align-items: center;
    background-color: #24262a;
    border: 1px solid #35383c;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 34px;
    padding: 0 8px
}

.main .right .compare i[data-v-28079bbc] {
    color: #c0c0c3;
    font-size: 18px;
    margin-right: 5px
}

.main .right .compare span[data-v-28079bbc] {
    color: #c0c0c3;
    font-size: 14px
}

.main .left[data-v-28079bbc] {
    background-color: #14161a;
    border-radius: 10px;
    left: 16px;
    padding: 10px;
    position: absolute;
    top: 90px;
    z-index: 2
}

.main .left .toolItem[data-v-28079bbc] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 74px;
    justify-content: center;
    min-width: 64px;
    position: relative
}

.main .left .toolItem i[data-v-28079bbc] {
    color: #9fa4ac;
    font-size: 24px;
    margin-bottom: 6px
}

.main .left .toolItem span[data-v-28079bbc] {
    color: #9fa4ac;
    font-size: 12px
}

.main .left .toolItem[data-v-28079bbc]:last-child {
    margin-bottom: 0
}

.main .left .activateToolItem[data-v-28079bbc] {
    background-color: #26292e
}

.main .left .activateToolItem i[data-v-28079bbc], .main .left .activateToolItem span[data-v-28079bbc] {
    color: #fff
}

.main .left[data-v-28079bbc] .lineSize {
    align-items: center;
    background-color: #24262a;
    border-radius: 10px;
    box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6);
    display: flex;
    padding: 14px 16px;
    position: absolute;
    right: -300px;
    top: 0
}

.main .left[data-v-28079bbc] .lineSize span {
    color: #fff;
    font-size: 14px;
    margin-right: 10px
}

.main .left[data-v-28079bbc] .lineSize .el-slider {
    width: 200px
}

.main .left[data-v-28079bbc] .lineSize .el-slider .el-input-number--small {
    width: 76px
}

.main .left[data-v-28079bbc] .lineSize .el-slider .el-input-number--small .el-input__inner {
    background-color: #393b41;
    border: none;
    border-radius: 8px;
    color: #fff
}

.main .left[data-v-28079bbc] .lineSize .el-slider .show-input {
    margin-right: 90px
}

.main .draggable[data-v-28079bbc] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.main .draggable img[data-v-28079bbc] {
    height: 100%;
    width: 100%
}

.main .draggable canvas[data-v-28079bbc] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%);
    left: 0;
    position: absolute;
    top: 0
}

.sizeListBox .sizeList {
    background-color: #24262a;
    padding: 6px 16px
}

.sizeListBox .sizeList .sizeItem {
    color: #c0c0c3;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px
}

.ai_erase[data-v-545f81c8] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-top: 28px;
    width: 100%
}

.ai_erase .topIcon[data-v-545f81c8] {
    width: 48px
}

.ai_erase .title[data-v-545f81c8] {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    margin-top: 15px
}

.ai_erase .desc[data-v-545f81c8] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    margin-top: 12px
}

.ai_erase .cnt[data-v-545f81c8] {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    width: 909px
}

.ai_erase .cnt .left[data-v-545f81c8] {
    background-color: #2a2832;
    border-radius: 24px;
    height: 520px;
    width: 400px
}

.ai_erase .cnt .left video[data-v-545f81c8] {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ai_erase .cnt .right[data-v-545f81c8] {
    width: 490px
}

.ai_erase .cnt .right[data-v-545f81c8] .uploadBox {
    height: 316px;
    width: 100%
}

.ai_erase .cnt .right[data-v-545f81c8] .uploadBox .el-upload {
    height: 100%;
    width: 100%
}

.ai_erase .cnt .right[data-v-545f81c8] .uploadBox .el-upload .el-upload-dragger {
    align-items: center;
    background-color: #2a2832;
    border: 2px dashed #fff;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ai_erase .cnt .right[data-v-545f81c8] .uploadBox .el-upload .el-upload-dragger .el-icon-upload {
    color: hsla(0, 0%, 100%, .7);
    font-size: 48px;
    margin-top: 0
}

.ai_erase .cnt .right[data-v-545f81c8] .uploadBox .el-upload .el-upload-dragger .el-upload__text {
    color: #bababa;
    font-size: 14px
}

.ai_erase .cnt .right .tip[data-v-545f81c8] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 24px 0 20px
}

.ai_erase .cnt .right .tip i[data-v-545f81c8] {
    color: #bababa;
    font-size: 24px;
    margin-right: 5px
}

.ai_erase .cnt .right .tip span[data-v-545f81c8] {
    color: #bababa;
    font-size: 14px
}

.ai_erase .cnt .right .ex[data-v-545f81c8] {
    background-color: #2a2832;
    border-radius: 13px;
    box-sizing: border-box;
    display: flex;
    gap: 14px;
    height: 136px;
    padding: 18px 24px
}

.ai_erase .cnt .right .ex img[data-v-545f81c8] {
    border-radius: 9px;
    cursor: pointer;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100px
}

.handle-panel[data-v-3ca98cc8] {
    display: flex;
    flex-flow: column;
    gap: 15px;
    position: relative
}

.handle-panel .upload-box[data-v-3ca98cc8] {
    align-items: center;
    background: #1b1d1f;
    border-radius: 20px;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.handle-panel .upload-box .handle-btn[data-v-3ca98cc8] {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: rgba(28, 29, 42, .4);
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.handle-panel .upload-box .icon-icon_xiazai[data-v-3ca98cc8] {
    font-size: 14px
}

.handle-panel .upload-box .del-btn[data-v-3ca98cc8] {
    position: absolute;
    right: 10px;
    top: 10px
}

.handle-panel .upload-box .handle-btns[data-v-3ca98cc8] {
    bottom: 10px;
    display: flex;
    gap: 10px;
    position: absolute;
    right: 10px
}

.handle-panel .upload-box img[data-v-3ca98cc8] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.handle-panel .upload-box .upload-btn[data-v-3ca98cc8] {
    cursor: pointer;
    font-size: 18px;
    text-align: center
}

.handle-panel .upload-box .upload-btn p[data-v-3ca98cc8] {
    font-size: 14px;
    margin-top: 5px
}

.handle-panel .upload-box .upload-btn[data-v-3ca98cc8] .el-upload:focus {
    color: #a3a6ad
}

.handle-panel .upload-box .upload-btn[data-v-3ca98cc8] .el-upload .el-upload-dragger {
    align-items: center;
    background-color: transparent;
    background-color: initial;
    border: 0;
    color: #a3a6ad;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.handle-panel .strength-box[data-v-3ca98cc8] {
    align-items: center;
    background: #1b1d1f;
    border-radius: 15px;
    color: hsla(0, 0%, 100%, .8);
    display: flex;
    gap: 15px;
    height: 56px;
    padding: 0 15px
}

.handle-panel .strength-box span.num[data-v-3ca98cc8] {
    color: #fff
}

.handle-panel .strength-box[data-v-3ca98cc8] .el-slider {
    flex: 1
}

.handle-panel .strength-box[data-v-3ca98cc8] .el-slider .el-slider__button-wrapper {
    height: 26px;
    top: -11px;
    width: 26px
}

.handle-panel .strength-box[data-v-3ca98cc8] .el-slider .el-slider__runway {
    background-color: #3a3c42;
    margin: 10px 0
}

.handle-panel .strength-box[data-v-3ca98cc8] .el-slider .el-slider__button {
    border: 0;
    height: 20px;
    width: 20px
}

.handle-panel .loading[data-v-3ca98cc8] {
    align-items: center;
    background: rgba(0, 0, 0, .7);
    border-radius: 20px;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1111
}

.handle-panel .loading i.el-icon-loading[data-v-3ca98cc8] {
    font-size: 20px;
    margin-bottom: 5px
}

.handle-panel .loading[data-v-3ca98cc8] .el-progress {
    margin: 20px 0;
    width: 60%
}

.handle-panel .loading[data-v-3ca98cc8] .el-progress .el-progress-bar__inner {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.handle-panel .loading[data-v-3ca98cc8] .el-progress .el-progress-bar__outer {
    background: hsla(0, 0%, 47%, .8) !important
}

.beauty-popup[data-v-1b2b54ea] .el-dialog {
    border: 0;
    border-radius: 20px;
    max-width: 900px;
    overflow: hidden;
    width: 90vw
}

.beauty-popup[data-v-1b2b54ea] .el-dialog .el-dialog__body, .beauty-popup[data-v-1b2b54ea] .el-dialog .el-dialog__footer, .beauty-popup[data-v-1b2b54ea] .el-dialog .el-dialog__header {
    background: #24262a
}

.beauty-popup[data-v-1b2b54ea] .el-dialog .el-dialog__body {
    height: 60vh;
    padding-top: 0
}

.beauty-popup .dialog-body[data-v-1b2b54ea] {
    display: flex;
    gap: 30px;
    height: 100%
}

.beauty-popup .dialog-body > div[data-v-1b2b54ea] {
    width: 50%
}

.beauty-popup .style-panel[data-v-1b2b54ea] {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 100%;
    overflow-y: auto
}

.beauty-popup .style-panel[data-v-1b2b54ea]::-webkit-scrollbar {
    width: 5px
}

.beauty-popup .style-panel .style-item[data-v-1b2b54ea] {
    border-radius: 15px;
    box-sizing: border-box;
    cursor: pointer;
    height: 150px;
    position: relative;
    width: calc(33.33333% - 6.66667px)
}

.beauty-popup .style-panel .style-item.active[data-v-1b2b54ea] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #24262a, #24262a), linear-gradient(90deg, #3f8fff, #21feff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 15px;
    padding: 5px
}

.beauty-popup .style-panel .style-item.active img[data-v-1b2b54ea] {
    border-radius: 10px
}

.beauty-popup .style-panel .style-item img[data-v-1b2b54ea] {
    border-radius: 15px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.beauty-popup .style-panel .style-item p[data-v-1b2b54ea] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    bottom: 0;
    color: #fcfcfd;
    font-size: 12px;
    height: 24px;
    left: 0;
    line-height: 24px;
    position: absolute;
    right: 0;
    text-align: center
}

.beauty-popup .btn-group[data-v-1b2b54ea] {
    text-align: center
}

.beauty-popup .btn-group button[data-v-1b2b54ea] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border: 0;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    height: 55px;
    padding: 10px 20px;
    width: 50%
}

.beauty-popup .btn-group button span.tips[data-v-1b2b54ea] {
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.style-banner[data-v-d575044e] {
    cursor: pointer;
    position: relative
}

.style-banner .banner-list[data-v-d575044e], .style-banner[data-v-d575044e] {
    width: calc(35vw - 25px)
}

.style-banner[data-v-d575044e] .el-carousel .el-carousel__container {
    height: calc(35vw - 25px)
}

.style-banner[data-v-d575044e] .el-carousel .el-carousel__indicators button.el-carousel__button {
    border-radius: 5px;
    height: 10px;
    width: 10px
}

.style-banner .banner-item[data-v-d575044e] {
    height: calc(35vw - 25px);
    width: calc(35vw - 25px)
}

.style-banner .banner-item .show-img[data-v-d575044e] {
    animation: compared-d575044e 4s infinite;
    background-size: calc(35vw - 25px);
    border-right: 1px solid #fff;
    height: calc(35vw - 25px);
    position: relative;
    width: 100%
}

.style-banner .banner-item[data-v-d575044e], .style-banner .show-img[data-v-d575044e] {
    background-repeat: no-repeat;
    background-size: 100%
}

@keyframes compared-d575044e {
    0%, to {
        width: 0
    }
    50% {
        width: 100%
    }
}

.style-banner .style-name[data-v-d575044e] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    bottom: 27px;
    color: #fcfcfd;
    font-size: 16px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 11
}

.beauty-page[data-v-703e817a] {
    width: 100%
}

.beauty-page .title[data-v-703e817a] {
    color: #fff;
    font-family: Arial;
    font-size: 38px;
    padding-top: 20px;
    text-align: center
}

.beauty-page .title h1[data-v-703e817a], .beauty-page .title i[data-v-703e817a] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(84deg, #f79533, #f37055 14%, #ef4e7b 29%, #a166ab 43%, #5073b8 57%, #1098ad 71%, #07b39b 86%, #6fba82);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.beauty-page .title h1[data-v-703e817a] {
    display: inline-block;
    font-size: 38px
}

.beauty-page .title h1[data-v-703e817a]:before {
    -webkit-text-fill-color: initial;
    color: #000;
    color: initial;
    content: "💄";
    font-size: 34px;
    margin-right: 5px
}

.beauty-page .title i[data-v-703e817a]:first-child {
    font-size: 22px;
    left: 10px;
    position: relative;
    top: -10px
}

.beauty-page .desc[data-v-703e817a] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    padding-top: 10px;
    text-align: center
}

.beauty-page .example-list[data-v-703e817a] {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    margin: 25px auto 0;
    width: 90vw
}

.beauty-page .example-list .loading[data-v-703e817a] {
    display: flex;
    justify-content: center;
    margin: 100px 0;
    width: 100%
}

@keyframes switch-animate-108ef2c4 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tools-switch-animate-108ef2c4 {
    0% {
        height: 0;
        padding: 0 15px
    }
    to {
        height: 188px;
        padding: 40px 15px
    }
}

.publicize-container[data-v-108ef2c4] {
    background: #0f0d16;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.publicize-container .header[data-v-108ef2c4] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(14, 12, 21, .9);
    box-sizing: border-box;
    height: 60px;
    justify-content: space-between;
    padding: 0 270px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.publicize-container .header .left-container[data-v-108ef2c4], .publicize-container .header[data-v-108ef2c4] {
    align-items: center;
    display: flex
}

.publicize-container .header .left-container .logo[data-v-108ef2c4] {
    height: 35px;
    margin-bottom: 3px;
    width: 35px
}

.publicize-container .header .left-container .slogan[data-v-108ef2c4] {
    color: #fff;
    font-family: Sora-SemiBold, Sora;
    font-size: 24px;
    font-weight: 600;
    margin: 0 8px
}

.publicize-container .header .left-container .ai[data-v-108ef2c4] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #4093ff, #22feff);
    -webkit-background-clip: text;
    font-family: Sora-SemiBold, Sora;
    font-size: 24px;
    font-weight: 600
}

.publicize-container .header .right-container .get-started[data-v-108ef2c4] {
    background: linear-gradient(90deg, #4093ff, #22feff);
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: Source Code Pro-Bold, Source Code Pro;
    font-size: 12px;
    font-weight: 700;
    height: 38px
}

.publicize-container .special-title[data-v-108ef2c4] {
    color: #ada8c3;
    font-family: Space Grotesk-Regular, Space Grotesk;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

.publicize-container .part-title[data-v-108ef2c4] {
    color: #fff;
    font-family: Sora-Regular, Sora;
    font-size: 48px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%
}

.publicize-container .top[data-v-108ef2c4] {
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    height: 920px;
    width: 100%
}

.publicize-container .top .content[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    padding: 330px 300px 0;
    width: 100%
}

.publicize-container .top .content .line-one .words[data-v-108ef2c4] {
    position: relative
}

.publicize-container .top .content .line-one .words .decorations[data-v-108ef2c4] {
    height: 15px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 311px
}

.publicize-container .top .content .line-one .words .decorations > img[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.publicize-container .top .content .line-one[data-v-108ef2c4], .publicize-container .top .content .line-two[data-v-108ef2c4] {
    color: #fff;
    font-family: Sora-SemiBold, Sora;
    font-size: 58px;
    font-weight: 600;
    line-height: 96px;
    width: 100%
}

.publicize-container .top .content .line-three[data-v-108ef2c4] {
    color: #cac6dd;
    font-family: Sora-Regular, Sora;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 7px;
    width: 100%
}

.publicize-container .top .content .get-started[data-v-108ef2c4] {
    background: linear-gradient(90deg, #4093ff, #22feff);
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 18px;
    font-weight: 500;
    height: 56px;
    margin-top: 66px;
    padding: 12px 36px;
    position: relative
}

.publicize-container .top .content .get-started i[data-v-108ef2c4] {
    font-size: 20px;
    margin-left: 15px
}

.publicize-container .top .content .get-started .animation-div[data-v-108ef2c4] {
    height: 200px;
    left: 0;
    position: absolute;
    top: -72px;
    width: 185px
}

.publicize-container .top .content .get-started .animation-div .particle[data-v-108ef2c4] {
    background-size: cover;
    border-radius: 100px;
    position: absolute;
    will-change: transform
}

.publicize-container > .desc[data-v-108ef2c4] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 671px;
    justify-content: center;
    width: 100%
}

.publicize-container > .desc .contianer[data-v-108ef2c4] {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 119px;
    width: 100%
}

.publicize-container > .desc .contianer .desc-item[data-v-108ef2c4] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
    width: 320px
}

.publicize-container > .desc .contianer .desc-item .icon-contianer[data-v-108ef2c4] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.publicize-container > .desc .contianer .desc-item .icon-contianer .svg-icon[data-v-108ef2c4] {
    height: 24px;
    width: 24px
}

.publicize-container > .desc .contianer .desc-item .title[data-v-108ef2c4] {
    color: #f6f3ff;
    font-family: Sora-Regular, Sora;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 40px 0 20px;
    text-align: left;
    width: 100%
}

.publicize-container > .desc .contianer .desc-item .content[data-v-108ef2c4] {
    color: #ada8c3;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-align: left
}

.publicize-container .create[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 1191px;
    position: relative;
    width: 100%
}

.publicize-container .create .bg-container[data-v-108ef2c4] {
    background: url(/_nuxt/img/publicize-create-bg.f8f47da.png) no-repeat;
    background-position: 50% 35%;
    background-size: contain;
    background-size: 80% 80%;
    height: 1168px;
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1440px
}

.publicize-container .create .bg-container .part-title .words[data-v-108ef2c4] {
    position: relative
}

.publicize-container .create .bg-container .part-title .words .decorations[data-v-108ef2c4] {
    height: 15px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 200px
}

.publicize-container .create .bg-container .part-title .words .decorations > img[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.publicize-container .create .bg-container .tabs[data-v-108ef2c4] {
    align-items: center;
    background: rgba(28, 24, 31, .5);
    border: 1px solid #393e44;
    border-radius: 16px;
    box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1);
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 66px;
    margin: 50px auto;
    width: 843px
}

.publicize-container .create .bg-container .tabs .item-tab[data-v-108ef2c4] {
    align-items: center;
    box-sizing: border-box;
    color: #f1f5f9;
    cursor: pointer;
    display: flex;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 24px;
    font-weight: 700;
    height: calc(100% - 4px);
    justify-content: center;
    width: 281px
}

.publicize-container .create .bg-container .tabs .item-tab.active[data-v-108ef2c4] {
    background: rgba(41, 45, 50, .5);
    border-radius: 14px
}

.publicize-container .create .bg-container .tabs .item-tab.active .words[data-v-108ef2c4] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(102deg, #498fff, #2deeff);
    -webkit-background-clip: text
}

.publicize-container .create .bg-container .create-img[data-v-108ef2c4] {
    height: 702px;
    margin: 0 auto;
    max-width: 100%;
    width: 1024px
}

.publicize-container .create .bg-container .create-img > img[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.publicize-container .create .bg-container .create-img > img.animate[data-v-108ef2c4] {
    animation: switch-animate-108ef2c4 3s
}

.publicize-container .tools[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 1219px;
    width: 100%
}

.publicize-container .tools .special-title[data-v-108ef2c4] {
    display: inline-block
}

.publicize-container .tools .tabs[data-v-108ef2c4] {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 133px;
    width: 100%
}

.publicize-container .tools .tabs .item-tab[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 188px;
    margin: 0 12px;
    position: relative;
    width: 294px
}

.publicize-container .tools .tabs .item-tab .content[data-v-108ef2c4] {
    align-content: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 188px;
    left: 0;
    padding: 40px 15px;
    position: absolute;
    top: 0;
    width: 294px
}

.publicize-container .tools .tabs .item-tab .content .title[data-v-108ef2c4] {
    color: #fff;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 20px;
    font-weight: 400;
    width: 100%
}

.publicize-container .tools .tabs .item-tab .content .desc[data-v-108ef2c4] {
    color: #c3bfe9;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    width: 100%
}

.publicize-container .tools .tabs .item-tab[data-v-108ef2c4]:after {
    background: #2e2e2e;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.publicize-container .tools .tabs .item-tab.active[data-v-108ef2c4] {
    animation: tools-switch-animate-108ef2c4 1s ease-in-out;
    background: linear-gradient(180deg, #181526, rgba(15, 13, 22, 0))
}

.publicize-container .tools .tabs .item-tab.active[data-v-108ef2c4]:after {
    background: linear-gradient(63deg, #4093ff, #22feff)
}

.publicize-container .tools .tabs .item-tab.active .content .title[data-v-108ef2c4] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(93deg, #4992ff, #2fe9ff);
    -webkit-background-clip: text;
    font-weight: 600
}

.publicize-container .tools .tabs .item-tab.active .content .desc[data-v-108ef2c4] {
    color: #fff
}

.publicize-container .tools > .content[data-v-108ef2c4] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 570px;
    justify-content: space-between;
    margin: 36px auto 0;
    max-width: 100%;
    padding-right: 50px;
    width: 1229px
}

.publicize-container .tools > .content.animate[data-v-108ef2c4] {
    animation: switch-animate-108ef2c4 3s
}

.publicize-container .tools > .content .left[data-v-108ef2c4] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 512px
}

.publicize-container .tools > .content .left .img[data-v-108ef2c4] {
    height: 56px;
    width: 63px
}

.publicize-container .tools > .content .left .title[data-v-108ef2c4] {
    color: #fff;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 38px;
    font-weight: 700;
    margin: 24px 0 30px;
    width: 100%
}

.publicize-container .tools > .content .left .desc[data-v-108ef2c4] {
    color: #ada8c3;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 100%
}

.publicize-container .tools > .content .right[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 20px;
    width: 605px
}

.publicize-container .tools > .content .right .video[data-v-108ef2c4] {
    border-radius: 30px 30px 0 0;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.publicize-container .style[data-v-108ef2c4] {
    background: url(/_nuxt/img/publicize-style-bg.244dfed.webp) no-repeat;
    background-position: left 0 top 0;
    background-size: 905px 905px;
    box-sizing: border-box;
    height: 1980px;
    position: relative;
    width: 100%
}

.publicize-container .style .special-title[data-v-108ef2c4] {
    display: inline-block;
    margin-top: 120px
}

.publicize-container .style .content[data-v-108ef2c4] {
    display: flex;
    flex-wrap: nowrap;
    height: 1568px;
    margin: 80px auto 0;
    width: 1342px
}

.publicize-container .style .content .column[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 100%;
    margin-right: 24px;
    width: 431px
}

.publicize-container .style .content .column .item[data-v-108ef2c4] {
    background: #0e0c15;
    border: 1px solid #252134;
    border-radius: 40px;
    box-sizing: border-box;
    padding: 26px 20px;
    width: 100%
}

.publicize-container .style .content .column .item .img[data-v-108ef2c4] {
    border-radius: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.publicize-container .style .content .column .item .title[data-v-108ef2c4] {
    color: #fff;
    font-family: Sora-Regular, Sora;
    font-size: 30px;
    font-weight: 400;
    margin: 26px 0 16px;
    width: 100%
}

.publicize-container .style .content .column .item .desc[data-v-108ef2c4] {
    color: #757185;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    width: 100%
}

.publicize-container .style .content .column .item[data-v-108ef2c4]:hover {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0e0c15, #0e0c15), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 40px
}

.publicize-container .style .content .column[data-v-108ef2c4] > :first-child {
    margin-bottom: 24px
}

.publicize-container .style .content[data-v-108ef2c4] > :last-child {
    margin-right: 0
}

.publicize-container .square[data-v-108ef2c4] {
    box-sizing: border-box;
    height: 1675px;
    width: 100%
}

.publicize-container .square .special-title[data-v-108ef2c4] {
    display: inline-block;
    margin-top: 30px
}

.publicize-container .square .content[data-v-108ef2c4] {
    display: flex;
    flex-wrap: nowrap;
    margin: 100px auto 0;
    max-width: 100%;
    width: 1190px
}

.publicize-container .square .content .column[data-v-108ef2c4] {
    margin-right: 24px;
    width: 278px
}

.publicize-container .square .content .column .item[data-v-108ef2c4] {
    border-radius: 16px;
    cursor: pointer;
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%
}

.publicize-container .square .content .column .item .img[data-v-108ef2c4] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-out;
    width: 100%
}

.publicize-container .square .content .column .item .img[data-v-108ef2c4]:hover {
    transform: scale(1.1)
}

.publicize-container .square .btn[data-v-108ef2c4] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    width: 100%
}

.publicize-container .square .btn .get-started[data-v-108ef2c4] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #fff;
    font-family: Arial-Bold, Arial;
    font-size: 18px;
    font-weight: 700;
    height: 54px;
    min-width: 213px
}

.c-tavern-top-bar[data-v-1cae46ce] {
    height: 80px;
    max-width: 100%
}

.c-tavern-top-bar .tavern-top-bar-logo[data-v-1cae46ce], .c-tavern-top-bar[data-v-1cae46ce] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-tavern-top-bar .tavern-top-bar-logo[data-v-1cae46ce] {
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

.c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img[data-v-1cae46ce] {
    height: 32px;
    width: 32px
}

.c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img img[data-v-1cae46ce] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-text[data-v-1cae46ce] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    -webkit-background-clip: text;
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    margin-left: 7px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info[data-v-1cae46ce], .c-tavern-top-bar .tavern-top-bar-info[data-v-1cae46ce] {
    align-items: center;
    display: flex
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin[data-v-1cae46ce] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    max-height: 40px;
    padding: 8px 12px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin img[data-v-1cae46ce] {
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 24px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin .number[data-v-1cae46ce] {
    color: #c6c6ce;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin:last-child .number[data-v-1cae46ce] {
    margin-left: 2px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin + .item-coin[data-v-1cae46ce] {
    margin-left: 10px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-1cae46ce] {
    cursor: pointer;
    height: 24px;
    margin-left: 20px;
    width: 24px
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-1cae46ce]:hover {
    transform: scale(1.2);
    transition: all .3s ease-in-out
}

.c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon img[data-v-1cae46ce] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-tavern-top-bar .tavern-top-bar-info .user-info[data-v-1cae46ce] {
    align-items: center;
    display: flex;
    margin-left: 20px
}

.c-tavern-top-bar .tavern-top-bar-info .user-info .avatar[data-v-1cae46ce] {
    align-items: center;
    border-radius: 50%;
    color: #1d1d1d;
    display: flex;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.c-tavern-top-bar .tavern-top-bar-info .user-info .avatar img[data-v-1cae46ce] {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-tavern-top-bar .tavern-top-bar-info .user-info .avatar-color[data-v-1cae46ce] {
    background-color: #d1d6e0
}

.c-tavern-top-bar .tavern-top-bar-info .user-info .name-text[data-v-1cae46ce] {
    color: #9293a5;
    font-family: Inter-Semi Bold, Inter;
    font-size: 14px;
    font-weight: 400;
    margin-left: 13px
}

.c-tavern-top-bar .log-btn[data-v-1cae46ce] {
    align-items: center;
    background: linear-gradient(90deg, #245cfb, #52c2ed);
    border: none;
    border-radius: 22px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    line-height: 44px;
    padding: 0 20px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.p-tavern[data-v-767b74da] {
    bottom: 0;
    height: 100%;
    left: 0;
    max-height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.p-tavern .bg-container1[data-v-767b74da] {
    filter: blur(24px)
}

.p-tavern .bg-container1[data-v-767b74da], .p-tavern .bg-container2[data-v-767b74da] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.p-tavern .bg-contain[data-v-767b74da] {
    background-size: contain
}

.p-tavern .bg-tavern[data-v-767b74da] {
    background-image: linear-gradient(180deg, transparent 68.79%, rgba(0, 0, 0, .2) 99.08%), linear-gradient(90deg, rgba(0, 0, 0, .3) 16.05%, transparent 39.31%), linear-gradient(270deg, rgba(0, 0, 0, .3) 16.36%, transparent 31.46%), url(https://image.cdn2.seaart.ai/static/upload/20231211/af3b8892-05bf-4823-a304-9f8de1231b47.webp)
}

.p-tavern .tavern-top-bar[data-v-767b74da] {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    position: relative;
    z-index: 5
}

.p-tavern .main-container[data-v-767b74da] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.p-tavern .container[data-v-767b74da] {
    max-width: 1567px
}

.p-tavern .tavern-tabs[data-v-767b74da] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    padding: 20px 0 30px 20px;
    z-index: 20
}

.p-tavern .tavern-tabs-item[data-v-767b74da] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2.5px;
    justify-content: flex-start
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text[data-v-767b74da] {
    align-items: center;
    color: rgba(255, 253, 245, .8);
    display: flex;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text h1[data-v-767b74da] {
    font-size: 20px
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-767b74da] {
    color: rgba(255, 253, 245, .8);
    font-size: 22px;
    margin-right: 4px
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-text-sub[data-v-767b74da] {
    color: rgba(255, 253, 245, .8);
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text .tips-box[data-v-767b74da] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 8px
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-767b74da] {
    color: rgba(255, 253, 245, .8);
    font-size: 20px
}

.p-tavern .tavern-tabs-item .tavern-tabs-item-line[data-v-767b74da] {
    border: 1px solid;
    -o-border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2;
    border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2;
    box-sizing: border-box;
    height: 0;
    visibility: hidden;
    width: 100%
}

.p-tavern .tavern-tabs-item-active .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-767b74da], .p-tavern .tavern-tabs-item-active .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-767b74da], .p-tavern .tavern-tabs-item-active .tavern-tabs-item-text[data-v-767b74da] {
    color: #fff
}

.p-tavern .tavern-tabs-item-active .tavern-tabs-item-line[data-v-767b74da] {
    visibility: visible
}

.p-tavern .tavern-main-content[data-v-767b74da] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.p-tavern .tavern-main-content-inner[data-v-767b74da] {
    bottom: 0;
    color: #fffdf5;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    left: 20px;
    min-height: 0;
    padding-bottom: 100px;
    position: absolute;
    right: 20px;
    top: 0
}

@media (min-width: 640px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 1
    }
}

@media (min-width: 768px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 1
    }
}

@media (min-width: 1024px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 1
    }
}

@media (min-width: 1280px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 2
    }
}

@media (min-width: 1536px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 3
    }
}

@media (min-width: 1650px) {
    .p-tavern .container[data-v-767b74da] .role-card-item-content-subtitle {
        -webkit-line-clamp: 3
    }
}

.tavern-tab-popover .content {
    background-color: rgba(30, 32, 32, .8);
    box-sizing: border-box;
    color: #fffdf5;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100%;
    padding: 20px;
    width: 100%
}

.tavern-tab-popover .content .content-color {
    color: #3f8dff
}

.ball-pulse div[data-v-4e16c0e4] {
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 2px;
    width: 10px
}

.ball-pulse div[data-v-4e16c0e4]:first-child {
    animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .12s infinite
}

.ball-pulse div[data-v-4e16c0e4]:nth-child(2) {
    animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .24s infinite
}

.ball-pulse div[data-v-4e16c0e4]:nth-child(3) {
    animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .36s infinite
}

@keyframes scale-4e16c0e4 {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    45% {
        opacity: .7;
        transform: scale(.1)
    }
    80% {
        opacity: 1;
        transform: scale(1)
    }
}

.msg-item[data-v-a4957290] {
    align-items: flex-end;
    display: flex;
    gap: 10px;
    position: relative
}

.msg-item-cost[data-v-a4957290] {
    align-items: center;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 45px;
    min-width: 100px;
    position: absolute;
    top: -22px
}

.msg-item-cost img[data-v-a4957290] {
    width: 20px
}

.msg-item-cost-right[data-v-a4957290] {
    left: auto;
    right: 20px
}

.msg-item.my-msg[data-v-a4957290] {
    flex-flow: row-reverse
}

.msg-item.my-msg .msg-body[data-v-a4957290] {
    background: hsla(0, 0%, 100%, .7)
}

.msg-item.my-msg .msg-body .sender-name[data-v-a4957290] {
    color: rgba(0, 0, 0, .5)
}

.msg-item.my-msg .msg-body .msg-content[data-v-a4957290], .msg-item.my-msg .msg-body .msg-textarea[data-v-a4957290] .el-textarea__inner {
    color: #000
}

.msg-item .msg-sender[data-v-a4957290] {
    background-color: #ced3dd;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.msg-item .msg-sender.sender-name[data-v-a4957290]:before {
    display: inline-block
}

.msg-item .msg-sender[data-v-a4957290]:before {
    content: attr(data-sender);
    display: none
}

.msg-item.edit-item .msg-body[data-v-a4957290] {
    border: 1px solid #409eff;
    width: 70%
}

.msg-item.edit-item .msg-handle[data-v-a4957290] {
    display: inline-block !important
}

.msg-item .msg-body[data-v-a4957290] {
    background: rgba(0, 0, 0, .7);
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 70%;
    min-width: 120px;
    padding: 10px 30px 10px 15px;
    position: relative
}

.msg-item .msg-body:hover .handle-icon[data-v-a4957290] {
    display: flex !important;
    flex-flow: column;
    gap: 5px
}

.msg-item .msg-body .msg-textarea[data-v-a4957290] .el-textarea__inner {
    background-color: transparent;
    border: 0;
    color: #fff;
    padding: 0;
    resize: none
}

.msg-item .msg-body .sender-name[data-v-a4957290] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    margin-bottom: 5px
}

.msg-item .msg-body .handle-icon[data-v-a4957290] {
    color: #858ea0;
    display: none;
    position: absolute;
    right: 10px;
    top: 5px
}

.msg-item .msg-body .handle-icon i[data-v-a4957290], .msg-item .msg-body .translate[data-v-a4957290] {
    cursor: pointer
}

.msg-item .msg-body .msg-content[data-v-a4957290] {
    color: #fff;
    line-height: 26px;
    word-break: break-word
}

.msg-item .msg-body .msg-content[data-v-a4957290] em, .msg-item .msg-body .msg-content[data-v-a4957290] i {
    color: #919191
}

.msg-item .msg-body .msg-content[data-v-a4957290] q {
    color: #e18a24
}

.msg-item .msg-body .msg-content[data-v-a4957290] font[color] em, .msg-item .msg-body .msg-content[data-v-a4957290] font[color] i, .msg-item .msg-body .msg-content[data-v-a4957290] font[color] q {
    color: inherit
}

.msg-item .msg-body .msg-content[data-v-a4957290] code, .msg-item .msg-body .msg-content[data-v-a4957290] pre code {
    background: #000;
    border-radius: 5px;
    display: block;
    overflow-x: auto;
    padding: 5px
}

.msg-item .msg-body .msg-content[data-v-a4957290] h1, .msg-item .msg-body .msg-content[data-v-a4957290] h2, .msg-item .msg-body .msg-content[data-v-a4957290] strong, .msg-item .msg-body .msg-content[data-v-a4957290] strong em {
    font-weight: 700
}

.msg-item .msg-body .msg-content[data-v-a4957290] rp {
    display: block
}

.msg-item .msg-body .msg-content[data-v-a4957290] blockquote {
    background-color: rgba(0, 0, 0, .3);
    border-left: 3px solid #e18a24;
    margin: 0;
    padding-left: 10px
}

.msg-item .msg-body .msg-content[data-v-a4957290] table {
    border-collapse: collapse;
    border-spacing: 0
}

.msg-item .msg-body .msg-content[data-v-a4957290] td, .msg-item .msg-body .msg-content[data-v-a4957290] th {
    border: 1px solid;
    border-collapse: collapse;
    padding: .25em
}

.msg-item .msg-handle[data-v-a4957290] {
    color: #fff;
    display: none
}

.msg-item .msg-handle i[data-v-a4957290] {
    cursor: pointer;
    font-size: 20px
}

.msg-item .msg-handle i.el-icon-success[data-v-a4957290] {
    color: #409eff
}

.msg-item .msg-handle i[data-v-a4957290]:hover {
    transform: scale(1.2)
}

.msg-item:hover .msg-handle[data-v-a4957290] {
    display: block
}

.msg-item:hover .msg-item-cost[data-v-a4957290] {
    display: flex
}

.aichat-msg[data-v-d41bec3a] {
    height: calc(100% - 60px);
    -webkit-mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) .81%, rgba(0, 0, 0, .049) 1.55%, rgba(0, 0, 0, .104) 2.25%, rgba(0, 0, 0, .175) 2.9%, rgba(0, 0, 0, .259) 3.53%, rgba(0, 0, 0, .352) 4.12%, rgba(0, 0, 0, .45) 4.71%, rgba(0, 0, 0, .55) 5.29%, rgba(0, 0, 0, .648) 5.88%, rgba(0, 0, 0, .741) 6.47%, rgba(0, 0, 0, .825) 7.1%, rgba(0, 0, 0, .896) 7.75%, rgba(0, 0, 0, .951) 8.45%, rgba(0, 0, 0, .987) 9.19%, #000 10%);
    mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) .81%, rgba(0, 0, 0, .049) 1.55%, rgba(0, 0, 0, .104) 2.25%, rgba(0, 0, 0, .175) 2.9%, rgba(0, 0, 0, .259) 3.53%, rgba(0, 0, 0, .352) 4.12%, rgba(0, 0, 0, .45) 4.71%, rgba(0, 0, 0, .55) 5.29%, rgba(0, 0, 0, .648) 5.88%, rgba(0, 0, 0, .741) 6.47%, rgba(0, 0, 0, .825) 7.1%, rgba(0, 0, 0, .896) 7.75%, rgba(0, 0, 0, .951) 8.45%, rgba(0, 0, 0, .987) 9.19%, #000 10%)
}

.aichat-msg .scroll-body[data-v-d41bec3a] {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 20px
}

.aichat-msg .msg-list[data-v-d41bec3a] {
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    transition: all .3s ease-in-out
}

.aichat-msg .msg-list .line-scale[data-v-d41bec3a] {
    padding-top: 20px;
    text-align: center
}

.aichat-body[data-v-46fb746a] {
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    gap: 20px;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 40px;
    width: 50%;
    z-index: 3
}

.aichat-body .aichat-input[data-v-46fb746a] {
    color: #fff;
    gap: 10px;
    position: relative;
    z-index: 1
}

.aichat-body .aichat-input .set-layout > i[data-v-46fb746a] {
    cursor: pointer;
    font-size: 24px
}

.aichat-body .aichat-input .set-layout > i.active[data-v-46fb746a] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    -webkit-background-clip: text
}

.aichat-body .aichat-input .set-layout .layout-popup[data-v-46fb746a] {
    background: rgba(0, 0, 0, .8);
    border: 1px solid rgba(237, 242, 247, .5);
    border-radius: 15px;
    bottom: 120%;
    left: 0;
    padding: 10px 15px;
    position: absolute
}

.aichat-body .aichat-input .set-layout .layout-popup p[data-v-46fb746a] {
    color: #cfcfcf;
    font-size: 14px;
    margin-bottom: 5px
}

.aichat-body .aichat-input .set-layout .layout-popup .set-list[data-v-46fb746a] {
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 18px;
    display: flex;
    height: 36px;
    overflow: hidden;
    text-align: center;
    width: 180px
}

.aichat-body .aichat-input .set-layout .layout-popup .set-list.center i[data-v-46fb746a]:nth-child(2) {
    border-radius: 18px
}

.aichat-body .aichat-input .set-layout .layout-popup .set-list.center i[data-v-46fb746a]:nth-child(2), .aichat-body .aichat-input .set-layout .layout-popup .set-list.left i[data-v-46fb746a]:first-child, .aichat-body .aichat-input .set-layout .layout-popup .set-list.right i[data-v-46fb746a]:nth-child(3) {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.aichat-body .aichat-input .set-layout .layout-popup .set-list i[data-v-46fb746a] {
    cursor: pointer;
    font-size: 20px;
    line-height: 36px;
    width: 32%
}

.aichat-body .aichat-input .set-layout .layout-popup .set-list i[data-v-46fb746a]:nth-child(2) {
    width: 36%
}

.aichat-body .aichat-input .input-panel[data-v-46fb746a] {
    background: #000;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 23px;
    box-sizing: border-box;
    flex: 1;
    gap: 10px;
    padding: 5px 13px 5px 10px;
    position: relative
}

.aichat-body .aichat-input .input-panel.max-input[data-v-46fb746a] {
    border-color: #ff3b3b
}

.aichat-body .aichat-input .input-panel.max-input[data-v-46fb746a]:after {
    color: #ff3b3b
}

.aichat-body .aichat-input .input-panel[data-v-46fb746a]:after {
    bottom: -20px;
    color: #fff;
    content: attr(data-length);
    font-size: 12px;
    position: absolute;
    right: 0
}

.aichat-body .aichat-input .input-panel i[data-v-46fb746a] {
    color: #fff;
    cursor: pointer;
    font-size: 22px
}

.aichat-body .aichat-input .input-panel i.disabled[data-v-46fb746a] {
    color: #4d4d4d
}

.aichat-body .aichat-input .input-panel[data-v-46fb746a] .el-textarea textarea {
    background: #000;
    border: 0;
    color: #fff;
    height: 31px;
    resize: none
}

.aichat-body .aichat-input .input-panel[data-v-46fb746a] .el-textarea textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.aichat-figure[data-v-bee0a2c0] {
    bottom: -100px !important;
    height: 100%;
    opacity: 0;
    transition: all .2s ease-out;
    width: 50%
}

.aichat-figure.image-load[data-v-bee0a2c0] {
    bottom: 0 !important;
    opacity: 1
}

.aichat-figure img[data-v-bee0a2c0] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    vertical-align: middle;
    width: auto
}

.aichat-head[data-v-975240da] {
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 20px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15
}

.aichat-head a[data-v-975240da] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.aichat-head .logo[data-v-975240da] {
    gap: 10px
}

.aichat-head .logo img[data-v-975240da] {
    width: 40px
}

.aichat-head .logo p[data-v-975240da] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    -webkit-background-clip: text;
    font-size: 24px;
    font-weight: 700
}

.aichat-head .info[data-v-975240da] {
    gap: 10px
}

.aichat-head .info .info-item[data-v-975240da] {
    cursor: pointer;
    transition: all .3s ease
}

.aichat-head .info .info-item.asset-item[data-v-975240da] {
    background: rgba(63, 66, 74, .6);
    border-radius: 10px;
    gap: 5px;
    height: 40px;
    padding: 0 10px;
    position: relative
}

.aichat-head .info .info-item.handle-item[data-v-975240da] {
    position: relative
}

.aichat-head .info .info-item.handle-item .handle-icon[data-v-975240da] {
    background: #000;
    border-radius: 50%;
    color: #d9d9d9;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    width: 40px
}

.aichat-head .info .info-item.handle-item .handle-icon[data-v-975240da]:hover {
    color: #fff;
    font-size: 26px;
    line-height: 24px
}

.aichat-head .info .info-item.vip-item[data-v-975240da] {
    margin: 0 5px
}

.aichat-head .info .info-item .handle-menu[data-v-975240da] {
    height: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 40px;
    transition: all .3s ease;
    z-index: 5
}

.aichat-head .info .info-item .handle-menu .menu-list[data-v-975240da] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    color: #fff;
    margin-top: 10px;
    padding: 10px 15px;
    width: 300px
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item[data-v-975240da] {
    height: 40px;
    padding: 0 10px
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item .el-tooltip[data-v-975240da] {
    color: #fff
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item > div[data-v-975240da] {
    align-items: center;
    display: flex;
    gap: 10px
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item > div[data-v-975240da]:first-child {
    flex: 1
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item i[data-v-975240da] {
    font-size: 24px
}

.aichat-head .info .info-item .handle-menu .menu-list .menu-item[data-v-975240da]:hover {
    background-color: rgba(75, 78, 87, .6);
    border-radius: 10px
}

.aichat-head .info .info-item .handle-menu .menu-list .last-menu-item[data-v-975240da] {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    color: #dc2626;
    margin-top: 5px
}

.aichat-head .info .info-item .handle-menu .menu-list .last-menu-item[data-v-975240da]:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border-radius: 0
}

.aichat-head .info .info-item .handle-menu-mode .menu-list[data-v-975240da] {
    width: 268px
}

.aichat-head .info .info-item .handle-menu-mode .menu-list .icon-gou[data-v-975240da] {
    font-size: 16px
}

.aichat-head .info .info-item .handle-menu-mode .menu-list .el-icon-info-black[data-v-975240da] {
    color: #c0d0f1 !important
}

.aichat-head .info .info-item .handle-menu-mode .menu-list .menu-item-active[data-v-975240da] {
    background-color: rgba(75, 78, 87, .6);
    border-radius: 10px
}

.aichat-head .info .info-item .handle-menu-mode .menu-list .new-img[data-v-975240da] {
    background-color: #ca3d35;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px
}

.aichat-head .info .info-item .mode-item[data-v-975240da] {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.aichat-head .info .info-item .el-icon-arrow-down[data-v-975240da] {
    color: #fff
}

.aichat-head .info .info-item .icon-active[data-v-975240da] {
    transform: rotate(180deg)
}

.aichat-head .info .info-item > img[data-v-975240da] {
    width: 24px
}

.aichat-head .info .info-item > span[data-v-975240da] {
    color: #c6c6ce;
    font-size: 14px
}

.aichat-head .info .info-item:hover > img[data-v-975240da] {
    transform: scale(1.2)
}

.dark-select[data-v-975240da] input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.dark-select[data-v-975240da] input::-moz-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.dark-select[data-v-975240da] input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.dark-select[data-v-975240da] .el-input, .dark-select[data-v-975240da] .el-input__inner, .dark-select[data-v-975240da] .el-select {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .5);
    text-align: left
}

.dark-select[data-v-975240da] .el-input__inner:hover {
    background-color: hsla(0, 0%, 100%, .12)
}

.dark-select[data-v-975240da] .el-select .el-input .el-select__caret {
    color: hsla(0, 0%, 100%, .5)
}

.dark-select[data-v-975240da] .el-scrollbar__wrap {
    margin-bottom: -16px !important
}

.dark-select[data-v-975240da] .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: rgba(43, 45, 55, .8);
    z-index: 9999
}

.dark-select[data-v-975240da] .popper__arrow {
    border: none
}

.dark-select[data-v-975240da] .el-select-dropdown {
    background: rgba(43, 45, 55, .8) !important;
    border: none !important;
    z-index: 9999
}

.dark-select[data-v-975240da] .el-select-dropdown__item {
    color: hsla(0, 0%, 100%, .5) !important;
    z-index: 9999
}

.dark-select[data-v-975240da] .el-select-dropdown__item.selected span {
    color: hsla(0, 0%, 100%, .8) !important;
    z-index: 9999
}

.dark-select[data-v-975240da] .el-select-dropdown__item.hover {
    background-color: hsla(0, 0%, 100%, .06);
    color: hsla(0, 0%, 100%, .8) !important;
    z-index: 9999
}

.dark-select[data-v-975240da] .el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 10px
}

.dark-select[data-v-975240da] .el-select-dropdown__wrap {
    max-height: 200px
}

.aichat-last[data-v-d1cd0392] {
    display: flex;
    flex-flow: column;
    gap: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 80px;
    width: 100%;
    z-index: 5
}

.aichat-last > i[data-v-d1cd0392] {
    background: #000;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    width: 48px
}

.aichat-last .last-panel[data-v-d1cd0392] {
    cursor: pointer;
    max-height: 550px
}

.aichat-last .last-panel .last-title[data-v-d1cd0392] {
    box-sizing: border-box;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    width: 120px;
    z-index: 4
}

.aichat-last .last-panel .last-title i[data-v-d1cd0392] {
    transition: all .2s ease
}

.aichat-last .last-panel .last-list[data-v-d1cd0392] {
    display: flex;
    flex-flow: column;
    gap: 10px;
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease
}

.aichat-last .last-panel .last-list span[data-v-d1cd0392] {
    background-color: hsla(0, 0%, 80%, .52);
    background-image: url(https://storage.googleapis.com/syr-art-prod-character-images/8029d4b0-b91b-43e8-9c56-9f666ac73bbf.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 56px;
    width: 56px
}

.aichat-last .last-panel.off-panel .last-title i[data-v-d1cd0392] {
    transform: rotate(180deg)
}

.aichat-last .last-panel.off-panel .last-list[data-v-d1cd0392] {
    max-height: 500px
}

.c-pick-work-modal {
    background: #1a1d1f;
    border-radius: 20px;
    height: 80vh;
    margin-top: 5vh !important;
    padding: 24px;
    width: 1292px
}

.c-pick-work-modal .el-dialog__header {
    display: none
}

.c-pick-work-modal .el-dialog__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.c-pick-work-modal .pick-work-modal-header {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}

.c-pick-work-modal .pick-work-modal-body {
    display: flex;
    flex: 1;
    flex-direction: column
}

.c-pick-work-modal .pick-work-modal-header-item {
    align-items: center;
    display: flex
}

.c-pick-work-modal .pick-work-modal-header-item .header-item-btn {
    background: #2d3446;
    border: 1px solid #353e57;
    border-radius: 8px;
    color: #fcfcfc;
    cursor: pointer;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 32px
}

.c-pick-work-modal .pick-work-modal-header-item .header-item-btn-gradient {
    background: linear-gradient(81deg, #3f8fff, #21feff)
}

.c-pick-work-modal .pick-work-modal-header-item .header-item-btn + .header-item-btn {
    margin-left: 12px
}

.c-pick-work-modal .header-item-text {
    color: #fcfcfc;
    font-family: Inter-Medium, Inter;
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px
}

.c-pick-work-modal .header-item-text-tip {
    color: #777e91;
    cursor: pointer;
    font-size: 16px;
    margin-right: 6px
}

.c-pick-work-modal .header-item-desc-text {
    color: #777e90;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.c-pick-work-modal .search-box {
    align-items: center;
    display: flex;
    margin-top: 21px
}

.c-pick-work-modal .search-box__search-input {
    width: 256px
}

.c-pick-work-modal .search-box__search-input .el-input__inner {
    background: #2d3245;
    border-color: transparent;
    color: #fff;
    height: 32px;
    padding-left: 20px
}

.c-pick-work-modal .search-box__search-input .el-input__suffix {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 5px
}

.c-pick-work-modal .search-box__search-input .search-icon {
    fill: #fff;
    font-size: 26px
}

.c-pick-work-modal .handle-work-scroll-list {
    display: flex;
    flex: 1;
    margin-top: 24px;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px
}

.c-pick-work-modal .wraper {
    width: 100%
}

.p-tavern-new-character[data-v-0ca38d17] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.p-tavern-new-character .bottom-btn-box[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 66px;
    justify-content: flex-end;
    margin-top: 6px
}

.p-tavern-new-character .bottom-btn-box .bottom-btn-box-btn[data-v-0ca38d17] {
    align-items: center;
    background: #24262a;
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fcfcfc;
    cursor: pointer;
    display: flex;
    font-family: Inter;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    padding: 10px 16px
}

.p-tavern-new-character .bottom-btn-box .bottom-btn-box-border[data-v-0ca38d17] {
    border-color: hsla(0, 0%, 100%, .7)
}

.p-tavern-new-character .bottom-btn-box .bottom-btn-box-bg[data-v-0ca38d17] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: none;
    padding: 11px 16px
}

.p-tavern-new-character .tavern-new-character-scroll[data-v-0ca38d17] {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    position: relative;
    width: 100%
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs[data-v-0ca38d17] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    padding: 20px 0 30px;
    z-index: 20
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item[data-v-0ca38d17] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2.5px;
    justify-content: flex-start
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text[data-v-0ca38d17] {
    align-items: center;
    color: rgba(255, 253, 245, .8);
    display: flex;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-0ca38d17] {
    color: rgba(255, 253, 245, .8);
    font-size: 22px;
    margin-right: 4px
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-text-sub[data-v-0ca38d17] {
    color: rgba(255, 253, 245, .8);
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tips-box[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 8px
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-0ca38d17] {
    color: rgba(255, 253, 245, .8);
    font-size: 20px
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .tavern-tabs-item .tavern-tabs-item-line[data-v-0ca38d17] {
    border: 1px solid;
    -o-border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2;
    border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2;
    box-sizing: border-box;
    height: 0;
    visibility: hidden;
    width: 100%
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-0ca38d17], .p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-0ca38d17], .p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text[data-v-0ca38d17] {
    color: #fff
}

.p-tavern-new-character .tavern-new-character-scroll .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-line[data-v-0ca38d17] {
    visibility: visible
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-0ca38d17] {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-0ca38d17] {
    align-items: center;
    background: rgba(63, 66, 74, .7);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 0 96px;
    height: 96px;
    justify-content: center;
    position: relative;
    width: 96px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar img[data-v-0ca38d17] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .image-upload-trigger[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-0ca38d17] .image-upload {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 4
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-0ca38d17] .el-upload {
    height: 100%;
    width: 100%
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .add-role-avatar-icon[data-v-0ca38d17] {
    color: #626468;
    font-size: 75px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .el-image-viewer__close[data-v-0ca38d17] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .el-image-viewer__close .el-icon-close[data-v-0ca38d17] {
    color: #fff;
    font-size: 16px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-item-content[data-v-0ca38d17] {
    display: flex;
    flex: 1
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-item-content[data-v-0ca38d17] .el-input__inner {
    padding-right: 50px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-0ca38d17] {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    flex: 1;
    justify-content: space-between;
    margin-bottom: 22px;
    margin-left: 10px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-0ca38d17] .el-checkbox__inner {
    background: rgba(63, 66, 74, .6);
    border: 1px solid #414243;
    border-radius: 4px;
    height: 16px;
    width: 16px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-0ca38d17] .el-checkbox__label {
    color: #cfd3dc !important;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box .form-operate-box-btn[data-v-0ca38d17] {
    color: #cfd3dc;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-0ca38d17] .el-input__count, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-0ca38d17] .el-input__count-inner, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-0ca38d17] .el-input__suffix, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-0ca38d17] .el-input__suffix-inner {
    background-color: transparent !important
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .custom-form[data-v-0ca38d17] .el-form-item__label {
    display: inline-flex
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .custom-form[data-v-0ca38d17] .el-input__inner {
    background: rgba(30, 32, 32, .8);
    border: transparent !important;
    border-radius: 6px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .custom-form[data-v-0ca38d17] .text-area-min-height .el-textarea__inner {
    background: rgba(30, 32, 32, .8);
    border-color: transparent !important;
    border-radius: 6px;
    min-height: 116px !important
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .custom-form[data-v-0ca38d17] .el-textarea .el-input__count {
    background: rgba(30, 32, 32, .8) !important;
    border-radius: 12px;
    bottom: 5px;
    color: #c0c4cc;
    font-size: 14px;
    line-height: 14px;
    padding: 4px;
    position: absolute;
    right: 12px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    gap: 10px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box .upload-config-icon-box[data-v-0ca38d17] {
    align-items: center;
    background: #161819;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box .upload-config-icon-box svg[data-v-0ca38d17] {
    color: #efefef;
    font-size: 24px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .import-json-error p[data-v-0ca38d17] {
    color: #ef4444;
    font-size: 15px;
    margin-top: 5px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .category-box .category-box-grid[data-v-0ca38d17] {
    grid-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .category-box[data-v-0ca38d17] .el-checkbox__inner {
    background: rgba(63, 66, 74, .6);
    border: 1px solid #414243;
    border-radius: 4px;
    height: 16px;
    width: 16px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .category-box[data-v-0ca38d17] .el-checkbox__label {
    color: #cfd3dc !important;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .advanced-mode-switch .advanced-mode-switch-title[data-v-0ca38d17] {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    margin-right: 23px
}

.p-tavern-new-character .tavern-new-character-scroll .step-box .advanced-mode-switch .advanced-mode-switch-title[data-v-0ca38d17] .el-switch__core {
    transform: scale(1.2)
}

.p-tavern-new-character .new-role-box[data-v-0ca38d17] {
    width: 100%
}

.p-tavern-new-character .new-role-box[data-v-0ca38d17], .p-tavern-new-character .view-effect-box[data-v-0ca38d17] {
    --tw-backdrop-blur: blur(4px);
    background-color: rgba(0, 0, 0, .7);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%
}

.p-tavern-new-character .view-effect-box[data-v-0ca38d17] {
    gap: 16px;
    max-width: 598px;
    position: relative
}

.p-tavern-new-character .view-effect-box .tavern-new-character-scroll[data-v-0ca38d17] {
    position: inherit
}

.p-tavern-new-character .view-effect-box .new-character-box[data-v-0ca38d17] {
    margin-top: 16px
}

.p-tavern-new-character .view-effect-box .new-character-box .new-character-title[data-v-0ca38d17] {
    color: #fcfcfd;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.p-tavern-new-character .view-effect-box .new-character-box .new-character-subtitle[data-v-0ca38d17] {
    color: #cfcfcf;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 6px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box[data-v-0ca38d17] {
    display: flex;
    gap: 16px;
    margin-top: 18px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item[data-v-0ca38d17] {
    align-items: center;
    background: rgba(63, 66, 74, .7);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    min-height: 180px;
    min-width: 180px;
    width: 180px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .pick-item[data-v-0ca38d17] {
    cursor: pointer
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .pick-item svg[data-v-0ca38d17] {
    color: #cfcfcf;
    font-size: 16px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .pick-item .upload-item-text[data-v-0ca38d17] {
    color: #cfcfcf;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2[data-v-0ca38d17] {
    position: relative
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2 .image-upload-trigger[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2 .upload-item-text[data-v-0ca38d17], .p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2 svg[data-v-0ca38d17] {
    pointer-events: none;
    z-index: 2
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2[data-v-0ca38d17] .image-upload {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 4
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .upload-item-2[data-v-0ca38d17] .el-upload {
    height: 100%;
    width: 100%
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .show-result[data-v-0ca38d17] {
    position: relative
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .show-result img[data-v-0ca38d17] {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .show-result .el-image-viewer__close[data-v-0ca38d17] {
    align-items: center;
    background: rgba(28, 29, 42, .6);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px
}

.p-tavern-new-character .view-effect-box .new-character-box .upload-box .show-result .el-image-viewer__close .el-icon-close[data-v-0ca38d17] {
    color: #fff;
    font-size: 16px
}

.p-tavern-new-character .view-effect-box .bottom-place-item[data-v-0ca38d17] {
    height: 80px;
    visibility: hidden;
    width: 100%
}

.p-tavern-new-character .view-effect-box .bottom-btn-box[data-v-0ca38d17] {
    bottom: 10px;
    justify-content: space-between;
    left: 16px;
    position: absolute;
    width: calc(100% - 32px);
    z-index: 99
}

.p-tavern-new-character .view-effect-box-character-box[data-v-0ca38d17] {
    height: 100%;
    left: 50%;
    margin-top: 50px;
    max-width: 50%;
    pointer-events: none;
    position: absolute
}

.p-tavern-new-character .view-effect-box-character-box .view-effect-box-character-box-wrap[data-v-0ca38d17] {
    height: 100%;
    opacity: 0;
    width: 100%
}

.p-tavern-new-character .view-effect-box-character-box .character-image-box-content[data-v-0ca38d17] {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: bottom;
    object-position: bottom;
    transform-origin: bottom
}

.p-tavern-new-character .preview-box[data-v-0ca38d17] {
    --tw-backdrop-blur: blur(4px);
    background-color: rgba(0, 0, 0, .7);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.p-tavern-new-character .preview-box .step-box[data-v-0ca38d17] {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex: 1;
    position: relative
}

.p-tavern-new-character .preview-box .step-box .let-box[data-v-0ca38d17] {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 50%
}

.p-tavern-new-character .preview-box .step-box .right-box[data-v-0ca38d17] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    max-width: 50%
}

.p-tavern-new-character .preview-box .step-box .form-label-item[data-v-0ca38d17] {
    margin-top: 16px
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-title[data-v-0ca38d17] {
    color: #efefef;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab[data-v-0ca38d17] {
    background: #2e2f34;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin-top: 8px;
    padding: 5px
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div[data-v-0ca38d17] {
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    gap: 5px;
    width: 50%
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div span[data-v-0ca38d17] {
    background-image: url(/_nuxt/img/vip_icon.2ec5057.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div.active[data-v-0ca38d17] {
    background: #56595c;
    border-radius: 15px;
    color: #f1f5f9
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content2[data-v-0ca38d17] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 8px
}

.p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content2 .select-tag-item[data-v-0ca38d17] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border-radius: 6px;
    box-sizing: inherit;
    color: #fffdf5;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    padding: 8px 12px
}

.p-tavern-new-character .preview-box .step-box .other-form-params[data-v-0ca38d17] {
    background: rgba(63, 66, 74, .7);
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 16px;
    max-height: 511px;
    min-height: 511px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px
}

.p-tavern-new-character .preview-box .step-box .other-form-params p[data-v-0ca38d17] {
    margin: 0;
    padding: 0
}

.p-tavern-new-character .preview-box .step-box .other-form-params .other-form-params-item .other-form-params-item-title[data-v-0ca38d17] {
    color: #efefef;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px
}

.p-tavern-new-character .preview-box .step-box .other-form-params .other-form-params-item .other-form-params-item-sub-title[data-v-0ca38d17] {
    word-wrap: break-word;
    color: #cfcfcf;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.p-tavern-new-character .preview-box .step-box .character-view-box[data-v-0ca38d17] {
    align-items: center;
    background: rgba(63, 66, 74, .7);
    border-radius: 20px;
    display: flex;
    height: auto;
    justify-content: center;
    max-height: 511px;
    min-height: 511px;
    overflow: hidden;
    width: 100%
}

.p-tavern-new-character .preview-box .step-box .character-view-box[data-v-0ca38d17]:first-child {
    max-height: 268px;
    min-height: 268px
}

.p-tavern-new-character .preview-box .step-box .character-view-box img[data-v-0ca38d17] {
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.p-tavern-new-character .fade-in-linear-enter[data-v-0ca38d17] {
    animation: slide-0ca38d17 .6s;
    opacity: 1 !important
}

@keyframes slide-0ca38d17 {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.new-character-popover .content {
    align-items: center;
    background-color: rgba(30, 32, 32, .8);
    box-sizing: border-box;
    color: #fffdf5;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100%;
    padding: 20px;
    width: 100%
}

.new-character-popover .content a {
    color: #3f8dff
}

@keyframes switch-animate-3a908952 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tools-switch-animate-3a908952 {
    0% {
        height: 0;
        padding: 0 15px
    }
    to {
        height: 188px;
        padding: 40px 15px
    }
}

.landing-page[data-v-3a908952] {
    background: #0c0c0c;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.landing-page .btn[data-v-3a908952] {
    align-items: center;
    background: linear-gradient(90deg, #ec008c, #fc6767);
    border: 0;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    height: 64px;
    justify-content: center;
    width: 216px
}

.landing-page .btn .el-icon-right[data-v-3a908952] {
    font-size: 22px;
    margin-left: 13px
}

.landing-page .landing-page-header[data-v-3a908952] {
    position: fixed;
    top: 0;
    z-index: 1
}

.landing-page .page-one[data-v-3a908952] {
    align-content: space-evenly;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    padding-top: 90px;
    width: 100%
}

.landing-page .page-one .top[data-v-3a908952] {
    width: 100%
}

.landing-page .page-one .top .title[data-v-3a908952] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.landing-page .page-one .top .title .words[data-v-3a908952] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #32e1ea, #1dc2fd 26%, #ea83f1 57%, #ef7456);
    -webkit-background-clip: text;
    font-family: Inter;
    font-size: 60px;
    font-weight: 700;
    text-align: center
}

.landing-page .page-one .top .sub-title[data-v-3a908952] {
    box-sizing: border-box;
    color: #fff;
    font-family: Inter;
    font-size: 20px;
    line-height: 24px;
    margin-top: 15px;
    padding: 0 30px;
    text-align: center;
    width: 100%
}

.landing-page .page-one .video-box[data-v-3a908952] {
    align-items: center;
    display: flex;
    height: 55vh;
    justify-content: center;
    width: 100%
}

.landing-page .page-one .video-box .video[data-v-3a908952] {
    height: 55vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-current-time-display, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-fullscreen-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-play-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-timeline {
    display: none
}

.landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-enclosure, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-mute-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-time-remaining-display, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-toggle-closed-captions-button {
    display: none
}

.landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-volume-slider {
    display: none
}

.landing-page .page-one .btn[data-v-3a908952] {
    margin: 0 auto 30px
}

.landing-page .page-two[data-v-3a908952] {
    display: flex;
    width: 100%
}

.landing-page .page-two .left[data-v-3a908952] {
    margin-top: 310px;
    width: 50%
}

.landing-page .page-two .left .box[data-v-3a908952] {
    margin: 0 auto;
    width: 688px
}

.landing-page .page-two .left .box .title[data-v-3a908952] {
    color: #fff;
    font-family: Roboto;
    font-size: 52px;
    font-weight: 700;
    line-height: 72px;
    margin: 0 auto;
    text-align: center
}

.landing-page .page-two .left .box .sub-title[data-v-3a908952] {
    color: hsla(0, 0%, 100%, .8);
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    margin: 24px 140px 0;
    text-align: center
}

.landing-page .page-two .left .box .btn[data-v-3a908952] {
    margin: 46px auto 0
}

.landing-page .page-two .right[data-v-3a908952] {
    width: 50%
}

.landing-page .page-two .right .img[data-v-3a908952] {
    height: 953px;
    margin: 58px 0 69px;
    width: 677px
}

.landing-page .page-three[data-v-3a908952] {
    background: url(/_nuxt/img/publicize-style-bg.244dfed.webp) no-repeat;
    background-position: right 0 top 0;
    background-size: 1104px 1188px;
    display: flex;
    height: 1188px;
    width: 100%
}

.landing-page .page-three .img-box .img[data-v-3a908952] {
    height: auto;
    margin: 241px 0 0 76px;
    max-width: 900px
}

.landing-page .page-three .content[data-v-3a908952] {
    flex: 1
}

.landing-page .page-three .content .box[data-v-3a908952] {
    margin-top: 315px;
    max-width: 610px;
    width: 100%
}

.landing-page .page-three .content .box .title[data-v-3a908952] {
    color: #fff;
    font-family: Sora;
    font-size: 52px;
    font-weight: 600;
    text-align: center
}

.landing-page .page-three .content .box .sub-title[data-v-3a908952] {
    color: #cac6dd;
    font-family: Sora;
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    margin: 24px 130px 0;
    text-align: center
}

.landing-page .page-three .content .box .btn[data-v-3a908952] {
    margin: 24px auto 0
}

.landing-page .page-four[data-v-3a908952] {
    margin-top: 30px;
    width: 100%
}

.landing-page .page-four .tabs[data-v-3a908952] {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

.landing-page .page-four .tabs .item-tab[data-v-3a908952] {
    box-sizing: border-box;
    cursor: pointer;
    height: 188px;
    margin: 0 12px;
    position: relative;
    width: 294px
}

.landing-page .page-four .tabs .item-tab .content[data-v-3a908952] {
    align-content: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 188px;
    left: 0;
    padding: 40px 15px;
    position: absolute;
    top: 0;
    width: 294px
}

.landing-page .page-four .tabs .item-tab .content .title[data-v-3a908952] {
    color: #fff;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 20px !important;
    font-weight: 400;
    width: 100%
}

.landing-page .page-four .tabs .item-tab .content .desc[data-v-3a908952] {
    color: #c3bfe9;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    width: 100%
}

.landing-page .page-four .tabs .item-tab[data-v-3a908952]:after {
    background: #2e2e2e;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.landing-page .page-four .tabs .item-tab.active[data-v-3a908952] {
    animation: tools-switch-animate-3a908952 1s ease-in-out;
    background: linear-gradient(180deg, #181526, rgba(15, 13, 22, 0))
}

.landing-page .page-four .tabs .item-tab.active[data-v-3a908952]:after {
    background: linear-gradient(63deg, #4093ff, #22feff)
}

.landing-page .page-four .tabs .item-tab.active .content .title[data-v-3a908952] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(93deg, #4992ff, #2fe9ff);
    -webkit-background-clip: text;
    font-weight: 600
}

.landing-page .page-four .tabs .item-tab.active .content .desc[data-v-3a908952] {
    color: #fff
}

.landing-page .page-four > .content[data-v-3a908952] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 570px;
    justify-content: space-between;
    margin: 36px auto 0;
    max-width: 100%;
    padding-right: 50px;
    width: 1229px
}

.landing-page .page-four > .content.animate[data-v-3a908952] {
    animation: switch-animate-3a908952 3s
}

.landing-page .page-four > .content .left[data-v-3a908952] {
    box-sizing: border-box;
    height: 100%;
    width: 605px
}

.landing-page .page-four > .content .left .video[data-v-3a908952] {
    border-radius: 24px;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.landing-page .page-four > .content .right[data-v-3a908952] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 512px
}

.landing-page .page-four > .content .right .title[data-v-3a908952] {
    color: #fff;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 38px !important;
    font-weight: 700;
    margin: 24px 0 30px;
    width: 100%
}

.landing-page .page-four > .content .right .desc[data-v-3a908952] {
    color: #ada8c3;
    font-family: Sora-Light, Sora;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 100%
}

.landing-page .page-four > .content .right .btn[data-v-3a908952] {
    margin-top: 40px
}

.landing-page .page-five[data-v-3a908952] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 1080px;
    margin-top: 150px;
    position: relative;
    width: 100%
}

.landing-page .page-five .mask[data-v-3a908952] {
    align-items: center;
    background: hsla(0, 0%, 5%, .8);
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media (min-width: 0)and (max-width: 1500px) {
    .landing-page .title[data-v-3a908952] {
        font-size: 45px !important
    }

    .landing-page .sub-title[data-v-3a908952] {
        font-size: 20px !important
    }

    .landing-page .page-one .title .words[data-v-3a908952] {
        font-size: 45px !important
    }

    .landing-page .page-one .video-box .video[data-v-3a908952] {
        max-height: 390px;
        width: auto
    }

    .landing-page .page-two .left .box[data-v-3a908952] {
        width: 100%
    }

    .landing-page .page-two .left .box .title[data-v-3a908952] {
        box-sizing: border-box;
        padding: 0 30px
    }

    .landing-page .page-two .right .img[data-v-3a908952] {
        height: auto;
        width: 100%
    }

    .landing-page .page-three .content .box[data-v-3a908952] {
        width: 420px
    }

    .landing-page .page-three .content .box .sub-title[data-v-3a908952] {
        margin: 24px 70px 0
    }
}

div[data-v-4f34ea47] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 100vh;
    justify-content: center;
    transform: translateX(-5%);
    width: 100%
}

.chat-item[data-v-2d566c0e] {
    padding: 10px 0
}

.chat-item .chat-item-avatar[data-v-2d566c0e] {
    border-radius: 50%;
    flex-shrink: 0;
    height: 36px;
    overflow: hidden;
    width: 36px
}

.chat-item .chat-item-avatar.round[data-v-2d566c0e] {
    border-radius: 50%
}

.chat-item .chat-item-avatar img[data-v-2d566c0e] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.chat-item .chat-item-avatar .letter[data-v-2d566c0e] {
    background: #343844;
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

.chat-item .chat-item-content[data-v-2d566c0e] {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 85%
}

.chat-item .chat-item-content.m-l[data-v-2d566c0e] {
    margin-left: 20px
}

.chat-item .chat-item-content.m-r[data-v-2d566c0e] {
    margin-right: 10px
}

.chat-item .chat-item-content .chat-item-content-time[data-v-2d566c0e] {
    color: #8f92a1;
    font-size: 12px;
    letter-spacing: 1px
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body[data-v-2d566c0e] {
    background: hsla(0, 0%, 100%, .051);
    background: linear-gradient(105deg, #e970c7, #4481b2 99%);
    border-radius: 10px;
    margin-top: 5px;
    padding: 9px
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-text[data-v-2d566c0e] {
    color: hsla(0, 0%, 100%, .8);
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    line-height: 25px;
    white-space: normal
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img[data-v-2d566c0e] {
    flex-wrap: wrap;
    gap: 10px;
    max-width: 400px
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img .img[data-v-2d566c0e] {
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img .img img[data-v-2d566c0e] {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 200px
}

.chat-item .chat-item-content .chat-item-content-main.isUser[data-v-2d566c0e] {
    flex-direction: row-reverse
}

.chat-item .chat-item-content .chat-item-content-main.isUser .chat-item-content-body[data-v-2d566c0e] {
    background: hsla(0, 0%, 100%, .051)
}

.chat-item.isUser[data-v-2d566c0e] {
    flex-direction: row-reverse
}

.chat-item.isUser .chat-item-content[data-v-2d566c0e] {
    align-items: flex-end
}

.chat-item .chat-item-btns[data-v-2d566c0e] {
    flex-grow: 1;
    flex-wrap: nowrap;
    visibility: hidden
}

.chat-item .item-btn[data-v-2d566c0e] {
    background: transparent;
    border-radius: 4px;
    color: #5a5a68;
    cursor: pointer;
    flex-shrink: 0;
    height: 25px;
    margin: 0 3px;
    width: 25px
}

.chat-item .item-btn.copy[data-v-2d566c0e] {
    transform: scale(.9)
}

.chat-item .chat-item-star[data-v-2d566c0e] {
    width: 100%
}

.chat-item .chat-item-star .item-btn[data-v-2d566c0e]:hover {
    background: #222332;
    color: #c6c6d5
}

.chat-item:hover .chat-item-btns[data-v-2d566c0e] {
    visibility: visible
}

.chat-item:hover .chat-item-btns .item-btn[data-v-2d566c0e]:hover {
    background: #222332;
    color: #c6c6d5
}

.person-info[data-v-f0fec71a] {
    flex-shrink: 0;
    gap: 15px;
    width: 350px
}

.person-info .big-img[data-v-f0fec71a] {
    background: #eee;
    border-radius: 10px;
    height: 380px;
    overflow: hidden;
    width: 100%
}

.person-info .big-img .rotation-img[data-v-f0fec71a] {
    background: #000
}

.person-info .big-img img[data-v-f0fec71a] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.person-info .info-content[data-v-f0fec71a] {
    font-weight: 400;
    gap: 5px;
    padding: 0 20px
}

.person-info .info-content .title[data-v-f0fec71a] {
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 18px
}

.person-info .info-content .content[data-v-f0fec71a] {
    color: hsla(0, 0%, 100%, .8);
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 12px
}

.person-info .gallery[data-v-f0fec71a] {
    gap: 10px;
    padding: 0 20px
}

.person-info .gallery .title[data-v-f0fec71a] {
    color: #fff;
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 16px;
    font-weight: 400
}

.person-info .gallery .blur-imgs[data-v-f0fec71a] {
    gap: 15px
}

.person-info .gallery .blur-imgs .img[data-v-f0fec71a] {
    border-radius: 10px;
    height: 108px;
    overflow: hidden;
    position: relative;
    width: 30%
}

.person-info .gallery .blur-imgs .img img[data-v-f0fec71a] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.person-info .gallery .blur-imgs .img .diamond[data-v-f0fec71a] {
    background: linear-gradient(9deg, #449ade, #e770e9);
    border-radius: 50%;
    cursor: pointer;
    height: 34px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34px
}

.person-info .gallery .blur-imgs .img .diamond .diamond-img[data-v-f0fec71a] {
    transform: scale(.6);
    width: 100%
}

.person-info .gallery .more-btn[data-v-f0fec71a] {
    align-self: center;
    background: rgba(28, 29, 42, .6);
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    height: 32px;
    opacity: 1;
    width: 180px
}

.comming-soon-dialog .el-dialog {
    background: linear-gradient(0deg, #3f273d, #23242f);
    border: 1px solid #293045;
    border-radius: 30px;
    height: 420px;
    margin-top: 24vh !important;
    overflow: hidden;
    width: 740px
}

.comming-soon-dialog .el-dialog .el-dialog__header {
    display: none;
    padding: 20px 30px;
    position: relative;
    z-index: 20000
}

.comming-soon-dialog .el-dialog .el-dialog__header span {
    color: #fff;
    font-size: 16px
}

.comming-soon-dialog .el-dialog .el-dialog__body {
    padding: 0
}

.comming-soon-dialog .el-dialog .el-dialog__body .close-btn {
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px
}

.comming-soon-dialog .el-dialog .el-dialog__body .left-img {
    height: 420px;
    overflow: hidden;
    width: 50%
}

.comming-soon-dialog .el-dialog .el-dialog__body .left-img .blurImg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.comming-soon-dialog .el-dialog .el-dialog__body .right-content {
    box-sizing: border-box;
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 12px;
    gap: 15px;
    padding-left: 60px;
    width: 50%
}

.comming-soon-dialog .el-dialog .el-dialog__body .right-content .title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px
}

.comming-soon-dialog .el-dialog .el-dialog__body .right-content .mid-line {
    color: hsla(0, 0%, 100%, .6);
    font-weight: 400
}

.comming-soon-dialog .el-dialog .el-dialog__body .right-content .items {
    color: #fff;
    font-weight: 400;
    gap: 10px
}

.comming-soon-dialog .el-dialog .el-dialog__body .right-content .items .item .svg-icon {
    margin-right: 7px;
    transform: scale(1.2)
}

.comming-soon-dialog .dialog-btn button {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 120px
}

.comming-soon-dialog .dialog-btn button:first-child {
    background: #1e2435;
    border-color: #2d354b
}

.limit-dialog .main-part[data-v-1740b78d] {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px
}

.limit-dialog .main-part .title[data-v-1740b78d] {
    position: relative
}

.limit-dialog .main-part .title .img-part[data-v-1740b78d] {
    position: absolute;
    top: -120px;
    transform: scale(.6)
}

.limit-dialog .main-part .info[data-v-1740b78d] {
    color: #cfd3dc;
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    letter-spacing: 1px;
    margin: 20px 0;
    text-align: center
}

.limit-dialog .dialog-footer .my-dialog-btn[data-v-1740b78d] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    height: 38px;
    opacity: 1;
    width: 25%
}

.limit-dialog .dialog-footer .my-dialog-btn[data-v-1740b78d]:hover {
    filter: brightness(1.1)
}

.limit-dialog {
    background: url(/_nuxt/img/limit_bg.6918055.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: none;
    left: 50%;
    margin: 0 !important;
    outline: none;
    overflow: visible;
    overflow: initial;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 440px
}

.limit-dialog .el-dialog__header {
    background-color: transparent;
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 24px
}

.limit-dialog .el-dialog__header .el-dialog__headerbtn {
    top: -45px
}

.limit-dialog .el-dialog__header .el-icon-close {
    color: #64748b;
    font-size: 24px;
    font-weight: 600
}

.limit-dialog .el-dialog__body {
    padding: 20px 30px 0
}

.limit-dialog .el-dialog__footer {
    padding: 0 20px 10px
}

.chat-work-list[data-v-f175ac10] {
    gap: 15px;
    height: 100%;
    margin-top: 15px;
    width: 100%
}

.chat-work-list .channel-list[data-v-f175ac10] {
    background: radial-gradient(circle at right center, rgba(255, 89, 139, .278) -16%, #11131f 38%);
    border-radius: 10px;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 20px;
    position: relative;
    width: 290px
}

.chat-work-list .channel-list .channel-list-title[data-v-f175ac10] {
    background: #292e3c;
    border-radius: 10px;
    color: #048bff;
    color: hsla(250, 4%, 71%, .8);
    cursor: pointer;
    font-size: 14px;
    gap: 10px;
    height: 40px;
    left: 20px;
    padding: 0 10px;
    position: absolute;
    right: 20px
}

.chat-work-list .channel-list .channel-list-title[data-v-f175ac10]:hover {
    filter: brightness(1.1)
}

.chat-work-list .channel-list .channel-list-title .svg-add[data-v-f175ac10] {
    transform: scale(1.5)
}

.chat-work-list .channel-list .channel-list-title .text[data-v-f175ac10] {
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: 10px
}

.chat-work-list .channel-list .channel-list-title .btn[data-v-f175ac10] {
    background: hsla(0, 0%, 72%, .2);
    border-radius: 6px;
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    padding: 4px 7px;
    transform: scale(.88)
}

.chat-work-list .channel-list .channel-list-content[data-v-f175ac10] {
    margin-top: 40px;
    max-height: calc(100vh - 215px);
    overflow-y: auto
}

.chat-work-list .channel-list .channel-list-content .channel-list-top[data-v-f175ac10] {
    color: hsla(0, 0%, 100%, .8);
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 10px
}

.chat-work-list .channel-list .channel-list-item[data-v-f175ac10] {
    border-radius: 10px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    padding: 12px 17px
}

.chat-work-list .channel-list .channel-list-item.selected[data-v-f175ac10] {
    background: url(/_nuxt/img/selected.35fc616.webp) no-repeat 0 50%;
    background-size: cover;
    color: #fff
}

.chat-work-list .channel-list .channel-list-item.selected .chat-item-close[data-v-f175ac10], .chat-work-list .channel-list .channel-list-item.selected .chat-item-edit[data-v-f175ac10] {
    opacity: 1;
    visibility: visible
}

.chat-work-list .channel-list .channel-list-item.selected .channel-list-item__name .avatar[data-v-f175ac10] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(to bottom right, #c427fb, #22d7ff);
    background-origin: padding-box, border-box
}

.chat-work-list .channel-list .channel-list-item[data-v-f175ac10]:hover {
    outline: 1px solid hsla(0, 0%, 100%, .1)
}

.chat-work-list .channel-list .channel-list-item:hover .chat-item-close[data-v-f175ac10] {
    opacity: 1;
    visibility: visible
}

.chat-work-list .channel-list .channel-list-item .chat-item-close[data-v-f175ac10], .chat-work-list .channel-list .channel-list-item .chat-item-edit[data-v-f175ac10] {
    color: #8f92a1;
    opacity: 0;
    visibility: hidden
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name[data-v-f175ac10] {
    gap: 10px
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name .avatar[data-v-f175ac10] {
    border: 1px solid transparent;
    border-radius: 50%;
    flex-shrink: 0;
    height: 38px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 38px
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name .text[data-v-f175ac10] {
    font-family: "Arial-Regular", Arial, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    gap: 4px
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name .text .name[data-v-f175ac10] {
    color: hsla(0, 0%, 100%, .8)
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name .text .first-msg[data-v-f175ac10] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chat-work-list .channel-list .channel-list-item .channel-list-item_input[data-v-f175ac10] {
    position: relative;
    right: 10px
}

.chat-work-list .message-window[data-v-f175ac10] {
    background: #11131f;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - 130px);
    min-width: 575px
}

.chat-work-list .message-window .message-lists[data-v-f175ac10] {
    background: url(/_nuxt/img/bg.2b7e8a6.webp) no-repeat 0 50%;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.chat-work-list .message-window .message-lists .message-list[data-v-f175ac10] {
    overflow: auto;
    padding: 30px 10px 0
}

.chat-work-list .message-window .message-lists .message-list .fake-loading[data-v-f175ac10] {
    margin: 10px 20px
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .time[data-v-f175ac10] {
    color: #8f92a1;
    font-size: 12px;
    letter-spacing: 1px
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content[data-v-f175ac10] {
    background: linear-gradient(105deg, #e970c7, #4481b2 99%);
    border-radius: 10px;
    height: 25px;
    margin-top: 5px;
    padding: 9px;
    width: 100px
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading[data-v-f175ac10] {
    gap: 10px;
    height: 100%;
    position: relative;
    width: 100%
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line[data-v-f175ac10] {
    background: linear-gradient(180deg, #fb7f7f, #409eff);
    border-radius: 5px;
    bottom: 0;
    width: 8px
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line1[data-v-f175ac10] {
    animation: line-grow-f175ac10 .5s ease infinite alternate;
    left: 0
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line2[data-v-f175ac10] {
    animation: line-grow-f175ac10 .5s ease .2s infinite alternate;
    left: 20px
}

.chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line3[data-v-f175ac10] {
    animation: line-grow-f175ac10 .5s ease .4s infinite alternate;
    left: 40px
}

.chat-work-list .message-window .message-lists .middle-container[data-v-f175ac10] {
    align-self: center
}

.chat-work-list .message-window .message-lists .top-info[data-v-f175ac10] {
    background: #1c1d2a;
    flex-shrink: 0;
    height: 58px;
    padding: 0 17px
}

.chat-work-list .message-window .message-lists .top-info .person-info[data-v-f175ac10] {
    gap: 14px
}

.chat-work-list .message-window .message-lists .top-info .person-info .avatar[data-v-f175ac10] {
    border-radius: 50%;
    height: 42px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 42px
}

.chat-work-list .message-window .message-lists .top-info .r-btn[data-v-f175ac10] {
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer
}

.chat-work-list .message-window .message-lists .top-info .r-btn .hide-btn[data-v-f175ac10] {
    font-size: 14px;
    gap: 10px
}

.chat-work-list .message-window .message-form[data-v-f175ac10] {
    background: #151727;
    border-radius: 10px;
    position: relative
}

.chat-work-list .message-window .message-form .input-wrapper[data-v-f175ac10] {
    border-radius: 10px;
    flex-grow: 1;
    height: 100%
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-f175ac10] {
    height: 100%;
    outline: none
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-f175ac10] .el-textarea__inner {
    border: 1px solid transparent;
    line-height: 28px;
    min-height: 100% !important
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-f175ac10] .el-textarea__inner::-moz-placeholder {
    line-height: 28px
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-f175ac10] .el-textarea__inner::placeholder {
    line-height: 28px
}

.chat-work-list .message-window .message-form .svg-icon[data-v-f175ac10] {
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    margin-left: 5px;
    padding: 8px;
    width: 40px
}

.chat-work-list .message-window .message-form .svg-send[data-v-f175ac10] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1;
    margin-left: -1px
}

.chat-work-list .message-window .message-form .svg-delete[data-v-f175ac10] {
    background: rgba(224, 53, 11, .2);
    color: #792312
}

.chat-work-list .message-window .message-form .svg-delete[data-v-f175ac10], .chat-work-list .message-window .message-form .svg-send[data-v-f175ac10] {
    cursor: pointer
}

.chat-work-list .message-window .message-form .svg-delete.disabled[data-v-f175ac10], .chat-work-list .message-window .message-form .svg-send.disabled[data-v-f175ac10] {
    cursor: not-allowed
}

.chat-work-list .message-window .message-form .stop-content[data-v-f175ac10] {
    border-radius: 10px;
    left: 50%;
    position: absolute;
    top: -60px;
    transform: translateX(-50%)
}

.chat-work-list .message-window .message-form .stop-content .stop-btn[data-v-f175ac10] {
    background: rgba(255, 153, 31, .2);
    padding: 0
}

.chat-work-list .dialog[data-v-f175ac10] {
    word-wrap: break-word;
    display: inline-block;
    font-size: 12px;
    white-space: break-spaces
}

@keyframes line-grow-f175ac10 {
    0% {
        height: 0
    }
    to {
        height: 75%
    }
}

.person-chat[data-v-7379b596] {
    flex-grow: 1;
    gap: 10px
}

.SubjectTip[data-v-0a5be365] {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    height: calc(100vh - 120px);
    justify-content: center;
    overflow-y: scroll;
    padding: 10px
}

.cnt[data-v-0a5be365] {
    width: 60%
}

.row[data-v-0a5be365] {
    margin-bottom: 40px
}

.row[data-v-0a5be365]:last-child {
    margin-bottom: 0
}

.row .title[data-v-0a5be365] {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

.row .subTitle[data-v-0a5be365] {
    color: hsla(0, 0%, 100%, .52);
    font-size: 14px;
    margin-bottom: 15px
}

.list[data-v-0a5be365] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: -10px
}

.list .cell[data-v-0a5be365] {
    height: 129px;
    padding: 10px;
    width: 140px
}

.list .cell .item[data-v-0a5be365] {
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    padding: 10px;
    position: relative;
    width: 100%
}

.list .cell .item .collect[data-v-0a5be365] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.list .cell .item .collect .svg-icon[data-v-0a5be365] {
    font-size: 17px
}

.list .cell .item .iconBox[data-v-0a5be365] {
    margin-top: 25px
}

.list .cell .item .iconBox .svg-icon[data-v-0a5be365] {
    font-size: 24px
}

.list .cell .item .prompTitle[data-v-0a5be365] {
    color: #fff;
    font-size: 12px;
    margin-top: 15px
}

.main[data-v-0a5be365] {
    color: #fff
}

.main .head[data-v-0a5be365] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.main .head .svg-icon[data-v-0a5be365] {
    font-size: 30px
}

.main .head .tit[data-v-0a5be365] {
    font-size: 24px;
    margin-top: 10px
}

.main .head .subTit[data-v-0a5be365] {
    color: hsla(0, 0%, 100%, .52);
    font-size: 12px;
    margin-top: 10px
}

.main .addTit[data-v-0a5be365] {
    font-size: 28px
}

.main .addSubTit[data-v-0a5be365] {
    color: hsla(0, 0%, 100%, .52);
    font-size: 18px;
    margin-top: 10px
}

.add[data-v-0a5be365] {
    align-items: center;
    background-color: #13c0ad;
    border-radius: 100%;
    bottom: 60px;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: fixed;
    right: 20px;
    width: 50px
}

.add i[data-v-0a5be365] {
    color: #fff;
    font-size: 25px
}

[data-v-0a5be365] .inputBox .el-textarea textarea {
    background-color: #1d2236;
    color: #fff;
    height: 200px;
    margin-top: 20px;
    width: 100%
}

[data-v-0a5be365] .inputBox .el-textarea .el-input__count {
    background-color: transparent;
    background-color: initial;
    color: #fff
}

.deletePop[data-v-0a5be365] {
    color: red;
    cursor: pointer;
    margin-top: 10px;
    text-align: center
}

.colorSelect[data-v-0a5be365] {
    align-items: center;
    display: flex
}

.colorSelect div[data-v-0a5be365]:first-child {
    border-radius: 100%;
    height: 20px;
    width: 20px
}

.colorSelect div[data-v-0a5be365]:nth-child(2) {
    margin-left: 20px
}

[data-v-0a5be365] .form .el-form .el-input__inner {
    background-color: #1d2236;
    border: 1px solid transparent;
    color: #fff;
    width: 100%
}

[data-v-0a5be365] .form .el-form .el-input__inner:focus {
    border: 1px solid #293045
}

[data-v-0a5be365] .form .el-form .el-select {
    width: 100%
}

[data-v-0a5be365] .form .el-form .el-form-item__label {
    color: #fff
}

[data-v-0a5be365] .form .el-form .el-textarea textarea {
    background-color: #1d2236;
    color: #fff;
    height: 200px;
    width: 100%
}

[data-v-0a5be365] .form .el-form .el-textarea .el-input__count {
    background-color: transparent;
    background-color: initial;
    color: #fff
}

.bntitem[data-v-0a5be365] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-0a5be365] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-0a5be365]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-0a5be365]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-0a5be365]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-0a5be365]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-0a5be365]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-0a5be365]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.SaDialog .el-dialog__header {
    background-color: transparent;
    background-color: initial
}

.SaDialog .el-dialog__body .el-textarea__inner {
    border: 1px solid transparent
}

.SaDialog .el-dialog__body .el-textarea__inner:focus {
    border: 1px solid #293045
}

.chat-item[data-v-0c826e7d] {
    padding: 10px 0
}

.chat-item .chat-item-avatar[data-v-0c826e7d] {
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    width: 40px
}

.chat-item .chat-item-avatar.round[data-v-0c826e7d] {
    border-radius: 50%
}

.chat-item .chat-item-avatar img[data-v-0c826e7d] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.chat-item .chat-item-avatar .letter[data-v-0c826e7d] {
    background: #343844;
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

.chat-item .chat-item-content[data-v-0c826e7d] {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column
}

.chat-item .chat-item-content.m-l[data-v-0c826e7d] {
    margin-left: 10px
}

.chat-item .chat-item-content.m-r[data-v-0c826e7d] {
    margin-right: 10px
}

.chat-item .chat-item-content .chat-item-content-time[data-v-0c826e7d] {
    color: #8f92a1;
    font-size: 12px;
    letter-spacing: 1px
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body[data-v-0c826e7d] {
    background: hsla(0, 0%, 100%, .051);
    border-radius: 10px;
    margin-top: 5px;
    padding: 14px
}

.chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-text[data-v-0c826e7d] {
    color: hsla(0, 0%, 100%, .8);
    font-family: ArialMT, var(--font-family);
    font-size: 14px;
    line-height: 25px;
    white-space: normal
}

.chat-item .chat-item-content .chat-item-content-main.isUser[data-v-0c826e7d] {
    flex-direction: row-reverse
}

.chat-item .chat-item-content .chat-item-content-main.isUser .chat-item-content-body[data-v-0c826e7d] {
    background: rgba(0, 82, 204, .302);
    padding: 14px
}

.chat-item.isUser[data-v-0c826e7d] {
    flex-direction: row-reverse
}

.chat-item.isUser .chat-item-content[data-v-0c826e7d] {
    align-items: flex-end
}

.chat-item .chat-item-btns[data-v-0c826e7d] {
    flex-grow: 1;
    flex-wrap: nowrap;
    visibility: hidden
}

.chat-item .item-btn[data-v-0c826e7d] {
    background: transparent;
    border-radius: 4px;
    color: #5a5a68;
    cursor: pointer;
    flex-shrink: 0;
    height: 25px;
    margin: 0 3px;
    width: 25px
}

.chat-item .item-btn.copy[data-v-0c826e7d] {
    transform: scale(.9)
}

.chat-item .chat-item-star[data-v-0c826e7d] {
    width: 100%
}

.chat-item .chat-item-star .item-btn[data-v-0c826e7d]:hover {
    background: #222332;
    color: #c6c6d5
}

.chat-item:hover .chat-item-btns[data-v-0c826e7d] {
    visibility: visible
}

.chat-item:hover .chat-item-btns .item-btn[data-v-0c826e7d]:hover {
    background: #222332;
    color: #c6c6d5
}

.chat-item .code-block-wrapper {
    padding: 10px
}

.chat-item .code-block-header {
    align-items: center;
    background: #23241f;
    color: #b3b3b3;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 0
}

.chat-item .code-block-header .code-block-header__lang {
    margin-right: 10px
}

.chat-item .code-block-header .code-block-header__copy.hidden {
    visibility: hidden
}

.chat-item .code-block-header .code-block-header__copy:hover {
    color: #65a665
}

.chat-item-list[data-v-72486c02] {
    padding: 0 10px
}

.chat-item-list .middle-container[data-v-72486c02] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.chat-item-list .middle-container .ai-img[data-v-72486c02] {
    animation: updown-72486c02 2s linear infinite;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.chat-item-list .middle-container .text-content[data-v-72486c02] {
    justify-content: space-evenly;
    margin: 20px 0 25px;
    min-height: 70px;
    text-align: center
}

.chat-item-list .middle-container .text-content .ai-title[data-v-72486c02] {
    color: #fbfcfd;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    font-size: 28px;
    font-weight: 400
}

.chat-item-list .middle-container .text-content .ai-text[data-v-72486c02] {
    color: rgba(251, 252, 253, .43);
    font-family: ArialMT, var(--font-family);
    font-size: 16px
}

.chat-item-list .middle-container .btn-content[data-v-72486c02] {
    background-color: #202123;
    border-radius: 1rem;
    height: 56px;
    line-height: 24px;
    padding: 0 4px;
    width: 309px
}

.chat-item-list .middle-container .btn-content .switch-btn[data-v-72486c02] {
    background-color: transparent;
    border: none;
    border-radius: 10px;
    color: #94a3b8;
    cursor: pointer;
    font-weight: 500;
    height: 48px;
    outline: none;
    text-align: center;
    width: 148px
}

.chat-item-list .middle-container .btn-content .switch-btn .icon[data-v-72486c02] {
    font-size: 20px
}

.chat-item-list .middle-container .btn-content .switch-btn.active[data-v-72486c02] {
    background-color: #40414e;
    color: #f1f5f9
}

.chat-item-list .middle-container .btn-content .switch-btn.active .icon[data-v-72486c02] {
    color: #19c37d
}

.chat-item-list .middle-container .btn-content .switch-btn[data-v-72486c02]:hover {
    background-color: rgba(52, 57, 106, .2);
    color: #f1f5f9
}

.chat-item-list .middle-container .btn-content .switch-btn[data-v-72486c02]:active {
    background-color: rgba(52, 57, 106, .7);
    color: #f1f5f9
}

.chat-item-list .middle-container .btn-content .switch-btn.btn-advance[data-v-72486c02] {
    position: relative
}

.chat-item-list .middle-container .btn-content .switch-btn.btn-advance .btn-text[data-v-72486c02] {
    background: hsla(0, 0%, 100%, .09);
    border-radius: 5px;
    bottom: -40px;
    display: inline-block;
    font-size: 12px;
    left: 50%;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    transform: translateX(-50%);
    visibility: hidden;
    white-space: nowrap
}

.chat-item-list .middle-container .btn-content .switch-btn.btn-advance[data-v-72486c02]:hover {
    cursor: not-allowed
}

.chat-item-list .middle-container .btn-content .switch-btn.btn-advance:hover .btn-text[data-v-72486c02] {
    opacity: 1;
    visibility: visible
}

@keyframes updown-72486c02 {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-9px)
    }
    50% {
        transform: translateY(-12px)
    }
    80% {
        transform: translateY(-9px)
    }
    to {
        transform: translateY(2px)
    }
}

.chat-work-list[data-v-565ddceb] {
    height: 100%;
    margin-top: 15px;
    width: 100%
}

.chat-work-list .channel-list[data-v-565ddceb] {
    background: #11131f;
    border-radius: 10px;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 20px;
    position: relative;
    width: 290px
}

.chat-work-list .channel-list .channel-list-title[data-v-565ddceb] {
    border: 1px dashed #5780e2;
    border-radius: 10px;
    color: #048bff;
    left: 20px;
    position: absolute;
    right: 20px
}

.chat-work-list .channel-list .channel-list-title[data-v-565ddceb]:hover {
    background: #0c1339
}

.chat-work-list .channel-list .channel-list-title .text[data-v-565ddceb] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: 15px
}

.chat-work-list .channel-list .channel-list-content[data-v-565ddceb] {
    margin-top: 45px;
    max-height: calc(100vh - 215px);
    overflow-y: auto
}

.chat-work-list .channel-list .channel-list-item[data-v-565ddceb] {
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 10px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    margin-top: 18px;
    padding: 2px 17px
}

.chat-work-list .channel-list .channel-list-item.selected[data-v-565ddceb] {
    background: #2e3040;
    color: #fff
}

.chat-work-list .channel-list .channel-list-item.selected .chat-item-close[data-v-565ddceb], .chat-work-list .channel-list .channel-list-item.selected .chat-item-edit[data-v-565ddceb] {
    opacity: 1;
    visibility: visible
}

.chat-work-list .channel-list .channel-list-item[data-v-565ddceb]:hover {
    border: 1px solid hsla(0, 0%, 100%, .3)
}

.chat-work-list .channel-list .channel-list-item:hover .chat-item-close[data-v-565ddceb] {
    opacity: 1;
    visibility: visible
}

.chat-work-list .channel-list .channel-list-item .chat-item-close[data-v-565ddceb], .chat-work-list .channel-list .channel-list-item .chat-item-edit[data-v-565ddceb] {
    color: #8f92a1;
    opacity: 0;
    visibility: hidden
}

.chat-work-list .channel-list .channel-list-item .channel-list-item__name[data-v-565ddceb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chat-work-list .channel-list .channel-list-item .channel-list-item_input[data-v-565ddceb] {
    position: relative;
    right: 10px
}

.chat-work-list .channel-list .channel-list-item[data-v-565ddceb] .el-input__inner {
    background: transparent;
    border: 1px solid rgba(96, 98, 102, .451)
}

.chat-work-list .message-window[data-v-565ddceb] {
    background: #11131f;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - 130px);
    margin-left: 18px;
    min-width: 575px;
    padding: 10px
}

.chat-work-list .message-window.no-bg[data-v-565ddceb] {
    background: transparent;
    margin: 0;
    max-width: 65vw
}

.chat-work-list .message-window .message-list[data-v-565ddceb] {
    flex-grow: 1;
    overflow: auto;
    padding-bottom: 60px;
    position: relative
}

.chat-work-list .message-window .message-list .middle-container[data-v-565ddceb] {
    align-self: center
}

.chat-work-list .message-window .message-form[data-v-565ddceb] {
    background: #151727;
    border-radius: 10px;
    position: relative
}

.chat-work-list .message-window .message-form .input-wrapper[data-v-565ddceb] {
    border-radius: 10px;
    flex-grow: 1;
    height: 100%
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-565ddceb] {
    height: 100%;
    outline: none
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-565ddceb] .el-textarea__inner {
    border: 1px solid transparent;
    line-height: 28px;
    min-height: 100% !important
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-565ddceb] .el-textarea__inner::-moz-placeholder {
    line-height: 28px
}

.chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-565ddceb] .el-textarea__inner::placeholder {
    line-height: 28px
}

.chat-work-list .message-window .message-form .svg-icon[data-v-565ddceb] {
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    margin-left: 5px;
    padding: 8px;
    width: 40px
}

.chat-work-list .message-window .message-form .svg-send[data-v-565ddceb] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1;
    margin-left: -1px
}

.chat-work-list .message-window .message-form .svg-delete[data-v-565ddceb] {
    background: rgba(224, 53, 11, .2);
    color: #792312
}

.chat-work-list .message-window .message-form .svg-delete[data-v-565ddceb], .chat-work-list .message-window .message-form .svg-send[data-v-565ddceb] {
    cursor: pointer
}

.chat-work-list .message-window .message-form .svg-delete.disabled[data-v-565ddceb], .chat-work-list .message-window .message-form .svg-send.disabled[data-v-565ddceb] {
    cursor: not-allowed
}

.chat-work-list .message-window .message-form .stop-content[data-v-565ddceb] {
    border-radius: 10px;
    left: 50%;
    position: absolute;
    top: -60px;
    transform: translateX(-50%)
}

.chat-work-list .message-window .message-form .stop-content .stop-btn[data-v-565ddceb] {
    background: rgba(255, 153, 31, .2);
    padding: 0
}

.chat-work-list .dialog[data-v-565ddceb] {
    word-wrap: break-word;
    display: inline-block;
    font-size: 12px;
    white-space: break-spaces
}

.chat-gpt[data-v-3e72ffb6] {
    box-sizing: border-box;
    color: #fff;
    padding: 72px 0 0 12px;
    width: 100%
}

.chat-gpt .chat-tabs[data-v-3e72ffb6] {
    margin-top: 15px;
    max-width: 86px
}

.chat-gpt .chat-tabs .tab-btn[data-v-3e72ffb6] {
    background: rgba(25, 28, 34, .42);
    border: none;
    border-radius: 12px;
    color: #78819f;
    font-size: 13px;
    height: 76px;
    margin-left: 0;
    width: 76px
}

.chat-gpt .chat-tabs .tab-btn.active[data-v-3e72ffb6] {
    background: #2c303d;
    color: #fff
}

.chat-gpt .chat-tabs .tab-btn .tab-img[data-v-3e72ffb6] {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 30px
}

.chat-gpt .chat-tabs .tab-btn .tab-name[data-v-3e72ffb6] {
    white-space: pre-line;
    width: 80px
}

.message-window[data-v-41c48dfa] {
    background: transparent;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 130px);
    margin: 0 auto;
    max-width: 65vw;
    min-width: 575px;
    overflow-y: auto;
    padding: 10px
}

.message-window .middle-container[data-v-41c48dfa] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.message-window .middle-container .ai-img[data-v-41c48dfa] {
    animation: updown-41c48dfa 2s linear infinite;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.message-window .middle-container .text-content[data-v-41c48dfa] {
    justify-content: space-evenly;
    margin: 20px 0 25px;
    min-height: 70px;
    text-align: center
}

.message-window .middle-container .text-content .ai-title[data-v-41c48dfa] {
    color: #fbfcfd;
    font-family: "Arial-BoldMT", Arial, var(--font-family);
    font-size: 28px;
    font-weight: 400
}

.message-window .middle-container .text-content .ai-text[data-v-41c48dfa] {
    color: rgba(251, 252, 253, .43);
    font-family: ArialMT, var(--font-family);
    font-size: 16px
}

.message-window .middle-container .btn-content[data-v-41c48dfa] {
    background-color: #202123;
    border-radius: 1rem;
    height: 56px;
    line-height: 24px;
    padding: 0 4px;
    width: 309px
}

.message-window .middle-container .btn-content .switch-btn[data-v-41c48dfa] {
    background-color: transparent;
    border: none;
    border-radius: 10px;
    color: #94a3b8;
    cursor: pointer;
    font-weight: 500;
    height: 48px;
    outline: none;
    text-align: center;
    width: 148px
}

.message-window .middle-container .btn-content .switch-btn .icon[data-v-41c48dfa] {
    font-size: 20px
}

.message-window .middle-container .btn-content .switch-btn.active[data-v-41c48dfa] {
    background-color: #40414e;
    color: #f1f5f9
}

.message-window .middle-container .btn-content .switch-btn.active .icon[data-v-41c48dfa] {
    color: #19c37d
}

.message-window .middle-container .btn-content .switch-btn[data-v-41c48dfa]:hover {
    background-color: rgba(52, 57, 106, .2);
    color: #f1f5f9
}

.message-window .middle-container .btn-content .switch-btn[data-v-41c48dfa]:active {
    background-color: rgba(52, 57, 106, .7);
    color: #f1f5f9
}

.message-window .middle-container .btn-content .switch-btn.btn-advance[data-v-41c48dfa] {
    position: relative
}

.message-window .middle-container .btn-content .switch-btn.btn-advance .btn-text[data-v-41c48dfa] {
    background: hsla(0, 0%, 100%, .09);
    border-radius: 5px;
    bottom: -40px;
    display: inline-block;
    font-size: 12px;
    left: 50%;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    transform: translateX(-50%);
    visibility: hidden;
    white-space: nowrap
}

.message-window .middle-container .btn-content .switch-btn.btn-advance[data-v-41c48dfa]:hover {
    cursor: not-allowed
}

.message-window .middle-container .btn-content .switch-btn.btn-advance:hover .btn-text[data-v-41c48dfa] {
    opacity: 1;
    visibility: visible
}

@keyframes updown-41c48dfa {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-9px)
    }
    50% {
        transform: translateY(-12px)
    }
    80% {
        transform: translateY(-9px)
    }
    to {
        transform: translateY(2px)
    }
}

.download-app[data-v-5e69cd3c] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 135px);
    padding: 72px 0 0 12px
}

.download-app .main[data-v-5e69cd3c] {
    gap: 20px;
    margin: 20px auto 0;
    max-width: 940px;
    position: relative;
    width: 60vw
}

.download-app .main .top-imgs img[data-v-5e69cd3c] {
    height: auto;
    width: 100%
}

.download-app .main .middle[data-v-5e69cd3c] {
    align-items: center;
    display: flex;
    justify-content: left
}

.download-app .main .middle .img-title[data-v-5e69cd3c] {
    max-width: 250px;
    width: 15vw
}

.download-app .main .middle .img-title img[data-v-5e69cd3c] {
    height: auto;
    width: 100%
}

.download-app .main .btns .btn-item[data-v-5e69cd3c] {
    height: 3.3vw
}

.download-app .main .btns .btn-item[data-v-5e69cd3c] .android-btn {
    background: hsla(0, 0%, 100%, .9);
    border-radius: 10px;
    flex-shrink: 0;
    height: 3.3vw;
    max-width: 250px;
    padding: 0;
    width: 15vw
}

.download-app .main .btns .btn-item[data-v-5e69cd3c] .android-btn .btn-content {
    color: #000;
    font-size: 22px;
    gap: 1vw
}

.download-app .main .btns .btn-item .qr-card[data-v-5e69cd3c] {
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 0 0 10px 10px;
    max-width: 230px;
    padding: 10px;
    transition: transform .3s ease-in-out;
    visibility: hidden;
    width: calc(15vw - 20px)
}

.download-app .main .btns .btn-item .qr-card .qr-img[data-v-5e69cd3c] {
    border-radius: 8px;
    flex-shrink: 0;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    width: 100%
}

.download-app .main .phone-content[data-v-5e69cd3c] {
    max-width: 500px;
    position: absolute;
    right: 30px;
    top: 40px;
    width: 30vw
}

.download-app .main .phone-content .phone[data-v-5e69cd3c] {
    height: auto;
    width: 100%
}

.download-popover .qr-card {
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 10px;
    max-width: 230px;
    padding: 10px;
    transition: transform .3s ease-in-out;
    width: calc(15vw - 20px)
}

.download-popover .qr-card .qr-img {
    border-radius: 8px;
    flex-shrink: 0;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    width: 100%
}

.notice-tab[data-v-61c0c888] {
    background-color: #212327;
    min-width: 200px;
    width: 26%
}

.notice-tab .title[data-v-61c0c888] {
    color: #e8ecef;
    font-family: "Inter-Semi Bold", Inter, var(--font-family);
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 24px;
    margin: 16px 16px 10px
}

.notice-tab .tabs[data-v-61c0c888] {
    flex-grow: 1;
    font-size: 16px;
    margin: 0 16px
}

.notice-tab .tabs .tab[data-v-61c0c888] {
    border-radius: 8px;
    color: rgba(232, 236, 239, .75);
    cursor: pointer;
    padding: 20px
}

.notice-tab .tabs .tab[data-v-61c0c888]:hover {
    color: hsla(0, 0%, 100%, .9)
}

.notice-tab .tabs .tab.active[data-v-61c0c888] {
    background: hsla(0, 0%, 100%, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05);
    color: #fff
}

.notice-tab .tabs .tab-left[data-v-61c0c888] {
    gap: 20px
}

.notice-tab .tabs .tab .tab-basic[data-v-61c0c888] {
    align-items: center;
    background-color: #f15a5a;
    color: #e8ecef;
    display: flex;
    font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family);
    font-size: 14px;
    justify-content: center
}

.notice-tab .tabs .tab .tab-num[data-v-61c0c888] {
    border-radius: 15px;
    padding: 2px 5px;
    width: 26px
}

.notice-tab .tabs .tab .tab-round[data-v-61c0c888] {
    border-radius: 50%;
    height: 20px;
    padding: 0;
    width: 20px
}

.notice-tab .read-all[data-v-61c0c888] {
    color: #6c7275;
    cursor: pointer;
    font-family: "PingFang SC", var(--font-family);
    font-size: 14px;
    font-weight: 400;
    gap: 12px;
    line-height: 24px;
    margin-bottom: 10px
}

.msg-head[data-v-7d941635] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis
}

.msg-head .head-event[data-v-7d941635] {
    display: inline-block;
    position: relative
}

.msg-head .head-event .head-start[data-v-7d941635] {
    gap: 8px;
    margin-right: 10px;
    position: relative
}

.msg-head .head-event .head-start .msg-desc[data-v-7d941635] {
    color: hsla(0, 0%, 100%, .5);
    margin-left: 32px
}

.msg-head .msg-content[data-v-7d941635] {
    color: hsla(0, 0%, 100%, .8)
}

.msg-head .card-user-avatar[data-v-7d941635] {
    align-items: center;
    background-color: #e9e9e9;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
    height: 24px;
    justify-content: center;
    position: absolute;
    width: 24px
}

.notice-item[data-v-3a9d8e07] {
    background-color: #212327;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 16px;
    padding: 20px
}

.notice-item .item-content[data-v-3a9d8e07] {
    color: hsla(0, 0%, 100%, .7);
    font-family: "Inter-Medium", Inter, var(--font-family);
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    position: relative
}

.notice-item .item-content .sys-content-title[data-v-3a9d8e07] {
    align-items: center;
    display: flex;
    gap: 16px;
    line-height: 32px
}

.notice-item .item-content .sys-content-title-text[data-v-3a9d8e07] {
    color: #fff;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700
}

.notice-item .item-content .sys-content-title-time[data-v-3a9d8e07] {
    color: hsla(0, 0%, 100%, .5);
    flex-grow: 1;
    font-family: "Inter-Regular", Inter, var(--font-family);
    font-weight: 400
}

.notice-item .item-content .item-content-main[data-v-3a9d8e07] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    min-height: 70px
}

.notice-item .item-content .item-content-main .name[data-v-3a9d8e07] {
    color: hsla(0, 0%, 100%, .8)
}

.notice-item .item-content .item-content-main .msg-time[data-v-3a9d8e07] {
    color: hsla(0, 0%, 100%, .5)
}

.notice-item .item-content .item-content-img[data-v-3a9d8e07] {
    background: #303133;
    border-radius: 10px;
    display: flex;
    flex-shrink: 0;
    width: 9.5%
}

.notice-item .item-content .item-content-img img[data-v-3a9d8e07] {
    border-radius: 10px;
    max-height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.notice-item .item-content .main-content[data-v-3a9d8e07] {
    color: hsla(0, 0%, 100%, .8);
    line-height: 24px;
    max-width: 750px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice-item .item-content .other-read-status[data-v-3a9d8e07], .notice-item .item-content .read-status[data-v-3a9d8e07] {
    background: #f05a5a;
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.notice-item .item-content .other-read-status.hide[data-v-3a9d8e07], .notice-item .item-content .read-status.hide[data-v-3a9d8e07] {
    opacity: 0
}

.notice-item .item-content .other-read-status[data-v-3a9d8e07] {
    align-self: flex-start;
    flex-shrink: 0
}

.notice-item .item-content .other-read-status.hide[data-v-3a9d8e07] {
    opacity: 0
}

.system-msg[data-v-132e9c1a] {
    font-family: Inter, var(--font-family);
    overflow-y: auto;
    padding: 24px 56px;
    width: 100%
}

.system-msg .notice__title[data-v-132e9c1a] {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.system-msg .notice__time[data-v-132e9c1a] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.system-msg .notice__content[data-v-132e9c1a] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    font-weight: 700;
    line-height: 32px
}

.notice[data-v-06f639a8] {
    display: flex;
    height: calc(100vh - 180px);
    margin: 30px 0;
    position: relative
}

.notice .notice-content[data-v-06f639a8] {
    background-color: #1a1b23;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
    width: 1200px
}

.notice .notice-content .notice-window[data-v-06f639a8] {
    flex: 1;
    padding: 24px 40px
}

.notice .notice-content .notice-window .notice-window-container[data-v-06f639a8] {
    height: 100%;
    overflow-y: auto
}

.notice .notice-content .notice-window .no-messages[data-v-06f639a8] {
    font-size: 100px;
    gap: 15px
}

.notice .notice-content .notice-window .no-messages .no-messages-text[data-v-06f639a8] {
    color: #707070;
    font-size: 14px
}

.notice .backIcon[data-v-06f639a8] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 52px;
    justify-content: center;
    left: -35px;
    position: absolute;
    top: 0;
    width: 52px
}

.notice .backIcon[data-v-06f639a8]:hover {
    background-color: #1c2433
}

.flex[data-v-033dae4f] {
    display: flex;
    justify-content: center
}

.blog-header[data-v-033dae4f] {
    background: linear-gradient(93deg, rgba(37, 113, 234, .3), rgba(113, 133, 208, .3) 29%, hsla(3, 80%, 80%, .3) 79%);
    color: #fff;
    height: 355px;
    padding-top: 56px;
    position: relative;
    width: 100%
}

.blog-header-top[data-v-033dae4f] {
    background: linear-gradient(180deg, #0a0b0a 3%, transparent);
    height: 117px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.blog-header-left[data-v-033dae4f] {
    color: #fff;
    font-family: Poppins;
    font-size: 58px;
    font-weight: 700;
    line-height: 80px;
    margin-right: 64px
}

.blog-header-left-title .text-top-gradient[data-v-033dae4f] {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, #00a2f6, #b4d7ff, #c584d1, #cc5ba1, #84008f);
    color: transparent
}

.blog-header-left-title .text-tips[data-v-033dae4f] {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 14px;
    width: 536px
}

.blog-header-left-title .text-btn[data-v-033dae4f] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 14px;
    cursor: pointer;
    font-size: 23px;
    height: 69px;
    line-height: 69px;
    margin-top: 35px;
    text-align: center;
    width: 224px
}

.blog-header-video[data-v-033dae4f] {
    background: rgba(0, 0, 0, .2);
    border-radius: 37px;
    cursor: pointer;
    height: 305px;
    margin-left: 64px;
    margin-top: -16px;
    position: relative;
    width: 617px
}

.blog-header-video-play[data-v-033dae4f] {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border-radius: 80px;
    display: flex;
    height: 80px;
    justify-content: center;
    left: 50%;
    line-height: 80px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px
}

.blog-header-video-play .iconfont[data-v-033dae4f] {
    font-size: 26px
}

.blog-header-video img[data-v-033dae4f] {
    border-radius: 37px;
    height: 305px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 617px
}

.dialog[data-v-033dae4f] {
    align-items: center;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2056
}

.dialog .el-icon-close[data-v-033dae4f] {
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px
}

.banner[data-v-0782c02a] {
    align-items: center;
    background: #141522;
    border-radius: 41px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 388px;
    justify-content: center;
    text-decoration: none;
    text-decoration: initial;
    width: 1200px
}

.banner-left[data-v-0782c02a] {
    height: 321px;
    width: 528px
}

.banner-left img[data-v-0782c02a] {
    border-radius: 14px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner-right[data-v-0782c02a] {
    display: flex;
    flex-direction: column;
    height: 324px;
    justify-content: space-between;
    margin-left: 28px;
    width: 584px
}

.banner-right-top[data-v-0782c02a] {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px
}

.banner-right-content[data-v-0782c02a] {
    color: #ececec;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 70px
}

.banner-right-bottom[data-v-0782c02a] {
    justify-content: space-between
}

.banner-right-bottom div[data-v-0782c02a], .banner-right-bottom[data-v-0782c02a] {
    align-items: center;
    display: flex
}

.banner-right-bottom img[data-v-0782c02a] {
    border-radius: 100%;
    height: 32px;
    width: 32px
}

.banner-right-bottom span[data-v-0782c02a] {
    color: #ececec;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 10px
}

.banner-right-bottom span[data-v-0782c02a]:last-child {
    margin-right: 40px
}

[data-v-0782c02a] .el-carousel {
    width: 100%
}

[data-v-0782c02a] .el-carousel__item {
    align-items: center;
    display: flex;
    height: 388px;
    justify-content: center
}

[data-v-0782c02a] .el-carousel__indicators--outside {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    line-height: 38px
}

[data-v-0782c02a] .el-carousel__indicator .el-carousel__button {
    background: #ced4da;
    border-radius: 100%;
    height: 10px;
    opacity: .5;
    width: 10px
}

[data-v-0782c02a] .el-carousel__indicator.is-active .el-carousel__button {
    background: #fff;
    border-radius: 100%;
    height: 14px;
    opacity: 1;
    width: 14px
}

.categroy[data-v-14bd9671] {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.categroy-title[data-v-14bd9671] {
    color: #fff;
    display: flex;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 700;
    justify-content: center;
    line-height: 45px;
    margin-bottom: 10px;
    margin-top: 54px;
    width: 100%
}

.categroy-title-content[data-v-14bd9671] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 1200px
}

.tag-list[data-v-14bd9671] {
    color: #fff;
    display: flex;
    gap: 15px;
    width: 1200px
}

.tag-list-item[data-v-14bd9671] {
    border: 2px solid #2b2e41;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    padding: 10px 16px
}

.tag-list-item span[data-v-14bd9671] {
    margin-left: 10px
}

.tag-list .active[data-v-14bd9671] {
    background-color: #fff;
    border: 2px solid #fff;
    color: #2b2e41
}

.categroy-list[data-v-14bd9671] {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns:1fr 1fr 1fr;
    margin-bottom: 80px;
    margin-top: 36px;
    width: 1200px
}

.categroy-list-item[data-v-14bd9671] {
    background: #1d1d1d;
    border-radius: 16px;
    box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
    text-decoration: none;
    text-decoration: initial
}

.categroy-list-item i.el-icon-time[data-v-14bd9671] {
    color: #fff
}

.categroy-list-item-img[data-v-14bd9671] {
    background: #d9d9d9;
    border-radius: 12px;
    height: 203px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 348px
}

.categroy-list-item-top[data-v-14bd9671] {
    border: 1px solid #4caa6c;
    border-radius: 4px;
    color: #4caa6c;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 3px 5px;
    width: -moz-fit-content;
    width: fit-content
}

.categroy-list-item-content[data-v-14bd9671] {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.categroy-list-item-bottom[data-v-14bd9671] {
    justify-content: space-between
}

.categroy-list-item-bottom div[data-v-14bd9671], .categroy-list-item-bottom[data-v-14bd9671] {
    align-items: center;
    display: flex
}

.categroy-list-item-bottom img[data-v-14bd9671] {
    border-radius: 100%;
    height: 32px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.categroy-list-item-bottom i[data-v-14bd9671] {
    margin-right: 10px
}

.categroy-list-item-bottom span[data-v-14bd9671] {
    color: #a5a5a5;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px
}

.defBox[data-v-14bd9671] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
    margin-top: -80px;
    width: 100%
}

.defBox img[data-v-14bd9671] {
    height: 142px;
    margin-bottom: 10px;
    width: 142px
}

.defBox span[data-v-14bd9671] {
    color: #aaacb3;
    font-size: 14px;
    margin-bottom: 16px
}

[data-v-14bd9671] .el-input__inner {
    background: #060707;
    border: 1px solid #2b2e41;
    border-radius: 10px;
    height: 44px
}

.blog[data-v-6d1e2a96] {
    width: 100%
}

.blog-title[data-v-6d1e2a96] {
    color: #fff;
    display: flex;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 700;
    justify-content: center;
    line-height: 45px;
    margin-bottom: 10px;
    margin-top: 54px;
    width: 100%
}

.blog-title-content[data-v-6d1e2a96] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 1200px
}

.blog-detail[data-v-73091066] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.blog-detail-content[data-v-73091066] {
    color: #fff;
    width: 1200px
}

.blog-detail-content .breadcrumb[data-v-73091066] {
    margin: 20px 0
}

.blog-detail-content h1[data-v-73091066] {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    line-height: 57px
}

.blog-detail-content-html[data-v-73091066] {
    color: #fff
}

.blog-detail-content .tips[data-v-73091066] {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 56px;
    justify-content: space-between
}

.blog-detail-content .tips .author[data-v-73091066] {
    margin-right: 25px
}

.blog-detail-content .tips .time[data-v-73091066] {
    color: #aca9bb;
    font-weight: 300;
    line-height: 21px
}

.blog-detail-content .meta[data-v-73091066] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    color: hsla(0, 0%, 100%, .8);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 28px;
    padding: 8px 0 20px
}

[data-v-73091066] .el-breadcrumb__inner {
    color: #00a4ff !important;
    cursor: pointer;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px
}

.Evaluate[data-v-4ba2de65] {
    color: #fff;
    display: flex;
    flex-direction: column
}

.Evaluate .score-box .score[data-v-4ba2de65], .Evaluate .score-box[data-v-4ba2de65] {
    align-items: center;
    display: flex
}

.Evaluate .score-box .score-num[data-v-4ba2de65] {
    background: #393e44;
    border-radius: 8px;
    color: #f1f5f9;
    font-size: 14px;
    margin-right: 16px;
    padding: 2px 6px
}

.Evaluate .score-play[data-v-4ba2de65] {
    align-items: center;
    background: #12121e;
    border-radius: 9px 9px 9px 9px;
    box-sizing: border-box;
    display: flex;
    height: 67px;
    justify-content: center;
    margin-left: 16px;
    width: 377px
}

.Evaluate .score-play span[data-v-4ba2de65] {
    color: #fefefe;
    font-size: 14px;
    margin: 0 20px 0 8px
}

.Evaluate .content[data-v-4ba2de65] {
    height: 100%;
    position: absolute;
    right: 0
}

.Evaluate .content .user-score .infinite[data-v-4ba2de65] {
    height: 100%
}

.Evaluate .content .user-score .list[data-v-4ba2de65] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    box-sizing: border-box;
    padding: 20px 0 20px 16px
}

.Evaluate .content .user-score .list .info[data-v-4ba2de65] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.Evaluate .content .user-score .list .info .avatar[data-v-4ba2de65] {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.Evaluate .content .user-score .list .info .info-detail[data-v-4ba2de65] {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.Evaluate .content .user-score .list .info .info-detail .name[data-v-4ba2de65] {
    color: #fefefe;
    font-size: 14px
}

.Evaluate .content .user-score .list .info .info-detail .date[data-v-4ba2de65] {
    color: #6c7275;
    font-size: 12px;
    margin-top: 4px
}

.Evaluate .content .user-score .list[data-v-4ba2de65] .el-rate__icon {
    font-size: 20px
}

[data-v-4ba2de65] .el-drawer {
    background: #191923
}

[data-v-4ba2de65] .el-rate {
    height: 30px
}

[data-v-4ba2de65] .el-drawer__header span {
    color: #fff;
    font-weight: 700
}

[data-v-4ba2de65] .el-rate__icon {
    font-size: 26px
}

ul[data-v-4ba2de65] {
    padding: 0
}

ul li[data-v-4ba2de65] {
    list-style-type: none
}

.image-tooltips[data-v-c598949e] {
    padding: 0 10px 10px;
    position: relative
}

.image-tooltips > i[data-v-c598949e] {
    color: #cbd5e1;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.image-tooltips .el-form-item[data-v-c598949e] {
    margin-bottom: 0
}

.image-tooltips .model-item[data-v-c598949e] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.image-tooltips .model-item label[data-v-c598949e] {
    color: #cbd5e1;
    margin-right: 20px
}

.image-tooltips .model-item span[data-v-c598949e] {
    background: #20293b;
    border-radius: 4px;
    color: #cbd5e1;
    flex: 1;
    line-height: 28px;
    overflow: hidden;
    padding: 6px 10px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.image-tooltips .cenerate-btn[data-v-c598949e] {
    margin-top: 10px;
    text-align: center
}

.image-tooltips .cenerate-btn button[data-v-c598949e] {
    display: inline-block;
    width: 90%
}

.image-tooltips[data-v-c598949e] .el-input-number .el-input__inner {
    text-align: right;
    width: 160px
}

.share-box svg[data-v-1c1b4498] {
    font-size: 26px
}

.share-list[data-v-1c1b4498] {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    min-width: 0;
    min-width: auto;
    padding: 10px
}

.share-list svg[data-v-1c1b4498] {
    color: #fff;
    cursor: pointer;
    font-size: 20px
}

.share-list svg[data-v-1c1b4498]:hover {
    transform: scale(1.1)
}

.tags-filter[data-v-b99e3182] {
    color: #fff;
    margin-bottom: 20px;
    position: relative
}

.tags-filter .left-icon[data-v-b99e3182], .tags-filter .right-icon[data-v-b99e3182] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 24px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 2
}

.tags-filter .left-icon i[data-v-b99e3182], .tags-filter .right-icon i[data-v-b99e3182] {
    font-size: 18px;
    font-weight: 700;
    z-index: 2
}

.tags-filter .left-icon[data-v-b99e3182]:before, .tags-filter .right-icon[data-v-b99e3182]:before {
    box-sizing: border-box;
    content: "";
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.tags-filter .left-icon[data-v-b99e3182] {
    left: 0;
    padding-left: 3px
}

.tags-filter .left-icon[data-v-b99e3182]:before {
    background: linear-gradient(90deg, #090c16, transparent);
    left: 0;
    padding-right: 24px
}

.tags-filter .right-icon[data-v-b99e3182] {
    right: 0
}

.tags-filter .right-icon[data-v-b99e3182]:before {
    background-image: linear-gradient(270deg, #090c16, transparent);
    padding-left: 24px;
    right: 0
}

.tags-filter .scroll-area[data-v-b99e3182] {
    overflow: auto;
    scrollbar-width: none;
    width: 100%
}

.tags-filter .scroll-area[data-v-b99e3182]::-webkit-scrollbar {
    display: none;
    width: 0
}

.tags-filter .scroll-area[data-v-b99e3182]::-ms-scrollbar {
    display: none;
    width: 0
}

.tags-filter .scroll-area .tags-content[data-v-b99e3182] {
    display: table
}

.tags-filter .tags-list[data-v-b99e3182] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    height: 24px;
    justify-content: flex-start;
    line-height: 24px;
    transition: all .3s
}

.tags-filter .tags-list .tags-item[data-v-b99e3182] {
    background-color: #343a40;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 26px;
    padding: 0 8px;
    text-align: left;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: pre;
    width: auto
}

.tags-filter .tags-list .tags-item[data-v-b99e3182]:hover {
    background-color: #212529
}

.tags-filter .tags-list .active[data-v-b99e3182], .tags-filter .tags-list .active[data-v-b99e3182]:hover {
    background: #475e95
}

.content_face[data-v-8c8881c0] {
    align-items: center;
    background: #24262a;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    height: 580px;
    left: 50%;
    margin-left: -405px;
    margin-top: -290px;
    position: absolute;
    top: 50%;
    width: 810px
}

.content_face .swiper[data-v-8c8881c0] {
    border-radius: 30px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.content_face .swiper .icon[data-v-8c8881c0] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 44px;
    line-height: 44px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 44px;
    z-index: 2
}

.content_face .swiper .left[data-v-8c8881c0] {
    left: 20px;
    opacity: 0
}

.content_face .swiper .right[data-v-8c8881c0] {
    opacity: 0;
    right: 20px
}

.content_face .swiper :hover .left[data-v-8c8881c0], .content_face .swiper :hover .right[data-v-8c8881c0] {
    opacity: 1;
    transition: .5s
}

.content_face .close-btn[data-v-8c8881c0] {
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    height: 24px;
    line-height: 20px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 15px;
    width: 24px;
    z-index: 99
}

.content_face .main[data-v-8c8881c0] {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.content_face .main .swiperItem .mask[data-v-8c8881c0] {
    background: linear-gradient(180deg, transparent, #000);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.content_face .main .banner[data-v-8c8881c0] {
    border-radius: 30px;
    height: 580px;
    width: 810px
}

.content_face .main .main_con[data-v-8c8881c0] {
    bottom: 162px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 2
}

.content_face .main .main_con .title[data-v-8c8881c0] {
    color: #f8f8f8;
    font-size: 38px;
    margin: 0 0 10px;
    text-align: center
}

.content_face .main .main_con .con[data-v-8c8881c0] {
    word-wrap: break-word;
    color: #c0c0c3;
    font-family: PingFang SC;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    margin: 0 auto;
    overflow-y: auto;
    text-align: center;
    width: 574px
}

.content_face .main .main_con .con[data-v-8c8881c0]::-webkit-scrollbar {
    display: none
}

.content_face .footer[data-v-8c8881c0] {
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99
}

.content_face .footer .button[data-v-8c8881c0] {
    display: flex;
    justify-content: center;
    margin-bottom: 36px
}

.content_face .footer .button .btn[data-v-8c8881c0] {
    border-radius: 8px 8px 8px 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 4px;
    text-align: center;
    width: 180px
}

.content_face .footer .button .btn_1[data-v-8c8881c0] {
    border: 1px solid hsla(0, 0%, 100%, .2);
    box-sizing: border-box;
    margin-right: 18px
}

.content_face .footer .button .btn_2[data-v-8c8881c0] {
    background: linear-gradient(90deg, #b16cea 14%, #ff5e69 45%, #ff8a56 72%, #ffa84b)
}

.content_face .footer .indicator[data-v-8c8881c0] {
    align-items: center;
    color: #787878;
    display: flex;
    font-size: 12px;
    justify-content: center
}

.content_face .footer .indicator .tips[data-v-8c8881c0] {
    background: hsla(0, 0%, 85%, .3);
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-left: 12px;
    width: 8px
}

.content_face .footer .indicator .tag_2[data-v-8c8881c0] {
    margin-left: 10px
}

.content_face .footer .selectTip[data-v-8c8881c0] {
    background: #d9d9d9 !important
}

[data-v-8c8881c0] .el-carousel__arrow {
    background: hsla(0, 0%, 100%, .1);
    font-size: 20px
}

.pointer[data-v-e83ffcf0] {
    cursor: pointer
}

.PublishPop[data-v-e83ffcf0] {
    background: #24262a;
    border-radius: 20px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 728px;
    left: 0;
    margin: auto;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 481px
}

.PublishPop .before .flex[data-v-e83ffcf0] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.PublishPop .before .pic[data-v-e83ffcf0] {
    border-radius: 16px;
    height: 440px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 440px
}

.PublishPop .before .inp[data-v-e83ffcf0] {
    height: 48px;
    width: 210px
}

.PublishPop .before .footer[data-v-e83ffcf0] {
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    height: 62px;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 10px;
    width: 441px
}

.PublishPop .before .footer .agree[data-v-e83ffcf0], .PublishPop .before .footer[data-v-e83ffcf0] {
    align-items: center;
    display: flex
}

.PublishPop .before .footer .agree span[data-v-e83ffcf0]:last-child {
    color: #6f767e;
    font-size: 12px;
    margin-left: 8px
}

.PublishPop .before .footer .agree .icon[data-v-e83ffcf0] {
    background: #202121;
    border: 1px solid #414243;
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    opacity: 1;
    text-align: center;
    width: 14px
}

.PublishPop .before .footer .agree .active[data-v-e83ffcf0]:after {
    color: #fff;
    content: "✓";
    font-size: 14px
}

.PublishPop .before .footer .button[data-v-e83ffcf0] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px
}

.PublishPop .before .footer .button .btn[data-v-e83ffcf0] {
    border-radius: 8px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 78px
}

.PublishPop .before .footer .button .cancel[data-v-e83ffcf0] {
    background: #1a1d1f;
    margin-right: 10px
}

.PublishPop .before .footer .button .publish[data-v-e83ffcf0] {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.PublishPop .after[data-v-e83ffcf0] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.PublishPop .after .close_publish[data-v-e83ffcf0] {
    position: absolute;
    right: 20px;
    top: 20px
}

.PublishPop .after .Group[data-v-e83ffcf0] {
    height: 50px;
    margin-bottom: 20px;
    width: 52px
}

.PublishPop .after .line_2[data-v-e83ffcf0] {
    color: #c0c0c3;
    margin: 6px 0 26px
}

.PublishPop .after .foot[data-v-e83ffcf0] {
    align-items: center;
    color: #4784ff;
    display: flex;
    justify-content: center;
    margin-top: 26px;
    width: 100%
}

.PublishPop .after .foot .share[data-v-e83ffcf0] {
    align-items: center;
    border-right: 1px solid hsla(0, 0%, 100%, .2);
    cursor: pointer;
    display: flex;
    padding-right: 24px
}

.PublishPop .after .foot .share span[data-v-e83ffcf0] {
    margin-left: 10px
}

.PublishPop .after .foot .view[data-v-e83ffcf0] {
    cursor: pointer;
    display: flex;
    padding-left: 24px
}

.PublishPop .after .foot .view span[data-v-e83ffcf0] {
    margin-left: 10px
}

[data-v-e83ffcf0] .el-form-item {
    margin-bottom: 0
}

[data-v-e83ffcf0] .el-form-item .el-form-item__label {
    color: #efefef;
    font-size: 14px
}

[data-v-e83ffcf0] .el-select-dropdown {
    z-index: 10001
}

[data-v-e83ffcf0] .el-input input {
    background: #1a1d1f;
    border: 2px solid #272b30;
    color: #636363;
    font-size: 14px
}

[data-v-e83ffcf0] .el-input input::-webkit-input-placeholder {
    color: #636363
}

[data-v-e83ffcf0] .el-input input::-moz-placeholder {
    color: #636363
}

.menu-item[data-v-89dcdf0e] {
    color: #91919c;
    font-size: 14px
}

.menu-item .menu-info[data-v-89dcdf0e] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 15px;
    height: 40px;
    justify-content: flex-start;
    padding-left: 10px;
    position: relative
}

.menu-item .menu-info svg[data-v-89dcdf0e] {
    font-size: 20px
}

.menu-item .menu-info i[data-v-89dcdf0e] {
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: 10px;
    transition: all .3s ease
}

.menu-item .menu-info.active[data-v-89dcdf0e], .menu-item .menu-info[data-v-89dcdf0e]:hover {
    background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5));
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05)
}

.menu-item .menu-child[data-v-89dcdf0e] {
    overflow: hidden;
    transition: all .3s ease
}

.menu-item .menu-child .menu-info[data-v-89dcdf0e] {
    padding-left: 25px
}

.menu-item .menu-child .menu-child .menu-info[data-v-89dcdf0e] {
    padding-left: 40px
}

.menu-item.sub-menu > .menu-info[data-v-89dcdf0e]:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: 0;
    box-shadow: none
}

.menu-item.open-item > .menu-info[data-v-89dcdf0e] {
    color: #53575b
}

.menu-item.zoom-item > .menu-info i[data-v-89dcdf0e] {
    transform: rotate(180deg);
    transition: all .3s ease
}

.menu-item.zoom-item > .menu-child[data-v-89dcdf0e] {
    height: 0
}

@keyframes rotate-4823f608 {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(.6)
    }
    to {
        transform: rotate(1turn) scale(1)
    }
}

.ball-clip-rotate-multiple[data-v-4823f608] {
    position: relative
}

.ball-clip-rotate-multiple > div[data-v-4823f608] {
    animation-fill-mode: both;
    animation: rotate-4823f608 1s ease-in-out 0s infinite;
    border-color: transparent #fff;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px
}

.ball-clip-rotate-multiple > div[data-v-4823f608]:last-child {
    animation-direction: reverse;
    animation-duration: .5s;
    border-color: #fff transparent;
    display: inline-block;
    height: 15px;
    left: 10px;
    top: 10px;
    width: 15px
}

@keyframes ball-triangle-path-1-0bc2020a {
    33% {
        transform: translate(25px, -50px)
    }
    66% {
        transform: translate(50px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes ball-triangle-path-2-0bc2020a {
    33% {
        transform: translate(25px, 50px)
    }
    66% {
        transform: translate(-25px, 50px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes ball-triangle-path-3-0bc2020a {
    33% {
        transform: translate(-50px)
    }
    66% {
        transform: translate(-25px, -50px)
    }
    to {
        transform: translate(0)
    }
}

.ball-triangle-path[data-v-0bc2020a] {
    position: relative;
    transform: translate(-25px, -25px)
}

.ball-triangle-path > div[data-v-0bc2020a]:first-child {
    animation-delay: 0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: ball-triangle-path-1-0bc2020a;
    animation-timing-function: ease-in-out
}

.ball-triangle-path > div[data-v-0bc2020a]:nth-child(2) {
    animation-delay: 0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: ball-triangle-path-2-0bc2020a;
    animation-timing-function: ease-in-out
}

.ball-triangle-path > div[data-v-0bc2020a]:nth-child(3) {
    animation-delay: 0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: ball-triangle-path-3-0bc2020a;
    animation-timing-function: ease-in-out
}

.ball-triangle-path > div[data-v-0bc2020a] {
    animation-fill-mode: both;
    border: 1px solid #fff;
    border-radius: 100%;
    height: 10px;
    position: absolute;
    width: 10px
}

.ball-triangle-path > div[data-v-0bc2020a]:first-of-type {
    top: 50px
}

.ball-triangle-path > div[data-v-0bc2020a]:nth-of-type(2) {
    left: 25px
}

.ball-triangle-path > div[data-v-0bc2020a]:nth-of-type(3) {
    left: 50px;
    top: 50px
}

.btn[data-v-e8aa6eda] {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    box-sizing: border-box;
    color: #303133;
    cursor: pointer;
    display: flex;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 24px;
    margin-bottom: 14px;
    outline: none;
    padding: 10px 0 10px 110px;
    position: relative;
    width: 343px
}

.btn[data-v-e8aa6eda]:hover {
    background-color: #f5f5f5
}

.btn[data-v-e8aa6eda]:active {
    background-color: #2a334c;
    border: 1px solid #577ae0;
    color: #fff
}

.btn.disabled[data-v-e8aa6eda] {
    cursor: not-allowed
}

.btn .svg-icon[data-v-e8aa6eda] {
    font-size: 24px;
    margin-right: 40px
}

.my-btn[data-v-e8aa6eda] {
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border: none;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .92);
    display: block;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    margin: 0 auto 70px;
    width: 343px
}

.my-btn[data-v-e8aa6eda]:hover {
    background-color: #494f80;
    border-color: #494f80
}

.my-btn[data-v-e8aa6eda]:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.text-gray[data-v-e8aa6eda] {
    color: #747f91
}

.text-right[data-v-e8aa6eda] {
    text-align: right
}

.m-b-20[data-v-e8aa6eda] {
    margin-bottom: 20px
}

.el-divider[data-v-e8aa6eda] {
    background: #272f48;
    margin: 15px 0
}

.el-divider .el-divider__text[data-v-e8aa6eda] {
    background: transparent;
    color: #6d6d6d
}

.shake-horizontal[data-v-e8aa6eda] {
    animation: shake-horizontal-e8aa6eda .8s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes shake-horizontal-e8aa6eda {
    0%, to {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        transform: translateX(10px)
    }
    80% {
        transform: translateX(8px)
    }
    90% {
        transform: translateX(-8px)
    }
}

.forget-password[data-v-e8aa6eda] {
    min-height: 140px
}

.forget-password .login-buttons[data-v-e8aa6eda] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    padding: 0 50px
}

.forget-password .login-buttons .btn[data-v-e8aa6eda] {
    margin-bottom: 20px
}

.delchat-popup[data-v-38cb3fe7] .el-dialog {
    background: #24262a;
    border-radius: 20px;
    margin-top: 15vh !important
}

.delchat-popup[data-v-38cb3fe7] .el-dialog .el-dialog__header {
    background: none;
    padding: 0 30px 20px
}

.delchat-popup[data-v-38cb3fe7] .el-dialog .el-dialog__footer {
    padding: 0
}

.delchat-popup .popup-body[data-v-38cb3fe7] {
    color: #fff
}

.delchat-popup .popup-body .title[data-v-38cb3fe7] {
    font-size: 18px;
    margin-bottom: 20px
}

.delchat-popup .popup-body .title i[data-v-38cb3fe7] {
    background: rgba(220, 38, 38, .2);
    border-radius: 50%;
    color: #dc2626;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
    text-align: center;
    width: 32px
}

.delchat-popup .popup-body .popup-desc[data-v-38cb3fe7] {
    color: hsla(0, 0%, 100%, .5);
    padding-left: 45px
}

.delchat-popup .handle-btn[data-v-38cb3fe7] {
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    padding: 15px 30px
}

.delchat-popup .handle-btn button[data-v-38cb3fe7] {
    border: 0;
    border-radius: 7px
}

.delchat-popup .handle-btn button[data-v-38cb3fe7]:hover {
    box-shadow: 0 0 5px #494c4e
}

.delchat-popup .handle-btn .cancel-btn[data-v-38cb3fe7] {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.delchat-popup .handle-btn .submit-btn[data-v-38cb3fe7] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.allchat-popup[data-v-56fadf5a] .el-dialog {
    background: #24262a;
    border-radius: 20px;
    margin-top: 15vh !important
}

.allchat-popup[data-v-56fadf5a] .el-dialog .el-dialog__header {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    padding-bottom: 0
}

.allchat-popup .popup-body[data-v-56fadf5a] {
    color: #fff
}

.allchat-popup .popup-body .title[data-v-56fadf5a] {
    font-size: 18px;
    margin-bottom: 20px
}

.allchat-popup .popup-body .el-icon-close[data-v-56fadf5a] {
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 20px
}

.allchat-popup .popup-body .el-icon-close[data-v-56fadf5a]:hover {
    color: #fff
}

.allchat-popup .popup-body .aichat-list[data-v-56fadf5a] {
    max-height: 440px;
    overflow-y: scroll
}

.allchat-popup .popup-body .aichat-list .aichat-item[data-v-56fadf5a] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-head[data-v-56fadf5a] {
    background-image: url(https://storage.googleapis.com/syr-art-prod-character-images/8029d4b0-b91b-43e8-9c56-9f666ac73bbf.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: pointer;
    height: 130px;
    width: 130px
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-info[data-v-56fadf5a] {
    flex: 1;
    font-size: 16px
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-name[data-v-56fadf5a] {
    color: #fff;
    cursor: pointer;
    margin-bottom: 15px
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-date[data-v-56fadf5a], .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-time[data-v-56fadf5a] {
    color: hsla(0, 0%, 100%, .5);
    margin-bottom: 3px
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-del[data-v-56fadf5a] {
    color: #a5abb5;
    cursor: pointer;
    padding-top: 20px;
    text-align: right
}

.allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-del i[data-v-56fadf5a]:hover {
    color: red
}

.aichat-report[data-v-054f33fd] .el-dialog {
    background: #24262a;
    border-radius: 20px;
    width: 620px
}

.aichat-report[data-v-054f33fd] .el-dialog .el-dialog__header {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.aichat-report[data-v-054f33fd] .el-dialog .el-dialog__body {
    padding-top: 0
}

.aichat-report[data-v-054f33fd] .el-dialog .el-dialog__footer {
    padding: 0
}

.aichat-report .report-body .title[data-v-054f33fd] {
    color: #efefef;
    margin-bottom: 10px
}

.aichat-report .report-body .report-reason .reason-list[data-v-054f33fd] {
    display: flex;
    flex-flow: column;
    gap: 10px
}

.aichat-report .report-body .report-reason .reason-list p[data-v-054f33fd] {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    color: #cfcfcf;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.aichat-report .report-body .report-reason .reason-list p[data-v-054f33fd]:hover {
    background: hsla(0, 0%, 100%, .1)
}

.aichat-report .report-body .report-remark[data-v-054f33fd] .el-textarea__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid #24262a;
    border-radius: 10px;
    color: #fff;
    resize: none
}

.aichat-report .report-body .report-result[data-v-054f33fd] {
    padding-bottom: 20px;
    text-align: center
}

.aichat-report .report-body .report-result .result-text[data-v-054f33fd] {
    color: #efefef;
    font-size: 18px;
    margin: 15px 0 5px
}

.aichat-report .report-body .report-result .result-tips[data-v-054f33fd] {
    color: #cfcfcf
}

.aichat-report .handle-btn[data-v-054f33fd] {
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    padding: 15px 30px
}

.aichat-report .handle-btn button[data-v-054f33fd] {
    border: 0;
    border-radius: 7px
}

.aichat-report .handle-btn button[data-v-054f33fd]:hover {
    box-shadow: 0 0 5px #494c4e
}

.aichat-report .handle-btn .cancel-btn[data-v-054f33fd] {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.aichat-report .handle-btn .submit-btn[data-v-054f33fd] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.c-role-card-item[data-v-3c13ec8f] {
    align-items: stretch;
    background: rgba(35, 36, 40, .7);
    border-radius: 20px;
    box-sizing: border-box;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: pointer;
    display: flex;
    padding: 8px;
    position: relative;
    width: calc(33.33333% - 5.33333px)
}

.c-role-card-item .role-card-item-cover[data-v-3c13ec8f] {
    border-radius: 20px;
    width: 40%
}

.c-role-card-item .role-card-item-cover .role-card-item-cover-image-box[data-v-3c13ec8f] {
    border-radius: 20px;
    padding-top: 100%;
    position: relative
}

.c-role-card-item .role-card-item-cover .item-cover-img[data-v-3c13ec8f] {
    border-radius: 20px;
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    top: 0;
    width: 100%
}

.c-role-card-item .role-card-item-cover .item-cover-operate[data-v-3c13ec8f] {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px
}

.c-role-card-item .role-card-item-content[data-v-3c13ec8f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 60%
}

.c-role-card-item .role-card-item-content .role-card-item-content-title[data-v-3c13ec8f] {
    display: flex;
    max-width: 100%
}

.c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-icon[data-v-3c13ec8f] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 21px;
    justify-content: center;
    margin-right: 8px;
    width: 21px
}

.c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-icon img[data-v-3c13ec8f] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-text[data-v-3c13ec8f] {
    box-sizing: border-box;
    color: #fcfcfd;
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-role-card-item .role-card-item-content .role-card-item-content-subtitle[data-v-3c13ec8f] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    color: #b6b6b6;
    display: -webkit-box;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.c-role-card-item .role-card-item-content .card-info[data-v-3c13ec8f] {
    flex: 1
}

.c-role-card-item .role-card-item-content .item-content-tags[data-v-3c13ec8f] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.c-role-card-item .role-card-item-content .item-content-tags .item-content-tags-item[data-v-3c13ec8f] {
    align-items: center;
    background: rgba(4, 4, 5, .6);
    border-radius: 4px;
    box-sizing: border-box;
    color: #868d97;
    display: inline-flex;
    font-family: Arial;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    padding: 4px 6px
}

.c-role-card-item .role-card-item-content .item-content-bottom[data-v-3c13ec8f] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 14px
}

.c-role-card-item .role-card-item-content .item-content-bottom .author-name[data-v-3c13ec8f] {
    color: #cfcfcf;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    word-break: break-all
}

.c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box[data-v-3c13ec8f] {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex
}

.c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item[data-v-3c13ec8f] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border-radius: 8px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px 10px
}

.c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item .operate-btn-item-icon[data-v-3c13ec8f] {
    color: #f8f8f8;
    font-size: 16px
}

.c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item .operate-btn-item-text[data-v-3c13ec8f] {
    color: #f8f8f8;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400
}

.c-role-card-item .close-btn[data-v-3c13ec8f] {
    background: #414141;
    border-radius: 50%;
    color: #fffdf5;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px
}

.c-role-card-item .close-btn[data-v-3c13ec8f]:hover {
    background: #6c6b6b
}

.c-tavern-list[data-v-281f015f] {
    display: flex;
    min-height: 0;
    position: relative
}

.c-tavern-list .tavern-list-box[data-v-281f015f] {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    row-gap: 20px;
    width: 100%
}

.c-tavern-list .no-scrollbar[data-v-281f015f]::-webkit-scrollbar {
    display: none
}

.c-tavern-list .no-scrollbar[data-v-281f015f] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.c-tavern-list .tavern-list-box-bottom-mask[data-v-281f015f] {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .006) 8.07%, rgba(0, 0, 0, .022) 15.54%, rgba(0, 0, 0, .048) 22.5%, rgba(0, 0, 0, .085) 29.04%, rgba(0, 0, 0, .13) 35.26%, rgba(0, 0, 0, .185) 41.25%, rgba(0, 0, 0, .248) 47.1%, rgba(0, 0, 0, .319) 52.9%, rgba(0, 0, 0, .397) 58.75%, rgba(0, 0, 0, .483) 64.74%, rgba(0, 0, 0, .575) 70.96%, rgba(0, 0, 0, .673) 77.5%, rgba(0, 0, 0, .777) 84.46%, rgba(0, 0, 0, .886) 91.93%, #000);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    bottom: 0;
    height: 55px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.c-tavern-list[data-v-281f015f] .tavern-list-title {
    align-items: center;
    color: #fffdf5;
    display: flex;
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    gap: 20px;
    text-align: center;
    width: 100%
}

.c-tavern-list[data-v-281f015f] .tavern-list-title:after, .c-tavern-list[data-v-281f015f] .tavern-list-title:before {
    background: hsla(0, 0%, 90%, .4);
    box-sizing: border-box;
    content: "";
    flex: 1 1 0;
    height: 1px
}

.c-tavern-list .tavern-last-chat-list[data-v-281f015f] {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content[data-v-281f015f] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .btn-box[data-v-281f015f] {
    display: flex;
    justify-content: flex-end
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .edit-btn[data-v-281f015f] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 6px 10px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .edit-btn .edit-btn-icon[data-v-281f015f] {
    color: #fff;
    font-size: 16px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .edit-btn .edit-btn-text[data-v-281f015f] {
    color: #fff;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    margin-left: 12px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .edit-btn .edit-btn-icon-active[data-v-281f015f] {
    color: #19c37d
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-wrap[data-v-281f015f] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-281f015f] {
    grid-row-gap: 20px;
    grid-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    row-gap: 20px;
    width: 100%
}

@media (min-width: 640px) {
    .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-281f015f] {
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-281f015f] {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {
    .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-281f015f] {
        grid-template-columns:repeat(7, minmax(0, 1fr))
    }
}

@media (min-width: 1280px) {
    .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-281f015f] {
        grid-template-columns:repeat(9, minmax(0, 1fr))
    }
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-more-btn[data-v-281f015f] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-tavern-list .tavern-last-chat-list .tavern-last-chat-more-btn span[data-v-281f015f] {
    color: #fff;
    cursor: pointer;
    font-size: 30px
}

.c-tavern-list .tavern-last-chat-list .role-item-wrap[data-v-281f015f] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

.c-tavern-list .tavern-last-chat-list .role-item-content[data-v-281f015f] {
    cursor: pointer;
    position: relative;
    width: 100%
}

.c-tavern-list .tavern-last-chat-list .role-item-content[data-v-281f015f]:after {
    box-sizing: border-box;
    content: "";
    display: block;
    padding-bottom: 100%
}

.c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img[data-v-281f015f] {
    border-radius: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img img[data-v-281f015f] {
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transition-duration: .15s;
    transition-property: filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%
}

.c-tavern-list .tavern-last-chat-list .role-item-content .role-item-delete-btn[data-v-281f015f] {
    align-items: center;
    background-color: #3f424a;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.c-tavern-list .tavern-last-chat-list .role-item-content .role-item-delete-btn i[data-v-281f015f] {
    color: #fff;
    font-size: 18px
}

.c-tavern-list .tavern-last-chat-list .role-item-title[data-v-281f015f] {
    color: #cfcfcf;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    word-break: break-word
}

.c-tavern-list .tavern-role-list[data-v-281f015f] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 30px
}

.c-tavern-list .tavern-role-list .tavern-list-search-box[data-v-281f015f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-281f015f] {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-281f015f] .el-checkbox {
    color: #cfd3dc;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-281f015f] .el-checkbox__inner {
    background-color: transparent !important
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-281f015f] .custom-select .el-input__inner {
    background: rgba(63, 66, 74, .6) !important
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-tips[data-v-281f015f] {
    align-items: center;
    color: #a1a1a1;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-tips .tips-title-icon[data-v-281f015f] {
    color: #a1a1a1;
    font-size: 16px;
    margin-right: 2px
}

.c-tavern-list .tavern-role-list .justify-end[data-v-281f015f] {
    justify-content: flex-end !important
}

.c-tavern-list .tavern-role-list .tavern-list-search-input[data-v-281f015f] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border: 1px solid #151623;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 0 13px;
    width: 320px
}

.c-tavern-list .tavern-role-list .tavern-list-search-input .svg-icon[data-v-281f015f] {
    color: #fff;
    font-size: 32px
}

.c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-281f015f] {
    background: transparent !important;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
    padding-left: 5px;
    width: 275px
}

.c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-281f015f]::-moz-placeholder {
    color: #737a85
}

.c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-281f015f]::placeholder {
    color: #737a85
}

.c-tavern-list .tavern-role-list .tavern-list-search-input i[data-v-281f015f] {
    color: #737a85;
    cursor: pointer
}

.c-tavern-list .tavern-role-list .inputBorder[data-v-281f015f] {
    border: 1px solid #577ae0
}

.c-tavern-list .tavern-role-list .tavern-list-tag-box[data-v-281f015f] {
    position: relative
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap[data-v-281f015f] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content[data-v-281f015f] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content[data-v-281f015f] {
    line-height: 26px;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content p[data-v-281f015f] {
    margin: 0;
    text-align: center
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content .list-empty-content-main-title[data-v-281f015f] {
    color: #fffdf5;
    font-size: 25px;
    font-weight: 700
}

.c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content .list-empty-content-subtitle[data-v-281f015f] {
    color: #cfcfcf;
    font-size: 18px
}

.my-character[data-v-5a08cd06] {
    background: rgba(0, 0, 0, .7);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px
}

.my-character .class-tab[data-v-5a08cd06] {
    background: #2e2f34;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 5px
}

.my-character .class-tab > div[data-v-5a08cd06] {
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    gap: 5px;
    width: 50%
}

.my-character .class-tab > div span[data-v-5a08cd06] {
    background-image: url(/_nuxt/img/vip_icon.2ec5057.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px
}

.my-character .class-tab > div.active[data-v-5a08cd06] {
    background: #56595c;
    border-radius: 15px;
    color: #f1f5f9
}

.my-character .btn-box[data-v-5a08cd06] {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0
}

.my-character .edit-btn[data-v-5a08cd06] {
    align-items: center;
    background: rgba(63, 66, 74, .6);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 6px 10px
}

.my-character .edit-btn .edit-btn-icon[data-v-5a08cd06] {
    color: #fff;
    font-size: 16px
}

.my-character .edit-btn .edit-btn-text[data-v-5a08cd06] {
    color: #fff;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700
}

.my-character .edit-btn .edit-btn-icon-active[data-v-5a08cd06] {
    color: #19c37d
}

.my-character .aichat-tags[data-v-5a08cd06] {
    padding: 15px 0
}

.my-character .aichat-list[data-v-5a08cd06] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: calc(100vh - 300px);
    overflow-y: scroll
}

.my-character .list-empty-content[data-v-5a08cd06] {
    line-height: 26px;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%
}

.my-character .list-empty-content p[data-v-5a08cd06] {
    margin: 0;
    text-align: center
}

.my-character .list-empty-content .list-empty-content-main-title[data-v-5a08cd06] {
    color: #fffdf5;
    font-size: 25px;
    font-weight: 700
}

.my-character .list-empty-content .list-empty-content-subtitle[data-v-5a08cd06] {
    color: #cfcfcf;
    font-size: 18px
}

.no-scrollbar[data-v-5a08cd06]::-webkit-scrollbar {
    display: none
}

.no-scrollbar[data-v-5a08cd06] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tags-item[data-v-63d7dc94] {
    align-items: center;
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 38px;
    padding: 0 16px 0 4px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.tags-item img[data-v-63d7dc94] {
    border-radius: 100%;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 7px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 30px
}

.tags-item span[data-v-63d7dc94] {
    color: #d8d9dc;
    white-space: nowrap
}

.tags-item[data-v-63d7dc94]:hover {
    background-color: #313648;
    border: 1px solid hsla(0, 0%, 100%, .08)
}

.active[data-v-63d7dc94] {
    background-color: #2d65cc;
    border: 1px solid hsla(0, 0%, 100%, .12)
}

.active span[data-v-63d7dc94] {
    color: #fff
}

.active[data-v-63d7dc94]:hover {
    background-color: #1d55bb
}

.aichat-cover[data-v-627e29a2] {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw
}

.aichat-cover.default-cover[data-v-627e29a2] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.aichat-cover.full-cover .figure-img[data-v-627e29a2] {
    height: 100%;
    opacity: 1;
    right: 0
}

.aichat-cover .figure-img[data-v-627e29a2] {
    bottom: 0;
    height: 80%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 100px;
    transition: all .3s ease-out;
    width: 50%;
    z-index: 10
}

.aichat-cover .figure-img img[data-v-627e29a2] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    vertical-align: middle;
    width: auto
}

.aichat-cover .show-img[data-v-627e29a2] {
    opacity: 1;
    right: 0
}

.aichat-cover .figure-info[data-v-627e29a2] {
    bottom: 10%;
    position: absolute;
    right: 10%;
    z-index: 10
}

.aichat-cover .figure-info .info-panel[data-v-627e29a2] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .7);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    width: 350px
}

.aichat-cover .figure-info .info-panel .info-title[data-v-627e29a2] {
    color: #fff;
    font-size: 20px;
    padding-right: 35px;
    word-break: break-all
}

.aichat-cover .figure-info .info-panel .info-title h1[data-v-627e29a2] {
    font-size: 20px
}

.aichat-cover .figure-info .info-panel .info-title img[data-v-627e29a2] {
    vertical-align: top;
    width: 22px
}

.aichat-cover .figure-info .info-panel .info-by[data-v-627e29a2] {
    color: #fff;
    margin: 15px 0
}

.aichat-cover .figure-info .info-panel .info-by span[data-v-627e29a2] {
    color: #3f93ff
}

.aichat-cover .figure-info .info-panel .info-num[data-v-627e29a2] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 14px
}

.aichat-cover .figure-info .info-panel .info-num i[data-v-627e29a2] {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: top
}

.aichat-cover .figure-info .info-panel .info-tag[data-v-627e29a2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 15px
}

.aichat-cover .figure-info .info-panel .info-tag span[data-v-627e29a2] {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 5px;
    color: #b0b4ba;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px
}

.aichat-cover .figure-info .info-panel .info-desc[data-v-627e29a2] {
    color: #cfcfcf;
    line-height: 24px;
    margin-top: 10px;
    max-height: 120px;
    overflow-y: scroll
}

.aichat-cover .figure-info .info-panel .info-handle[data-v-627e29a2] {
    position: absolute;
    right: 15px;
    top: 15px
}

.aichat-cover .figure-info .info-panel .info-handle:hover .handle-list[data-v-627e29a2] {
    display: block
}

.aichat-cover .figure-info .info-panel .info-handle > i[data-v-627e29a2] {
    color: #fff;
    cursor: pointer;
    font-size: 18px
}

.aichat-cover .figure-info .info-panel .info-handle .handle-list[data-v-627e29a2] {
    display: none;
    position: absolute;
    right: 0;
    top: 100%
}

.aichat-cover .figure-info .info-panel .info-handle .handle-list .handle-item[data-v-627e29a2] {
    align-items: center;
    background: rgba(63, 66, 74, .5);
    border-radius: 8px;
    color: #dc2626;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 5px;
    height: 32px;
    padding-left: 10px;
    width: 100px
}

.aichat-cover .figure-info .info-panel .info-handle .handle-list .handle-item[data-v-627e29a2]:hover {
    background: #3f424a
}

.aichat-cover .figure-info .info-panel .info-handle .handle-list .handle-item i[data-v-627e29a2] {
    font-size: 20px
}

.aichat-cover .figure-info .handle-btn[data-v-627e29a2] {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.aichat-cover .figure-info .handle-btn > [data-v-627e29a2] {
    cursor: pointer;
    height: 44px;
    line-height: 44px
}

.aichat-cover .figure-info .handle-btn > i[data-v-627e29a2] {
    background: rgba(15, 17, 18, .8);
    border-radius: 10px;
    color: #fff;
    font-size: 26px;
    line-height: 44px;
    text-align: center;
    width: 44px
}

.aichat-cover .figure-info .handle-btn > i[data-v-627e29a2]:hover {
    background: rgba(15, 17, 18, .9)
}

.aichat-cover .figure-info .handle-btn .start-btn[data-v-627e29a2] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    min-width: 130px;
    padding: 0 20px;
    position: relative
}

.aichat-cover .figure-info .handle-btn .start-btn[data-v-627e29a2]:hover {
    box-shadow: 0 0 10px #ccc
}

.aichat-cover .figure-info .handle-btn .start-btn .zoom[data-v-627e29a2] {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 44px
}

.aichat-cover .figure-info .handle-btn .start-btn .zoom i[data-v-627e29a2] {
    transition: all .3s ease
}

.aichat-cover .figure-info .handle-btn .start-btn .zoom[data-v-627e29a2]:hover {
    background: rgba(15, 255, 255, .4)
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list[data-v-627e29a2] {
    background: rgba(0, 0, 0, .7);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: all .3s ease;
    z-index: 99
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .list-scroll[data-v-627e29a2] {
    max-height: 180px;
    overflow-y: scroll
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item[data-v-627e29a2] {
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    position: relative
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item .el-icon-error[data-v-627e29a2] {
    color: #ccc;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item .el-icon-error[data-v-627e29a2]:hover {
    color: #fff
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item[data-v-627e29a2]:hover {
    background: hsla(0, 0%, 100%, .2)
}

.aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item:hover i.el-icon-error[data-v-627e29a2] {
    display: inline;
    display: initial
}

.aichat-cover .figure-info .handle-btn .start-btn.next-btn[data-v-627e29a2] {
    justify-content: space-between;
    padding-right: 0
}

.aichat-cover .figure-info .handle-btn .start-btn.off-btn[data-v-627e29a2] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.aichat-cover .figure-info .handle-btn .start-btn.off-btn .zoom i[data-v-627e29a2] {
    transform: rotate(180deg)
}

.aichat-cover .figure-info .handle-btn .start-btn.off-btn .last-list[data-v-627e29a2] {
    opacity: 1
}

.allchat-popup[data-v-78036bda] .el-dialog {
    background: #24262a;
    border-radius: 20px;
    margin-top: 15vh !important
}

.allchat-popup[data-v-78036bda] .el-dialog .el-dialog__footer {
    padding: 0
}

.allchat-popup .popup-body[data-v-78036bda] {
    color: #fff
}

.allchat-popup .popup-body .title[data-v-78036bda] {
    font-size: 18px;
    margin-bottom: 20px
}

.allchat-popup .popup-body .el-icon-close[data-v-78036bda] {
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 20px
}

.allchat-popup .popup-body .el-icon-close[data-v-78036bda]:hover {
    color: #fff
}

.allchat-popup .handle-btn[data-v-78036bda] {
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    padding: 15px 30px
}

.allchat-popup .handle-btn button[data-v-78036bda] {
    border: 0;
    border-radius: 7px
}

.allchat-popup .handle-btn button[data-v-78036bda]:hover {
    box-shadow: 0 0 5px #494c4e
}

.allchat-popup .handle-btn .cancel-btn[data-v-78036bda] {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.allchat-popup .handle-btn .submit-btn[data-v-78036bda] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.aichat-page[data-v-0046513b] {
    box-sizing: border-box;
    height: 100vh;
    padding: 0 100px;
    width: 100vw
}

.aichat-page .bg[data-v-0046513b] {
    background-image: url(https://storage.googleapis.com/syr-art-prod-character-images/9d1b0600-b292-4bf3-ac98-4d10efdb2764.webp);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.aichat-page.full-page[data-v-0046513b] .last-panel, .aichat-page.full-page[data-v-0046513b] .set-layout {
    display: none !important
}

.aichat-page.full-page[data-v-0046513b] .aichat-msg {
    max-height: 100% !important
}

.aichat-page.dim-bg .bg[data-v-0046513b] {
    filter: blur(20px)
}

.aichat-page.dim-bg .aichat-main .aichat-content .aichat-figure[data-v-0046513b] {
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.aichat-page.dim-bg .aichat-left .aichat-figure[data-v-0046513b] {
    justify-content: flex-end
}

.aichat-page.dim-bg .aichat-right .aichat-figure[data-v-0046513b] {
    justify-content: flex-start
}

.aichat-page.hideback .bg[data-v-0046513b] {
    background-image: none !important;
    background: linear-gradient(180deg, #292c33, #000)
}

.aichat-page .aichat-main[data-v-0046513b] {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    max-width: 1600px;
    padding-top: 130px;
    position: relative;
    width: 100%
}

.aichat-page .aichat-main .show-img[data-v-0046513b] {
    bottom: 0 !important;
    opacity: 1
}

.aichat-page .aichat-main[data-v-0046513b]:after {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) 8.1%, rgba(0, 0, 0, .049) 15.5%, rgba(0, 0, 0, .104) 22.5%, rgba(0, 0, 0, .175) 29%, rgba(0, 0, 0, .259) 35.3%, rgba(0, 0, 0, .352) 41.2%, rgba(0, 0, 0, .45) 47.1%, rgba(0, 0, 0, .55) 52.9%, rgba(0, 0, 0, .648) 58.8%, rgba(0, 0, 0, .741) 64.7%, rgba(0, 0, 0, .825) 71%, rgba(0, 0, 0, .896) 77.5%, rgba(0, 0, 0, .951) 84.5%, rgba(0, 0, 0, .987) 91.9%, #000);
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: fixed;
    right: 0
}

.aichat-page .aichat-main.aichat-left .aichat-content[data-v-0046513b] {
    display: flex
}

.aichat-page .aichat-main.aichat-left[data-v-0046513b] .aichat-last .last-panel {
    align-self: flex-end
}

.aichat-page .aichat-main.aichat-left[data-v-0046513b] .aichat-last .last-panel .last-list {
    align-items: flex-end
}

.aichat-page .aichat-main.aichat-center .aichat-content > div[data-v-0046513b] {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0
}

.aichat-page .aichat-main.aichat-center .aichat-content > div.aichat-body[data-v-0046513b] {
    z-index: 2
}

.aichat-page .aichat-main.aichat-center .aichat-content > div[data-v-0046513b] .aichat-msg {
    max-height: 50%
}

.aichat-page .aichat-main.aichat-right .aichat-content[data-v-0046513b] {
    display: flex;
    flex-flow: row-reverse
}

.aichat-page .aichat-main .aichat-content[data-v-0046513b] {
    height: 100%;
    position: relative;
    width: 100%
}

.TarinAdvSet[data-v-b4eac4dc] {
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    box-sizing: border-box;
    display: flex;
    height: 668px;
    padding-top: 10px;
    width: 100%
}

.TarinAdvSet .tabs[data-v-b4eac4dc] {
    width: 226px
}

.TarinAdvSet .tabs .tabItem[data-v-b4eac4dc] {
    border-radius: 8px;
    box-sizing: border-box;
    color: #6f767e;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
    padding-left: 16px;
    width: 100%
}

.TarinAdvSet .tabs .tabItem[data-v-b4eac4dc]:last-child {
    margin-bottom: 0
}

.TarinAdvSet .tabs .activateIndex[data-v-b4eac4dc] {
    background-color: #313337;
    color: #fcfcfc
}

.TarinAdvSet .dataList[data-v-b4eac4dc] {
    box-sizing: border-box;
    height: 657px;
    margin-left: 20px;
    overflow: auto;
    padding-right: 10px;
    width: 584px
}

.TarinAdvSet .dataList .dataBox[data-v-b4eac4dc] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    margin-bottom: 16px;
    padding-bottom: 16px
}

.TarinAdvSet .dataList .dataBox[data-v-b4eac4dc]:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.TarinAdvSet .dataList .dataBox .dataTiT[data-v-b4eac4dc] {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
    width: 100%
}

.TarinAdvSet .dataList .dataBox .dataCnt[data-v-b4eac4dc] {
    width: 100%
}

.TarinAdvSet .dataList .dataBox .dataCnt .lr_box[data-v-b4eac4dc] {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 18px;
    padding: 10px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc]:last-child {
    margin-bottom: 0
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel[data-v-b4eac4dc] {
    max-width: 240px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-b4eac4dc]:first-child, .TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-b4eac4dc]:nth-child(3) {
    color: #a1a6ac;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-b4eac4dc]:nth-child(2) {
    color: #fcfcfc;
    font-size: 12px;
    line-height: 16px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry {
    width: 308px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-slider .show-input {
    margin-right: 90px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-slider .el-slider__input {
    height: 32px;
    width: 77px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-slider .el-slider__input .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-select {
    width: 100%
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-select .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    outline: none
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .resolutionBox {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .resolutionBox .el-input {
    height: 32px;
    width: 151px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .resolutionBox .el-input .el-input__prefix {
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding-left: 4px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .resolutionBox .el-input .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    height: 32px;
    padding-left: 58px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .seedBox {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .seedBox input {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    height: 30px;
    outline: none;
    padding: 0 0 0 10px;
    width: 268px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .seedBox div {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px 6px 6px 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    padding: 8px;
    width: 32px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .seedBox div img {
    height: 100%;
    width: 100%
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .el-textarea .el-textarea__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    height: 65px;
    width: 308px
}

.TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-b4eac4dc] .dataEntry .inputBox .el-input .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    height: 32px;
    width: 308px
}

[data-v-b4eac4dc] .trainDialog {
    background-color: #24262a;
    border-radius: 20px
}

[data-v-b4eac4dc] .trainDialog .el-dialog__header .el-dialog__title {
    color: #efefef;
    font-size: 16px
}

[data-v-b4eac4dc] .trainDialog .el-dialog__header .el-dialog__close {
    color: #f7fbfa;
    font-size: 24px
}

[data-v-b4eac4dc] .trainDialog .el-dialog__body {
    padding-top: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.loraTrainingEdit[data-v-94ebf08a] {
    color: #fff;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 160px);
    padding-top: 16px;
    width: 100%
}

.loraTrainingEdit .back[data-v-94ebf08a] {
    align-items: center;
    background-color: #1c2433;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 10px;
    position: fixed;
    top: 90px;
    width: 52px;
    z-index: 98
}

.loraTrainingEdit .back i[data-v-94ebf08a] {
    font-size: 24px
}

.loraTrainingEdit .main[data-v-94ebf08a] {
    display: flex;
    height: calc(100vh - 100px);
    width: 1300px
}

.loraTrainingEdit .main .cardStyle[data-v-94ebf08a] {
    background-color: #181924;
    border-radius: 12px
}

.loraTrainingEdit .main .left[data-v-94ebf08a] {
    height: 100%;
    width: 355px
}

.loraTrainingEdit .main .left .typeRow[data-v-94ebf08a] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: 231px;
    padding: 10px 15px;
    width: 100%
}

.loraTrainingEdit .main .left .typeRow .typeRowItem[data-v-94ebf08a] {
    border-radius: 17px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100px;
    padding: 3px;
    width: 100px
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt[data-v-94ebf08a] {
    align-items: center;
    background-color: #24262c;
    border-radius: 10px;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt[data-v-94ebf08a] {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt img[data-v-94ebf08a] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt i[data-v-94ebf08a] {
    color: #fff;
    font-size: 33px;
    margin-top: 18px
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt .typeName[data-v-94ebf08a] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0 0 10px 10px;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt span[data-v-94ebf08a] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px
}

.loraTrainingEdit .main .left .typeRow .defItem[data-v-94ebf08a] {
    border: 3px solid #363744
}

.loraTrainingEdit .main .left .typeRow .activateItem[data-v-94ebf08a] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 3px solid transparent
}

.loraTrainingEdit .main .left .typeRow .activateItem .typeName[data-v-94ebf08a] {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.loraTrainingEdit .main .left .typeParamet[data-v-94ebf08a] {
    box-sizing: border-box;
    height: calc(100vh - 339px);
    margin-top: 10px;
    overflow-y: auto;
    padding: 15px 20px;
    width: 100%
}

.loraTrainingEdit .main .left .typeParamet .typeParamet_tit[data-v-94ebf08a] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    width: 100%
}

.loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt[data-v-94ebf08a] {
    align-items: center;
    display: flex
}

.loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt i[data-v-94ebf08a] {
    color: #fff;
    font-size: 18px;
    margin-right: 7px
}

.loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt span[data-v-94ebf08a] {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px
}

.loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titBnt[data-v-94ebf08a] {
    align-items: center;
    background-color: #1a1d1f;
    border: 2px solid #272b30;
    border-radius: 8px;
    color: #fcfcfc;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 32px;
    padding: 0 15px
}

.loraTrainingEdit .main .left .typeParamet .allStepTip[data-v-94ebf08a] {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 8px
}

.loraTrainingEdit .main .left .typeParamet .allStepTip i[data-v-94ebf08a] {
    color: #9a9fa5;
    font-size: 14px;
    margin-right: 8px
}

.loraTrainingEdit .main .left .typeParamet .allStepTip span[data-v-94ebf08a] {
    color: #a1a6ac;
    font-size: 12px
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] {
    margin-bottom: 25px
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a]:last-child {
    margin-bottom: 0
}

.loraTrainingEdit .main .left .typeParamet .formBox .formTit[data-v-94ebf08a] {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft[data-v-94ebf08a] {
    align-items: center;
    display: flex
}

.loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft div[data-v-94ebf08a] {
    color: #a1a6ac;
    font-size: 14px;
    font-weight: 500
}

.loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft span[data-v-94ebf08a] {
    color: #a1a6ac;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
}

.loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft i[data-v-94ebf08a] {
    color: #a1a6ac;
    font-size: 13px;
    margin-left: 4px
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt {
    position: relative
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-select {
    width: 100%
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-select .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fcfcfc
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-slider .el-input-number--small {
    height: 36px;
    position: absolute;
    right: 0;
    top: -38px;
    width: 68px
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-slider .el-input-number--small .el-input__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-slider .show-input {
    width: 100% !important
}

.loraTrainingEdit .main .left .typeParamet .formBox[data-v-94ebf08a] .formCnt .el-textarea .el-textarea__inner {
    background-color: hsla(0, 0%, 100%, .06);
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
    color: #f4f4f4;
    height: 232px;
    outline: none;
    padding: 10px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right {
    box-sizing: border-box;
    height: 100%;
    margin-left: 15px;
    padding: 20px;
    position: relative;
    width: 930px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn {
    align-items: center;
    display: flex;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .tranEdit {
    align-items: center;
    display: flex
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .tranEdit .tranEditBtn {
    align-items: center;
    background-color: #1a1d1f;
    border: 2px solid #272b30;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 10px;
    width: 48px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .tranEdit .tranEditBtn i {
    font-size: 18px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSubBox {
    position: relative
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSubBox .logBox {
    height: 48px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 49px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSubBox .logBox img {
    height: 100%;
    width: 100%
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSubBox .logBox div {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: 10px;
    transform: rotate(48deg);
    white-space: nowrap;
    width: 100%
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub {
    align-items: center;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    width: 182px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub div {
    color: #fcfcfc
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub div:first-child {
    font-size: 16px;
    font-weight: 700
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub div:nth-child(2) {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub div:nth-child(2) span {
    font-size: 12px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainBtn .formSub div:nth-child(2) i {
    font-size: 14px;
    margin-left: 4px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainName {
    align-items: center;
    display: flex
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainName .namelabel {
    color: #a1a6ac;
    flex: 0 0 auto;
    font-size: 14px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainName .namelabel:before {
    color: #f56c6c;
    content: "*";
    margin-right: 4px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .trainName input {
    background-color: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    margin-left: 12px;
    outline: none;
    padding-left: 8px;
    width: 100%
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .el-tabs .el-tabs__item {
    color: #a1a6ac;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .el-tabs .is-active {
    color: #fff;
    font-weight: 700
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .el-tabs .el-tabs__active-bar {
    background: linear-gradient(99deg, #3f8fff, #21feff)
}

.loraTrainingEdit .main[data-v-94ebf08a] .right .el-tabs .el-tabs__nav-wrap:after {
    background-color: hsla(0, 0%, 100%, .06);
    height: 1
}

.ImgWaterFall[data-v-723f7e3f] {
    height: 100%;
    width: 100%
}

.ImgWaterFall:hover .cntImg[data-v-723f7e3f] {
    transform: scale(1.15)
}

.ImgWaterFall .cntImg[data-v-723f7e3f] {
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out;
    width: 100%
}

.img-comment[data-v-740db71f] {
    margin: 25px 0;
    width: 100%
}

.img-comment .comment-cnt[data-v-740db71f] {
    flex: 0 0 auto;
    margin: auto
}

.img-comment .comment-cnt .comment-title[data-v-740db71f] {
    align-items: center;
    display: flex;
    margin-bottom: 15px
}

.img-comment .comment-cnt .comment-title .tit[data-v-740db71f] {
    color: #ecf4f8;
    font-size: 16px;
    margin-right: 12px
}

.img-comment .comment-cnt .comment-title div[data-v-740db71f] {
    align-items: center;
    background-color: #192030;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 4px 8px
}

.img-comment .comment-cnt .comment-title div .svg-icon[data-v-740db71f] {
    color: #4c98ff;
    font-size: 14px;
    margin-right: 7px
}

.img-comment .comment-cnt .comment-title div span[data-v-740db71f] {
    color: #4c98ff;
    font-size: 12px
}

.img-comment .comment-cnt .comment-list[data-v-740db71f] {
    display: flex;
    flex-wrap: wrap;
    margin: -8.5px;
    overflow: hidden
}

.img-comment .comment-cnt .comment-list .comment-item[data-v-740db71f] {
    box-sizing: border-box;
    padding: 8.5px;
    width: 25%
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt[data-v-740db71f] {
    background-color: #1f2532;
    border: 1px solid #36393e;
    border-radius: 6px;
    box-sizing: border-box;
    height: 100%;
    padding: 7px;
    width: 100%
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title[data-v-740db71f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user[data-v-740db71f] {
    align-items: center;
    display: flex
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user .item-avator[data-v-740db71f] {
    align-items: center;
    background-color: #757e8a;
    border-radius: 100%;
    color: #e7e8e9;
    display: flex;
    font-size: 14px;
    height: 26px;
    justify-content: center;
    width: 26px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user .item-name[data-v-740db71f] {
    color: #fff;
    font-size: 12px;
    margin-left: 4px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-text[data-v-740db71f] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #c0c1c4;
    display: -webkit-box;
    font-size: 12px;
    margin-top: 15px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info[data-v-740db71f] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 9px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-time[data-v-740db71f] {
    color: #fff;
    font-size: 10px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num[data-v-740db71f] {
    align-items: center;
    background-color: #262f43;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    padding: 5px 7px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num .svg-icon[data-v-740db71f] {
    color: #4c98ff;
    font-size: 15px;
    margin-right: 5px
}

.img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num span[data-v-740db71f] {
    color: #4c98ff;
    font-size: 12px
}

.img-comment .more[data-v-740db71f] {
    display: flex;
    justify-content: center;
    margin-top: 49px
}

.img-comment .more span[data-v-740db71f] {
    color: #82b3f5;
    cursor: pointer;
    font-size: 14px
}

.img-comment .addcomment .addcmt-title .addcmt-user[data-v-740db71f], .img-comment .addcomment .addcmt-title[data-v-740db71f] {
    align-items: center;
    display: flex
}

.img-comment .addcomment .addcmt-title .addcmt-user .addcmt-avator[data-v-740db71f] {
    align-items: center;
    background-color: #757e8a;
    border-radius: 100%;
    color: #e7e8e9;
    display: flex;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    margin-right: 10px;
    width: 42px
}

.img-comment .addcomment .addcmt-title .addcmt-user .addcmt-userinfo div[data-v-740db71f]:first-child {
    color: #fff;
    font-size: 16px
}

.img-comment .addcomment .addcmt-title .addcmt-user .addcmt-userinfo div[data-v-740db71f]:nth-child(2) {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-top: 5px
}

.img-comment .addcomment .addcmt-text[data-v-740db71f] {
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

.img-comment .addcomment .addcmt-num[data-v-740db71f] {
    color: #fff;
    font-size: 14px;
    margin-top: 34px
}

.img-comment .addcomment .addcmt-num span[data-v-740db71f] {
    color: #cbd5e1;
    margin-left: 5px
}

.img-comment .addcomment .addcmt-input[data-v-740db71f] {
    background: #20283b;
    border: 1px solid #293045;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    margin-top: 8px;
    padding-left: 10px;
    width: 100%
}

.img-comment .addcomment .addcmt-input[data-v-740db71f]::-moz-placeholder {
    color: #545d6d
}

.img-comment .addcomment .addcmt-input[data-v-740db71f]::placeholder {
    color: #545d6d
}

.img-comment .addcomment .errTxtBox[data-v-740db71f] {
    color: red;
    font-size: 12px;
    margin-top: 10px
}

.img-comment .addcomment .bntitem[data-v-740db71f] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f] {
    border-radius: 8px;
    color: #fff;
    height: 40px;
    margin-left: 12px;
    min-width: 90px;
    transition: all .5s ease-in-out
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.img-comment .addcomment .bntitem .el-button[data-v-740db71f]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.img-comment .addcomment .addcmt-list[data-v-740db71f] {
    margin-top: 20px;
    max-height: 210px;
    overflow: auto
}

.img-comment .addcomment .addcmt-list .adcmt-item[data-v-740db71f] {
    display: flex;
    margin-bottom: 20px
}

.img-comment .addcomment .addcmt-list .adcmt-item .list-avator[data-v-740db71f] {
    align-items: center;
    background-color: #757e8a;
    border-radius: 100%;
    color: #e7e8e9;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    width: 32px
}

.img-comment .addcomment .addcmt-list .adcmt-item .list-text[data-v-740db71f] {
    margin-top: 10px
}

.img-comment .addcomment .addcmt-list .adcmt-item .list-text .list-name[data-v-740db71f] {
    color: #fff;
    font-size: 14px
}

.img-comment .addcomment .addcmt-list .adcmt-item .list-text .list-cnt[data-v-740db71f] {
    color: #fff;
    font-size: 14px;
    margin-top: 5px
}

.author[data-v-8b7def48] {
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    margin: 20px 0 10px;
    width: 100%
}

.author .left[data-v-8b7def48] {
    align-items: center;
    position: relative
}

.author .left .head[data-v-8b7def48] {
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.author .left .head .avatar[data-v-8b7def48] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.author .left .head img[data-v-8b7def48] {
    position: relative;
    width: 100%;
    z-index: 1
}

.author .left .head .letter[data-v-8b7def48] {
    color: #fff;
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.author .left .name[data-v-8b7def48] {
    cursor: pointer;
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 18px;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    margin: 0;
    max-width: 200px;
    padding: 0 15px 0 10px
}

.author .left .name .personal-info-a[data-v-8b7def48], .author .left .name[data-v-8b7def48] {
    color: #e2e8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author .left .name .personal-info-a[data-v-8b7def48] {
    display: block;
    max-width: 124px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.author .left .follow[data-v-8b7def48] {
    background: #1a1d23;
    border: 0;
    border-radius: 20px;
    color: #fcfcfd;
    cursor: pointer;
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0 18px;
    text-align: center
}

.author .left .follow .followed-icon[data-v-8b7def48] {
    color: #32a772
}

.author .left .follow[data-v-8b7def48]:hover {
    color: #409eff
}

.author .left[data-v-8b7def48] .follow.is-loading {
    cursor: not-allowed
}

.author .left[data-v-8b7def48] .follow.is-loading:before {
    background-color: transparent
}

.author .right[data-v-8b7def48] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: flex-end
}

.author .right .right-btn[data-v-8b7def48] {
    border-radius: 50%;
    box-sizing: border-box;
    color: #8e9cb1;
    font-size: 22px;
    height: 36px;
    margin-left: 0;
    width: 36px
}

.author .right .right-btn.with-num[data-v-8b7def48] {
    align-items: center;
    display: flex;
    gap: 5px;
    width: 55px
}

.author .right .right-btn.with-num .num[data-v-8b7def48] {
    font-size: 16px
}

.author .right .right-btn.mark-button[data-v-8b7def48] {
    position: relative
}

.author .right .right-btn.mark-button:active .mark-icon[data-v-8b7def48] {
    left: -2px;
    top: -2px
}

.author .right .right-btn.mark-button .mark-icon[data-v-8b7def48] {
    height: 22px;
    left: -1px;
    padding: 8px;
    position: absolute;
    top: -1px;
    width: 22px
}

.author .right .right-btn.like-button .svg-icon[data-v-8b7def48] {
    transform: scale(.92)
}

.author .right .right-btn.button-try[data-v-8b7def48] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    padding: 0 28px;
    transition: opacity .3s ease-in-out;
    width: auto
}

.author .right .follow[data-v-8b7def48] {
    background: #1a1d23;
    border: 0;
    border-radius: 20px;
    color: #a6b4cf;
    cursor: pointer;
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 13px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    width: 93px
}

.author .right .follow .followed-icon[data-v-8b7def48] {
    color: #32a772
}

.author .right .follow[data-v-8b7def48]:hover {
    color: #409eff
}

.author .right[data-v-8b7def48] .follow.is-loading {
    cursor: not-allowed
}

.author .right[data-v-8b7def48] .follow.is-loading:before {
    background-color: transparent
}

.author button[data-v-8b7def48] {
    background: transparent;
    border: none;
    cursor: pointer
}

.review-post[data-v-4685173e] {
    padding-left: 10px;
    position: fixed;
    right: 0;
    top: 20%;
    transition: all .3s ease
}

.review-post.close-post[data-v-4685173e] {
    right: -130px
}

.review-post.close-post .zoom[data-v-4685173e] {
    transform: rotate(180deg)
}

.review-post .zoom[data-v-4685173e] {
    border-bottom: 10px solid transparent;
    border-left: 10px solid hsla(0, 0%, 100%, .15);
    border-top: 10px solid transparent;
    cursor: pointer;
    left: -5px;
    position: absolute;
    top: 38%
}

.review-post .btn[data-v-4685173e] {
    background: hsla(0, 0%, 100%, .15);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    color: #c2e4a9;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 15px;
    text-align: center;
    width: 100px
}

.review-post .btn[data-v-4685173e]:hover {
    background: hsla(0, 0%, 100%, .25)
}

.review-post .btn.not[data-v-4685173e] {
    color: red
}

.cmtComments[data-v-29c76562] {
    height: calc(100% - 40px);
    overflow: hidden;
    position: relative;
    width: 100%
}

.cmtComments .commMain[data-v-29c76562] {
    height: calc(100% - 180px);
    overflow: auto;
    width: 100%
}

.cmtComments .commMain[data-v-29c76562]::-webkit-scrollbar {
    display: none
}

.cmtComments .commMain .commCnt[data-v-29c76562] {
    box-sizing: border-box
}

.cmtComments .commMain .commCnt .commNum[data-v-29c76562] {
    color: hsla(0, 0%, 100%, .9);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px
}

.commInput[data-v-29c76562] {
    background: #141416;
    border-radius: 0 0 30px 0;
    border-top: 1px solid #1f1f23;
    bottom: 40px;
    box-sizing: border-box;
    height: 133px;
    left: 0;
    padding: 15px 0;
    position: absolute;
    width: 100%
}

.commInput .commFunBar[data-v-29c76562] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.commInput .commFunBar .funBarBnt[data-v-29c76562] {
    align-items: center;
    display: flex;
    gap: 25px
}

.commInput .commFunBar .commFunNum[data-v-29c76562] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.commInput .commFunBar .commFunNum .svg-icon[data-v-29c76562], .commInput .commFunBar .commFunNum i[data-v-29c76562] {
    color: #fff;
    font-size: 20px
}

.commInput .commFunBar .commFunNum span[data-v-29c76562] {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin-left: 5px
}

.commInput .commFunBar .commFunBarRight .commFunNum[data-v-29c76562]:last-child {
    margin-left: 10px
}

.inputBox[data-v-29c76562] {
    align-items: center;
    background: hsla(0, 0%, 100%, .06);
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 16px;
    width: 100%
}

.inputBox input[data-v-29c76562] {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #fff;
    height: 40px;
    outline: none;
    width: 90%
}

.inputBox div[data-v-29c76562], .inputBox img[data-v-29c76562] {
    cursor: pointer;
    height: 24px;
    width: 24px
}

.list[data-v-29c76562] {
    margin-top: 20px
}

.list .commItem[data-v-29c76562] {
    margin-bottom: 20px
}

.list .commItem[data-v-29c76562]:last-child {
    margin-bottom: 0
}

.replies[data-v-29c76562] {
    margin-top: 15px
}

.replies .avatar .avatarHead[data-v-29c76562] {
    height: 24px;
    width: 24px
}

.avatar[data-v-29c76562] {
    cursor: pointer;
    justify-content: flex-start;
    width: -moz-max-content;
    width: max-content
}

.avatar .avatarHead[data-v-29c76562], .avatar[data-v-29c76562] {
    align-items: center;
    display: flex
}

.avatar .avatarHead[data-v-29c76562] {
    background-color: #adb8cd;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.avatar .avatarName[data-v-29c76562] {
    align-items: center;
    display: flex;
    margin-left: 8px
}

.avatar .avatarName span[data-v-29c76562] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 14px;
    line-height: 32px
}

.avatar .avatarName .isAuthor[data-v-29c76562] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .5);
    font-size: 10px;
    line-height: 7px;
    margin-left: 6px;
    padding: 5px
}

.morRep[data-v-29c76562] {
    color: #1b5cb9;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    margin-left: 37px;
    margin-top: 10px
}

.commListCnt[data-v-29c76562] {
    box-sizing: border-box;
    margin-top: 3px;
    padding-left: 40px
}

.commListCnt .commTxt[data-v-29c76562] {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.commListCnt .commTxt span[data-v-29c76562] {
    opacity: .8
}

.commListCnt .txtFunBar[data-v-29c76562] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.commListCnt .txtFunBar .commDate[data-v-29c76562] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 24px
}

.commListCnt .txtFunBar .txtFunBarRight[data-v-29c76562] {
    align-items: center;
    display: flex
}

.commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-29c76562] {
    align-items: center;
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    display: flex
}

.commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-29c76562]:hover {
    color: #fefefe
}

.commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-29c76562]:last-child {
    margin-left: 30px
}

.commListCnt .txtFunBar .txtFunBarRight .funNum .svg-icon[data-v-29c76562], .commListCnt .txtFunBar .txtFunBarRight .funNum i[data-v-29c76562] {
    font-size: 14px
}

.commListCnt .txtFunBar .txtFunBarRight .funNum span[data-v-29c76562] {
    font-size: 12px;
    line-height: 24px;
    margin-left: 8px
}

.admin-marking[data-v-6fb558b2] {
    background-color: rgba(0, 0, 0, .33);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13
}

.admin-marking span[data-v-6fb558b2] {
    cursor: pointer;
    font-size: 14px
}

.admin-marking span[data-v-6fb558b2]:first-child, .admin-marking span[data-v-6fb558b2]:nth-child(2) {
    color: #fff
}

.admin-marking span.not-btn[data-v-6fb558b2] {
    color: red
}

.el-dropdown-item[data-v-6fb558b2] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-6fb558b2] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-6fb558b2] {
    color: #6f767e;
    font-size: 14px
}

.el-dropdown-item-time[data-v-6fb558b2] {
    width: 119px
}

.galleryBox .imgNum[data-v-5e1e764a] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    padding: 3px 6px;
    position: absolute;
    right: 5px;
    top: 5px
}

.galleryBox .imgNum .svg-icon[data-v-5e1e764a] {
    font-size: 15px
}

.galleryBox .imgNum span[data-v-5e1e764a] {
    color: #fff;
    font-size: 10px;
    margin-left: 5px
}

.galleryBox .infoBar[data-v-5e1e764a] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0, 0%, 100%, .14);
    background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0));
    border-radius: 0 0 12px 12px;
    bottom: 0;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: space-between;
    left: 0;
    padding: 0 8px;
    position: absolute;
    width: 100%
}

.galleryBox .infoBar .infoBarUser[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    width: 100px
}

.galleryBox .infoBar .infoBarUser .infoBarUserAvator[data-v-5e1e764a] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    display: flex;
    flex: 0 0 auto;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.galleryBox .infoBar .infoBarUser .infoBarUserText[data-v-5e1e764a] {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.galleryBox .infoBar .infoNum .numBox[data-v-5e1e764a], .galleryBox .infoBar .infoNum[data-v-5e1e764a] {
    align-items: center;
    display: flex
}

.galleryBox .infoBar .infoNum .numBox .svg-icon[data-v-5e1e764a] {
    color: #fff;
    font-size: 16px
}

.galleryBox .infoBar .infoNum .numBox span[data-v-5e1e764a] {
    color: #fff;
    font-size: 12px;
    margin-left: 6px
}

.modelPoint[data-v-5e1e764a] {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    left: 6px;
    padding: 6px 10px;
    position: absolute;
    top: 6px;
    transition: opacity .3s ease-in-out
}

.ellipsis-text[data-v-5e1e764a] {
    color: hsla(0, 0%, 100%, .6);
    display: block;
    font-size: 12px;
    line-height: 15px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modelName[data-v-5e1e764a] {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 4px;
    max-width: 200px
}

.flex-center[data-v-5e1e764a] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.flex-center-image[data-v-5e1e764a] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, .1);
    border-radius: 16px;
    position: relative;
    transition: all .3s ease-in-out
}

.flex-center-image img[data-v-5e1e764a] {
    -o-object-fit: cover;
    object-fit: cover
}

.null-data-container[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.null-data-container .null-image[data-v-5e1e764a] {
    height: 146px;
    width: 146px
}

.null-data-container .null-tips[data-v-5e1e764a] {
    color: #aaacb3;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.no-search-data-container[data-v-5e1e764a] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 260px
}

.no-search-data-container .no-search-image[data-v-5e1e764a] {
    height: 120px;
    width: 120px
}

.no-search-data-container .null-tips[data-v-5e1e764a] {
    color: #aaacb3;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.at-bottom[data-v-5e1e764a] {
    align-items: center;
    bottom: -70px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    width: 100%
}

.at-bottom .dashed-line[data-v-5e1e764a] {
    border: 1px dashed #55617d;
    height: 0;
    width: 120px
}

.at-bottom .tips[data-v-5e1e764a] {
    color: #55617d;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 16px
}

.waterfall-container[data-v-5e1e764a] {
    font-size: 14px;
    height: 100%;
    position: relative;
    width: 100%
}

.waterfall-container.server-list[data-v-5e1e764a] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.waterfall-container.server-list .waterfall-item[data-v-5e1e764a] {
    min-width: 250px;
    position: static;
    width: calc(14.28571% - 12.85714px)
}

.waterfall-container.server-list .waterfall-item .img-content[data-v-5e1e764a] {
    height: 354px
}

.waterfall-item[data-v-5e1e764a] {
    border-radius: 12px;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none
}

.waterfall-item .deffBox[data-v-5e1e764a] {
    align-items: center;
    background-color: #2c354a;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative
}

.waterfall-item .deffBox:hover > .svg-icon[data-v-5e1e764a] {
    opacity: 1
}

.waterfall-item .deffBox .svg-icon[data-v-5e1e764a] {
    font-size: 24px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity .3s ease-in-out
}

.waterfall-item .deffBox div[data-v-5e1e764a]:first-child {
    color: #525d74;
    font-size: 14px
}

.waterfall-item .deffBox div[data-v-5e1e764a]:nth-child(2) {
    align-items: center;
    background-color: #202636;
    border-radius: 2px 0 12px 0;
    bottom: 0;
    display: flex;
    padding: 4px;
    position: absolute;
    right: 0
}

.waterfall-item .deffBox div:nth-child(2) i[data-v-5e1e764a] {
    color: #505c75;
    font-size: 12px
}

.waterfall-item .deffBox div:nth-child(2) span[data-v-5e1e764a] {
    color: #505c75;
    font-size: 12px;
    margin-left: 5px
}

.waterfall-item .timeRow[data-v-5e1e764a] {
    align-items: center;
    color: #fff;
    display: flex
}

.waterfall-item .listCnt[data-v-5e1e764a] {
    align-items: center;
    background-color: #1e2a3b;
    border-radius: 12px;
    cursor: zoom-in !important;
    display: flex;
    justify-content: center;
    position: relative
}

.waterfall-item .listCnt .img-content[data-v-5e1e764a] {
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.waterfall-item .listCnt .img-content .NSFWSHOW[data-v-5e1e764a] {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 8px;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all .3s ease-in-out;
    width: 32px;
    z-index: 3
}

.waterfall-item .listCnt .img-content .NSFWSHOW .svg-icon[data-v-5e1e764a] {
    color: #fff;
    font-size: 18px
}

.waterfall-item .listCnt .img-content img[data-v-5e1e764a] {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.waterfall-item .listCnt .img-content:hover .cntImg[data-v-5e1e764a] {
    transform: scale(1.15)
}

.waterfall-item .listCnt .statusCnt[data-v-5e1e764a] {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusZg[data-v-5e1e764a] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.waterfall-item .listCnt .statusCnt .statusBox[data-v-5e1e764a] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    margin-left: -45px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: 120px
}

.waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-5e1e764a] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .listCnt .statusCnt .statusBox div[data-v-5e1e764a] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.waterfall-item .listCnt[data-v-5e1e764a]:hover {
    cursor: pointer
}

.waterfall-item .listCnt:hover .hover-show[data-v-5e1e764a], .waterfall-item .listCnt:hover .waterfall-hover-photo[data-v-5e1e764a], .waterfall-item .listCnt:hover .waterfall-hover-try[data-v-5e1e764a] {
    opacity: 1 !important;
    transition: all .3s ease-in-out
}

.waterfall-item .listCnt:hover .CollectPop[data-v-5e1e764a], .waterfall-item .listCnt:hover .NSFWSHOW[data-v-5e1e764a], .waterfall-item .listCnt:hover .cltpop[data-v-5e1e764a] {
    opacity: 1 !important
}

.waterfall-item .listCnt:hover .modelPoint[data-v-5e1e764a], .waterfall-item .listCnt:hover .payNum[data-v-5e1e764a] {
    opacity: 0
}

.waterfall-item .cntImg[data-v-5e1e764a] {
    height: 100%;
    transition: all .3s;
    width: 100%
}

.waterfall-item .cntVideo[data-v-5e1e764a] {
    height: 100%;
    width: 100%
}

.waterfall-item .workInfo[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%
}

.waterfall-item .workInfo .numInfo[data-v-5e1e764a] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .1);
    border-radius: 24px;
    display: flex;
    height: 28px;
    padding: 0 7px
}

.waterfall-item .workInfo .numInfo .numItem[data-v-5e1e764a] {
    align-items: center;
    display: flex
}

.waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-5e1e764a] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.waterfall-item .workInfo .numInfo .numItem span[data-v-5e1e764a] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.waterfall-item .CollectPop[data-v-5e1e764a] {
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    z-index: 2
}

.waterfall-item .cltpop[data-v-5e1e764a] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.waterfall-item .payNum[data-v-5e1e764a] {
    left: 9px;
    opacity: 1;
    position: absolute;
    top: 6px;
    transition: all .3s
}

.waterfall-item .green-mode-div[data-v-5e1e764a] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.waterfall-item .waterfall-hover-try[data-v-5e1e764a] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.waterfall-item .hover-show[data-v-5e1e764a], .waterfall-item .waterfall-hover-photo[data-v-5e1e764a] {
    opacity: 0
}

.waterfall-item img[data-v-5e1e764a] {
    border-radius: inherit;
    display: block;
    min-height: 100%;
    transition: transform .3s ease-out
}

.waterfall-item .avatorClass[data-v-5e1e764a] {
    align-items: center;
    background-color: #6d717e;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    margin-right: 6px;
    text-align: center;
    width: 20px
}

.waterfall-item .shade[data-v-5e1e764a] {
    bottom: 0;
    color: #fff;
    height: 160px;
    left: 0;
    line-height: 160px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 160px
}

.waterfall-item .shade p[data-v-5e1e764a] {
    position: relative;
    z-index: 2
}

.waterfall-item .shade[data-v-5e1e764a]:after {
    background: #0f101b;
    border-radius: 80px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.waterfall-item .activity[data-v-5e1e764a] {
    align-content: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.waterfall-item .activity[data-v-5e1e764a]:hover {
    opacity: 1
}

.waterfall-item .activity .top-container[data-v-5e1e764a] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

.waterfall-item .activity .top-container .name[data-v-5e1e764a] {
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .9);
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    max-width: calc(100% - 72px);
    overflow: hidden;
    padding: 0 3px 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .top-container .collect-num[data-v-5e1e764a] {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    padding-right: 8px;
    width: 72px
}

.waterfall-item .activity .top-container .collect-num .svg-icon[data-v-5e1e764a] {
    margin-right: 3px
}

.waterfall-item .activity .personal-info[data-v-5e1e764a] {
    box-sizing: border-box;
    padding: 5px 8px 10px;
    width: 100%
}

.waterfall-item .activity .personal-info .left-info[data-v-5e1e764a], .waterfall-item .activity .personal-info[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.waterfall-item .activity .personal-info .left-info .avatorClass[data-v-5e1e764a] {
    height: 26px;
    width: 26px
}

.waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-5e1e764a] {
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-item .activity .personal-info .like-num[data-v-5e1e764a] {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    margin-left: 3px;
    width: 65px
}

.waterfall-item .activity .personal-info .like-num .svg-icon[data-v-5e1e764a] {
    margin-right: 3px
}

.prompt-show[data-v-5e1e764a]:after {
    background-color: #d8d8d8;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    content: "sign up for more options";
    display: none;
    font-size: 12px;
    left: 25px;
    line-height: 24px;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    top: 35px;
    transition: opacity .5s ease-in-out;
    width: 150px;
    z-index: 10
}

.prompt-show[data-v-5e1e764a]:hover:after {
    display: inline
}

.waterfall-hover-photo[data-v-5e1e764a] {
    background: #0f121c;
    border-radius: 8px;
    bottom: 5px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 2%;
    padding: 10px 12px 15px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 96%;
    z-index: 2
}

.waterfall-hover-photo[data-v-5e1e764a]:hover {
    cursor: default
}

.waterfall-hover-photo .hoverTop[data-v-5e1e764a] {
    color: #ff3939;
    font-size: 12px;
    height: 32px
}

.waterfall-hover-photo .hoverTop .moreEdit[data-v-5e1e764a], .waterfall-hover-photo .hoverTop[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.waterfall-hover-photo .hoverMiddle[data-v-5e1e764a] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #cbd5e1;
    display: -webkit-box;
    font-size: 12px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.waterfall-hover-photo .hoverBottom[data-v-5e1e764a] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    justify-content: space-between;
    line-height: 34px;
    margin-top: 6px
}

.waterfall-hover-model[data-v-5e1e764a] {
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 3
}

.waterfall-hover-model[data-v-5e1e764a]:hover {
    cursor: default
}

.waterfall-hover-model .hoverTop[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    padding: 8px 16px 0
}

.waterfall-hover-model .hoverTop span[data-v-5e1e764a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.waterfall-hover-model .hoverBottom[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 6px
}

.login-waterFall-btn-icon-model[data-v-5e1e764a] {
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer
}

.login-waterFall-btn-icon-model[data-v-5e1e764a], .login-waterFall-btn-icon[data-v-5e1e764a] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
    position: relative
}

.login-waterFall-btn-icon[data-v-5e1e764a] {
    border: 1px solid transparent;
    border-radius: 17px;
    color: #cbd5e1;
    margin-left: 4px;
    padding: 3px
}

.login-waterFall-btn-icon[data-v-5e1e764a]:hover {
    background: #494f80;
    border: 1px solid #494f80;
    color: #fff;
    cursor: pointer
}

.login-waterFall-btn-icon[data-v-5e1e764a]:active {
    background: #1e2a3b;
    border: 1px solid #4c5286
}

.noLogin-waterFall-btn-icon[data-v-5e1e764a], .noLogin-waterFall-collect-icon[data-v-5e1e764a] {
    align-items: center;
    border-radius: 17px;
    color: #cbd5e1;
    display: flex;
    font-size: 20px;
    justify-content: center;
    margin-left: 4px;
    padding: 3px;
    position: relative
}

.noLogin-waterFall-btn-icon[data-v-5e1e764a]:hover, .noLogin-waterFall-collect-icon[data-v-5e1e764a]:hover {
    background: #494f80;
    color: #fff
}

.noLogin-waterFall-btn-icon[data-v-5e1e764a]:active, .noLogin-waterFall-collect-icon[data-v-5e1e764a]:active {
    background: #1e2a3b;
    border-color: #4c5286
}

.noLogin-waterFall-btn-icon[data-v-5e1e764a]:after {
    background-color: #d8d8d8;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    content: "sign in for more options";
    font-size: 12px;
    left: 25px;
    line-height: 24px;
    opacity: 0;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    top: 35px;
    transition: opacity .5s ease-in-out;
    width: 140px;
    z-index: 10
}

.noLogin-waterFall-btn-icon[data-v-5e1e764a]:hover:after {
    opacity: 1
}

.fade-enter-active[data-v-5e1e764a], .fade-leave-active[data-v-5e1e764a] {
    transition: opacity .5s
}

.fade-enter[data-v-5e1e764a], .fade-leave-to[data-v-5e1e764a] {
    opacity: 0
}

.fade-move[data-v-5e1e764a] {
    transition: transform .5s
}

.bntitem[data-v-5e1e764a] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-5e1e764a] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-5e1e764a]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-5e1e764a]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-5e1e764a]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-5e1e764a]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-5e1e764a]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-5e1e764a]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.activity-rank {
    box-sizing: border-box;
    margin-top: 70px;
    padding: 0 10px;
    width: 100%
}

.activity-rank .tabs-container {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 40px;
    justify-content: center;
    width: 100%
}

.activity-rank .tabs-container .tab-item {
    align-items: center;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: flex;
    font-family: Helvetica-Bold, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    margin-right: 25px;
    padding: 0 10px;
    position: relative
}

.activity-rank .tabs-container .tab-item.active {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 55px;
    color: #fff
}

.activity-rank .tabs-container :last-child {
    margin-right: 0
}

.activity-rank .tags-container {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: flex-start;
    margin: 5px 0 12px;
    width: 100%
}

.activity-rank .tags-container .filter-button {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 10px;
    padding: 0 16px;
    transition: all .5s ease-in-out
}

.activity-rank .tags-container .filter-button .svg-icon {
    font-size: 18px;
    transition: all .5s ease-in-out
}

.activity-rank .tags-container .filter-button .words {
    color: #94a3b8;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
}

.activity-rank .tags-container .filter-button:first-child {
    margin-left: 0
}

.activity-rank .tags-container .filter-button:hover {
    background-color: #1c2433
}

.activity-rank .tags-container .filter-button.active {
    background: rgba(31, 35, 48, .8);
    border-radius: 20px
}

.activity-rank .tags-container .filter-button.active .words {
    color: #e7edf5;
    font-weight: 500
}

.activity-rank .rank {
    width: 100%
}

.rankDetail[data-v-42c743c1] {
    color: #fff;
    min-height: calc(100vh - 72px)
}

.rankDetail .bg[data-v-42c743c1] {
    background-image: url(/_nuxt/img/rankBg.34a1394.webp);
    background-repeat: repeat-y;
    background-size: auto;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 72px);
    padding-bottom: 60px;
    width: 100%
}

.rankDetail .bg .cnt[data-v-42c743c1] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.rankDetail .bg .cnt .title[data-v-42c743c1] {
    font-size: 56px;
    margin-top: 10px
}

.rankDetail .bg .cnt .title .sa[data-v-42c743c1] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #1271ff, #20ffff);
    -webkit-background-clip: text;
    font-family: Arial-Bold, Arial;
    font-size: 56px;
    font-weight: 700
}

.rankDetail .bg .cnt .title .hotRank[data-v-42c743c1] {
    margin-left: 20px
}

.rankDetail .bg .cnt .subTitle[data-v-42c743c1] {
    color: #d0d3dc;
    font-size: 18px;
    margin-top: 6px;
    text-align: center
}

.rankDetail .bg .cnt .tabsBox[data-v-42c743c1] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 12px;
    box-sizing: border-box;
    height: 66px;
    margin-top: 20px;
    padding: 1px;
    width: 816px
}

.rankDetail .bg .cnt .tabsBox .tabs[data-v-42c743c1] {
    background-color: #191520;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 6px;
    width: 100%
}

.rankDetail .bg .cnt .tabsBox .tabs .tabItem[data-v-42c743c1] {
    align-items: center;
    border-radius: 12px;
    color: #bfc0c1;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 18px;
    height: 100%;
    justify-content: center
}

.rankDetail .bg .cnt .tabsBox .tabs .tabItemActivate[data-v-42c743c1] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    color: #fff
}

.rankDetail .bg .cnt .activityRules[data-v-42c743c1] {
    color: rgba(208, 211, 220, .7);
    cursor: pointer;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 80px;
    top: -35px
}

.rankDetail .bg .cnt .activityRules .words[data-v-42c743c1] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.rankDetail .bg .cnt .ranks[data-v-42c743c1] {
    display: flex;
    height: 706px;
    justify-content: center;
    margin-top: 32px;
    width: 100%
}

.rankDetail .bg .cnt .ranks.activity[data-v-42c743c1] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 0 70px;
    position: relative
}

.rankDetail .bg .cnt .ranks.activity .rankContainer[data-v-42c743c1] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] {
    flex: 1
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left {
    width: 100%
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .name .vip-icon {
    margin-bottom: 2px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .create-and-collect {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 3px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .create-and-collect .svg-icon {
    fill: #878c97;
    height: 14px;
    width: 14px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .create-and-collect .words {
    color: #fff;
    font-family: Arial-Regular, Arial;
    font-size: 12px;
    font-weight: 400
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .create-and-collect .collect {
    margin-left: 25px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .info .txt .followers {
    margin-top: 1px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .quan {
    width: 73px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .quan .svg-icon {
    margin-right: 3px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .quan .svg-icon.ranks-user {
    font-size: 21px;
    margin-right: 2px
}

.rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-42c743c1] .list .item .left .quan .svg-icon.like {
    font-size: 18px;
    margin-right: 5px
}

.scroll:hover .scroll-btn[data-v-5de85d48] {
    display: block
}

.scroll .scroll-wrapper[data-v-5de85d48] {
    overflow: hidden
}

.scroll .scroll-content[data-v-5de85d48] {
    display: flex;
    gap: 16px;
    overflow: visible;
    position: relative;
    transition: transform .3s ease-out
}

.scroll .scroll-btn[data-v-5de85d48] {
    background-color: hsla(0, 0%, 100%, .4);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    opacity: .95;
    outline: none;
    padding: 0;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 40px
}

.scroll .scroll-btn[data-v-5de85d48]:hover {
    opacity: 1
}

.scroll .scroll-btn.disabled[data-v-5de85d48] {
    cursor: not-allowed
}

.scroll .scroll-btn.disabled[data-v-5de85d48]:hover {
    opacity: .5
}

.scroll .scroll-btn-left[data-v-5de85d48] {
    left: -25px
}

.scroll .scroll-btn-right[data-v-5de85d48] {
    right: -25px
}

.main[data-v-90c721c6] {
    width: 100%
}

.main .changeBnt[data-v-90c721c6], .main[data-v-90c721c6] {
    display: flex;
    justify-content: center
}

.main .changeBnt[data-v-90c721c6] {
    align-items: center;
    background-color: rgba(119, 126, 144, .3);
    border-radius: 100%;
    cursor: pointer;
    height: 40px;
    position: fixed;
    top: 370px;
    width: 40px
}

.main .changeBnt i[data-v-90c721c6] {
    color: #fff;
    font-size: 25px
}

.main .left[data-v-90c721c6] {
    left: 10%
}

.main .right[data-v-90c721c6] {
    right: 10%
}

.main .cnt[data-v-90c721c6] {
    background: #141416;
    border-radius: 14px 14px 14px 14px;
    box-sizing: border-box;
    min-height: 536px;
    padding: 24px;
    position: relative;
    width: 876px
}

.main .cnt .el-icon-close[data-v-90c721c6] {
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 17px;
    position: absolute;
    right: 33px;
    top: 25px
}

.main .cnt .cntinfo[data-v-90c721c6] {
    display: flex;
    height: 536px;
    width: 100%
}

.main .cnt .cntinfo .img[data-v-90c721c6] {
    border-radius: 13px;
    height: 536px;
    overflow: hidden;
    position: relative;
    width: 354px
}

.main .cnt .cntinfo .img:hover .bntBng[data-v-90c721c6], .main .cnt .cntinfo .img:hover .bntBox[data-v-90c721c6] {
    opacity: 1
}

.main .cnt .cntinfo .img .bntBox[data-v-90c721c6] {
    bottom: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 1
}

.main .cnt .cntinfo .img .bntBox .bnts[data-v-90c721c6] {
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: all .3s;
    width: 40px
}

.main .cnt .cntinfo .img .bntBox .bnts[data-v-90c721c6]:hover {
    background: rgba(0, 115, 255, .36)
}

.main .cnt .cntinfo .img .bntBox .bnts .svg-icon[data-v-90c721c6] {
    color: #fff;
    font-size: 25px
}

.main .cnt .cntinfo .img .bntBng[data-v-90c721c6] {
    background: linear-gradient(rgba(18, 19, 21, 0) -2.43%, #121315 97.57%);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 1
}

.main .cnt .cntinfo .img .el-image[data-v-90c721c6] {
    border-radius: 13px;
    height: 100%;
    width: 100%
}

.main .cnt .cntinfo .infos[data-v-90c721c6] {
    margin-left: 20px;
    width: 454px
}

.main .cnt .cntinfo .infos .name[data-v-90c721c6] {
    color: #fcfcfd;
    font-size: 28px;
    font-weight: 700
}

.main .cnt .cntinfo .infos .promptTit[data-v-90c721c6] {
    color: #777e90;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 10px 0
}

.main .cnt .cntinfo .infos .promptTxt[data-v-90c721c6] {
    background: #1a1d23;
    border-radius: 16px;
    box-shadow: 0 64px 64px -48px rgba(31, 47, 70, .12);
    box-sizing: border-box;
    color: rgba(252, 252, 253, .8);
    font-size: 14px;
    height: 216px;
    line-height: 24px;
    overflow: auto;
    padding: 12px 24px;
    width: 100%
}

.main .cnt .cntinfo .infos .bnt[data-v-90c721c6] {
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
    width: 100%
}

.main .cnt .cntinfo .infos .bnt .bntItem[data-v-90c721c6] {
    align-items: center;
    background: #1a1d23;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 220px
}

.main .cnt .cntinfo .infos .bnt .bntItem .svg-icon[data-v-90c721c6] {
    color: #91b1d5;
    font-size: 24px;
    margin-right: 6px
}

.main .cnt .cntinfo .infos .bnt .bntItem span[data-v-90c721c6] {
    color: #91b1d5;
    font-size: 14px
}

.main .cnt .cntinfo .infos .line[data-v-90c721c6] {
    background: hsla(0, 0%, 100%, .1);
    height: 1px;
    margin: 21px 0 15px;
    width: 100%
}

.main .cnt .cntinfo .infos .otherInfo[data-v-90c721c6] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.main .cnt .cntinfo .infos .otherInfo .otherItem[data-v-90c721c6] {
    width: 50%
}

.main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-90c721c6] {
    box-sizing: border-box;
    padding-left: 24px
}

.main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-90c721c6]:first-child {
    color: #777e90;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px
}

.main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-90c721c6]:nth-child(2) {
    color: #fcfcfd;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px
}

.main .cnt .cntinfo .infos .tryBox[data-v-90c721c6] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%
}

.main .cnt .cntinfo .infos .tryBox .try[data-v-90c721c6] {
    align-items: center;
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 47px;
    color: #fcfcfd;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 56px;
    justify-content: center;
    width: 362px
}

.main .cnt .recommend .tit[data-v-90c721c6] {
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px;
    margin: 25px 0 15px
}

.main .cnt .recommend .tit .view-more[data-v-90c721c6] {
    cursor: pointer
}

.studioImageInfo {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .5)
}

.studioImageInfo .el-dialog__header {
    padding: 0
}

.studioImageInfo .el-dialog__body {
    height: calc(100vh - 160px);
    overflow: auto;
    padding: 80px 0;
    width: 100%
}

.c-studio-filter-component[data-v-6aaec73c] {
    background-color: var(--containerBg);
    color: #fff;
    font-size: 20px;
    margin-bottom: 16px;
    position: relative;
    width: inherit;
    z-index: 1
}

.c-studio-filter-component .filter-buttons-box[data-v-6aaec73c] {
    align-items: center;
    background: #0a0b17;
    border-radius: 8px;
    display: inline-flex;
    height: 40px;
    width: 353px
}

.c-studio-filter-component .modelType[data-v-6aaec73c], .c-studio-filter-component .showType[data-v-6aaec73c] {
    position: absolute;
    right: 0;
    top: 0
}

.c-studio-filter-component .showType[data-v-6aaec73c] {
    background: #0f1021;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    height: 40px;
    width: 233px
}

.c-studio-filter-component .showType[data-v-6aaec73c] .el-select__tags {
    flex-wrap: nowrap;
    max-width: 140px !important
}

.c-studio-filter-component .showType[data-v-6aaec73c] .el-tag {
    background: #2e385e;
    border-radius: 6px;
    color: #fff;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    line-height: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.c-studio-filter-component .showType[data-v-6aaec73c] .el-tag__close {
    background-color: #3a4e92;
    color: #fff
}

.c-studio-filter-component .showType[data-v-6aaec73c] .el-input__inner {
    background: #0a0b17;
    border: 0;
    border-radius: 10px
}

.top[data-v-6aaec73c] {
    display: flex
}

.top .filter-title[data-v-6aaec73c] {
    font-size: 36px;
    margin-bottom: 24px
}

.filter-buttons .filter-button[data-v-6aaec73c] {
    align-items: center;
    background: transparent;
    border: none !important;
    border-radius: 8px;
    box-sizing: border-box;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-left: 5px;
    padding: 0 16px;
    transition: all .5s ease-in-out;
    width: 114px
}

.filter-buttons .filter-button .svg-icon[data-v-6aaec73c] {
    font-size: 18px
}

.filter-buttons .filter-button span[data-v-6aaec73c] {
    font-size: 14px
}

.filter-buttons .filter-button[data-v-6aaec73c]:first-child {
    margin-left: 0
}

.filter-buttons .filter-button[data-v-6aaec73c]:hover {
    background-color: #1c2433
}

.filter-buttons .filter-button[data-v-6aaec73c]:active {
    background: linear-gradient(90deg, #3f8cff, #20ffff)
}

.filter-buttons .filter-button:active span[data-v-6aaec73c] {
    color: #fff
}

.filter-buttons .filter-button-icon[data-v-6aaec73c] {
    transition: all .5s ease-in-out
}

.filter-buttons .active[data-v-6aaec73c] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    color: #fff
}

.filter-buttons .active .filter-button-icon[data-v-6aaec73c] {
    color: #fff
}

[data-v-6aaec73c] .el-tabs__nav-wrap .el-tabs__nav-scroll {
    display: flex;
    justify-content: flex-end
}

[data-v-6aaec73c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
    color: #64748b;
    font-size: 18px
}

[data-v-6aaec73c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active {
    color: #e2e8f0
}

[data-v-6aaec73c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar {
    background-color: #d8d8d8
}

[data-v-6aaec73c] .el-tabs__nav-wrap:after {
    background-color: transparent
}

.studio-show-type.is-multiple .el-select-dropdown__item.selected {
    background: rgba(83, 100, 138, .3) !important;
    border-radius: 6px;
    margin-bottom: 4px
}

.studio-index[data-v-5c902624] {
    box-sizing: border-box;
    color: #fff;
    width: 100%
}

.studio-index .content[data-v-5c902624] {
    margin-top: 35px;
    position: relative
}

.studio-index .content[data-v-5c902624]:first-child {
    margin-top: 20px
}

.studio-index .content .title[data-v-5c902624] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(110deg, #39bec5, #1dc7fd 20%, #ea83f1 67%, #ef7456);
    -webkit-background-clip: text;
    display: inline-block;
    font-family: "Inter-Medium", Inter, var(--font-family);
    font-size: 22px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    margin-bottom: 14px
}

.studio-index .content .title.s-font[data-v-5c902624] {
    font-size: 20px
}

.studio-index .content .view-more[data-v-5c902624] {
    color: #ccc;
    cursor: pointer;
    float: right;
    font-family: Helvetica-Regular, Helvetica;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 30px
}

.studio-index .wraper[data-v-5c902624] {
    position: relative
}

.studio-index .no-data-text[data-v-5c902624] {
    align-items: center;
    color: #909399;
    display: flex;
    font-size: 20px;
    height: 400px;
    justify-content: center
}

.studio-index .lab-list[data-v-5c902624] {
    position: relative
}

.studio-index .lab-list .lab-item[data-v-5c902624] {
    border-radius: 10px;
    cursor: pointer;
    flex-shrink: 0;
    height: auto;
    overflow: hidden;
    width: 280px
}

.studio-index .lab-list .lab-item .lab-img-content[data-v-5c902624] {
    background-position: top;
    background-size: cover;
    height: 240px;
    overflow: hidden;
    width: 100%
}

.studio-index .lab-list .lab-item .lab-img-content .lab-img-item[data-v-5c902624] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-out;
    width: 100%
}

.studio-index .lab-list .lab-item .lab-type[data-v-5c902624] {
    background: #131313;
    color: #fefefe;
    flex-grow: 1;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%
}

.studio-index .lab-list .lab-item .lab-type .lab-type-title[data-v-5c902624] {
    line-height: 20px;
    margin: 10px 14px 2px
}

.studio-index .lab-list .lab-item .lab-type .lab-type-text[data-v-5c902624] {
    color: #dbdbdb;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 2px 14px 10px
}

.studio-index .lab-list .lab-item:hover .lab-img-content[data-v-5c902624] {
    filter: brightness(.6)
}

.studio-index .lab-list .lab-item:hover .lab-type[data-v-5c902624] {
    background: #232323
}

.studio-index .admin-off[data-v-5c902624] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.studio-index .admin-off[data-v-5c902624]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.studio-index .admin-off.open[data-v-5c902624] {
    background: #191a27;
    color: #fff
}

.studio-index .admin-off.open[data-v-5c902624]:before {
    display: none
}

.filter-component[data-v-116306e6] {
    background-color: var(--containerBg);
    color: #fff;
    font-size: 20px;
    margin: 16px 0;
    position: relative;
    width: inherit;
    z-index: 1
}

.filter-component .modelType[data-v-116306e6], .filter-component .showType[data-v-116306e6] {
    position: absolute;
    right: 0;
    top: 0
}

.filter-component .showType[data-v-116306e6] {
    background: #0f1021;
    border: 1px solid #181b2a;
    border-radius: 8px;
    height: 40px;
    width: 166px
}

.filter-component .showType[data-v-116306e6] .el-input__inner {
    border: 0
}

.top[data-v-116306e6] {
    display: flex
}

.top .filter-title[data-v-116306e6] {
    font-size: 36px;
    margin-bottom: 24px
}

.filter-buttons .filter-button[data-v-116306e6] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 10px;
    padding: 0 16px;
    transition: all .5s ease-in-out
}

.filter-buttons .filter-button .svg-icon[data-v-116306e6] {
    font-size: 18px
}

.filter-buttons .filter-button span[data-v-116306e6] {
    font-size: 14px
}

.filter-buttons .filter-button[data-v-116306e6]:first-child {
    margin-left: 0
}

.filter-buttons .filter-button[data-v-116306e6]:hover {
    background-color: #1c2433
}

.filter-buttons .filter-button[data-v-116306e6]:active {
    border-color: #1e293b
}

.filter-buttons .filter-button:active span[data-v-116306e6] {
    color: #fff
}

.filter-buttons .filter-button-icon[data-v-116306e6] {
    transition: all .5s ease-in-out
}

.filter-buttons .active[data-v-116306e6] {
    background-color: #1c2433;
    color: #fff
}

[data-v-116306e6] .el-tabs__nav-wrap .el-tabs__nav-scroll {
    display: flex;
    justify-content: flex-end
}

[data-v-116306e6] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
    color: #64748b;
    font-size: 18px
}

[data-v-116306e6] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active {
    color: #e2e8f0
}

[data-v-116306e6] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar {
    background-color: #d8d8d8
}

[data-v-116306e6] .el-tabs__nav-wrap:after {
    background-color: transparent
}

.p-studio-style-list .studio-style-list-title[data-v-6b0ec339] {
    margin-bottom: 16px;
    margin-top: 20px
}

.p-studio-style-list .studio-style-list-title .studio-style-list-title-text[data-v-6b0ec339] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #39bec5, #1dc2fd 32%, #ea83f1 62%, #ef7456);
    -webkit-background-clip: text;
    font-family: Inter-Medium, Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.p-studio-style-list .studio-style-list[data-v-6b0ec339] {
    grid-gap: 16px;
    display: grid;
    grid-template-columns:repeat(6, 1fr)
}

.p-studio-style-list .studio-style-list .lab-item[data-v-6b0ec339] {
    border-radius: 10px;
    cursor: pointer;
    flex-shrink: 0;
    height: auto;
    max-height: 336px;
    max-width: 278px;
    overflow: hidden
}

.p-studio-style-list .studio-style-list .lab-item .lab-img-content[data-v-6b0ec339] {
    background-position: top;
    background-size: cover;
    height: 240px;
    overflow: hidden;
    width: 100%
}

.p-studio-style-list .studio-style-list .lab-item .lab-img-content .lab-img-item[data-v-6b0ec339] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-out;
    width: 100%
}

.p-studio-style-list .studio-style-list .lab-item .lab-type[data-v-6b0ec339] {
    background: #131313;
    color: #fefefe;
    flex-grow: 1;
    font-family: "Inter-Bold", Inter, var(--font-family);
    font-size: 14px;
    font-weight: 400;
    height: 96px;
    line-height: 20px;
    width: 100%
}

.p-studio-style-list .studio-style-list .lab-item .lab-type .lab-type-title[data-v-6b0ec339] {
    line-height: 20px;
    margin: 10px 14px 2px
}

.p-studio-style-list .studio-style-list .lab-item .lab-type .lab-type-text[data-v-6b0ec339] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #dbdbdb;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 2px 14px 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-studio-style-list .studio-style-list .lab-item:hover .lab-img-content[data-v-6b0ec339] {
    filter: brightness(.6)
}

.p-studio-style-list .studio-style-list .lab-item:hover .lab-type[data-v-6b0ec339] {
    background: #232323
}

.p-studio-style-list .mobile-back-to[data-v-6b0ec339] {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 80px;
    width: 52px;
    z-index: 98
}

.p-studio-style-list .mobile-back-to i[data-v-6b0ec339] {
    color: #fff;
    font-size: 28px
}

.p-studio-style-list .mobile-back-to[data-v-6b0ec339]:hover {
    background-color: #1c2433
}

.imageGatherDetails[data-v-7c0a1ed2] {
    color: #fff;
    min-height: calc(100vh - 72px);
    width: 100%
}

.imageGatherDetails .topBox[data-v-7c0a1ed2] {
    background: #0a0b17;
    box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5);
    height: 48px;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%
}

.imageGatherDetails .topBox .left[data-v-7c0a1ed2], .imageGatherDetails .topBox[data-v-7c0a1ed2] {
    align-items: center;
    display: flex
}

.imageGatherDetails .topBox .left .item[data-v-7c0a1ed2] {
    align-items: center;
    display: flex;
    margin-right: 90px
}

.imageGatherDetails .topBox .left .item .lab[data-v-7c0a1ed2] {
    color: #94a3b8;
    font-size: 14px
}

.imageGatherDetails .topBox .left .item .txt[data-v-7c0a1ed2] {
    color: #fff;
    font-size: 14px;
    margin-left: 26px
}

.imageGatherDetails .topBox .right[data-v-7c0a1ed2] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.imageGatherDetails .myImgs .imgTit[data-v-7c0a1ed2] {
    align-items: center;
    display: flex;
    margin: 10px 0
}

.imageGatherDetails .myImgs .imgTit span[data-v-7c0a1ed2] {
    color: #94a3b8;
    font-size: 14px
}

.imageGatherDetails .myImgs .imgTit div[data-v-7c0a1ed2] {
    align-items: center;
    display: flex;
    margin-left: 23px
}

.imageGatherDetails .myImgs .imgTit div i[data-v-7c0a1ed2] {
    color: rgba(148, 163, 184, .6);
    font-size: 14px;
    margin-right: 8px
}

.imageGatherDetails .myImgs .imgTit div span[data-v-7c0a1ed2] {
    color: rgba(148, 163, 184, .6);
    font-size: 12px
}

.imageGatherDetails .imgs[data-v-7c0a1ed2] {
    background: #1c1d2a;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 18px;
    padding: 12px;
    position: relative
}

.imageGatherDetails .imgs .clearAll[data-v-7c0a1ed2] {
    align-items: center;
    bottom: 17px;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 28px
}

.imageGatherDetails .imgs .clearAll .svg-icon[data-v-7c0a1ed2] {
    font-size: 16px
}

.imageGatherDetails .imgs .clearAll span[data-v-7c0a1ed2] {
    color: #94a3b8;
    font-size: 16px;
    margin-left: 5px
}

.imageGatherDetails .imgs .defTxt[data-v-7c0a1ed2] {
    align-items: center;
    color: #9dabc1;
    display: flex;
    font-size: 20px;
    height: 100px;
    justify-content: center;
    width: 100%
}

.imageGatherDetails .imgs .imgList[data-v-7c0a1ed2] {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.imageGatherDetails .imgs .imgList .imgItem[data-v-7c0a1ed2] {
    background: rgba(49, 51, 69, .4);
    border-radius: 8px;
    height: 157px;
    margin: 0 14px 14px 0;
    overflow: hidden;
    position: relative;
    width: 157px
}

.imageGatherDetails .imgs .imgList .imgItem:hover .imgClear[data-v-7c0a1ed2] {
    opacity: 1
}

.imageGatherDetails .imgs .imgList .imgItem img[data-v-7c0a1ed2] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.imageGatherDetails .imgs .imgList .imgItem .imgClear[data-v-7c0a1ed2] {
    align-items: center;
    background: rgba(226, 83, 83, .2);
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.imageGatherDetails .imgs .imgList .imgItem .imgClear .svg-icon[data-v-7c0a1ed2] {
    font-size: 14px
}

.imageGatherDetails .trainTabs[data-v-7c0a1ed2] {
    margin-top: 25px
}

.imageGatherDetails .workTip[data-v-7c0a1ed2] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.imageGatherDetails .workTip i[data-v-7c0a1ed2] {
    color: #fff;
    font-size: 12px;
    margin-right: 5px
}

.imageGatherDetails .workTip span[data-v-7c0a1ed2] {
    color: #fff;
    font-size: 12px
}

.imageGatherDetails .search[data-v-7c0a1ed2] {
    background: #1c1d2a;
    border-radius: 100px;
    box-sizing: border-box;
    height: 32px;
    justify-content: space-between;
    margin-top: 14px;
    padding: 0 14px;
    width: 700px
}

.imageGatherDetails .search div[data-v-7c0a1ed2], .imageGatherDetails .search[data-v-7c0a1ed2] {
    align-items: center;
    display: flex
}

.imageGatherDetails .search div .svg-icon[data-v-7c0a1ed2] {
    font-size: 18px
}

.imageGatherDetails .search div input[data-v-7c0a1ed2] {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #fff;
    height: 100%;
    outline: none;
    width: 600px
}

.imageGatherDetails .search i[data-v-7c0a1ed2] {
    cursor: pointer
}

.imageGatherDetails .wraper[data-v-7c0a1ed2] {
    margin-top: 14px
}

.addBox[data-v-7c0a1ed2] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 16px;
    padding: 1px
}

.addBox .add[data-v-7c0a1ed2] {
    align-items: center;
    background-color: #0a0b17;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 12px 16px
}

.addBox .add .svg-icon[data-v-7c0a1ed2] {
    font-size: 18px;
    margin-right: 17px
}

.addBox .add span[data-v-7c0a1ed2] {
    color: #fff;
    font-size: 14px
}

.trainTabs .el-tabs__item {
    color: #abbdd7;
    font-size: 16px
}

.trainTabs .el-tabs__item.is-active {
    color: #fff
}

.trainTabs .el-tabs__nav-wrap:after {
    background-color: transparent;
    background-color: initial;
    box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5)
}

.trainTabs .el-tabs__active-bar {
    background: linear-gradient(90deg, #3f8cff, #20ffff)
}

.video-artwork .search[data-v-46d75379] {
    height: 32px;
    margin: 15px 0 25px;
    width: 700px
}

.video-artwork .search input[data-v-46d75379] {
    border-radius: 20px
}

.video-artwork .wraper[data-v-46d75379] {
    margin-top: 14px
}

.play-progress[data-v-152ebd68] {
    align-items: center;
    display: flex;
    gap: 20px
}

.duration[data-v-152ebd68] {
    background: #393d4a;
    cursor: pointer;
    flex: 1;
    width: 300px
}

.duration p[data-v-152ebd68], .duration[data-v-152ebd68] {
    border-radius: 3px;
    height: 6px
}

.duration p[data-v-152ebd68] {
    background: #cbd5e1;
    width: 50%
}

.preview-video[data-v-c5110152] {
    align-items: center;
    display: flex;
    height: 450px;
    justify-content: center
}

.preview-video .image-show[data-v-c5110152] {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    height: 350px;
    position: relative;
    width: 280px
}

.preview-video .image-show .play-progress[data-v-c5110152] {
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.preview-video .image-show img[data-v-c5110152] {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    width: 100%
}

.trainTabs[data-v-66bb5968] {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding: 0 10px
}

[data-v-66bb5968] .el-steps {
    width: 90%
}

[data-v-66bb5968] .el-steps .el-step__head .el-step__icon {
    height: 36px;
    width: 36px
}

[data-v-66bb5968] .el-steps .el-step__head .el-step__line {
    height: 1px;
    top: 17px
}

[data-v-66bb5968] .el-steps .el-step__head.is-process {
    border-color: #4884ff;
    color: #fff
}

[data-v-66bb5968] .el-steps .el-step__head.is-process .el-step__icon {
    background: linear-gradient(135deg, #5aebff, #4884ff 48%, #712eff)
}

[data-v-66bb5968] .el-steps .el-step__head.is-wait {
    border-color: rgba(148, 163, 184, .8);
    color: rgba(148, 163, 184, .8)
}

[data-v-66bb5968] .el-steps .el-step__head.is-wait .el-step__icon {
    background: #0a0b17
}

[data-v-66bb5968] .el-steps .el-step__head.is-success {
    border-color: #20d86a;
    color: #fff
}

[data-v-66bb5968] .el-steps .el-step__head.is-success .el-step__icon {
    background: #20d86a
}

[data-v-66bb5968] .el-steps .el-step__title.is-process {
    color: #fff
}

[data-v-66bb5968] .el-steps .el-step__title.is-wait {
    color: rgba(148, 163, 184, .8)
}

[data-v-66bb5968] .el-steps .el-step__title.is-success {
    color: #fff
}

.video-select-image .myImgs .imgTit[data-v-5471317c] {
    align-items: center;
    display: flex;
    margin: 10px 0
}

.video-select-image .myImgs .imgTit span[data-v-5471317c] {
    color: #94a3b8;
    font-size: 14px
}

.video-select-image .myImgs .imgTit div[data-v-5471317c] {
    align-items: center;
    display: flex;
    margin-left: 23px
}

.video-select-image .myImgs .imgTit div i[data-v-5471317c] {
    color: rgba(148, 163, 184, .6);
    font-size: 14px;
    margin-right: 8px
}

.video-select-image .myImgs .imgTit div span[data-v-5471317c] {
    color: rgba(148, 163, 184, .6);
    font-size: 12px
}

.video-select-image .imgs[data-v-5471317c] {
    background: #1c1d2a;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 18px;
    min-height: 220px;
    padding: 12px;
    position: relative
}

.video-select-image .imgs .clearAll[data-v-5471317c] {
    align-items: center;
    bottom: 10px;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 28px
}

.video-select-image .imgs .clearAll .svg-icon[data-v-5471317c] {
    font-size: 16px
}

.video-select-image .imgs .clearAll span[data-v-5471317c] {
    color: #94a3b8;
    font-size: 16px;
    margin-left: 5px
}

.video-select-image .imgs .defTxt[data-v-5471317c] {
    align-items: center;
    color: #9dabc1;
    display: flex;
    font-size: 20px;
    height: 190px;
    justify-content: center;
    width: 100%
}

.video-select-image .imgs .imgList[data-v-5471317c] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 20px
}

.video-select-image .imgs .imgList .img-item[data-v-5471317c] {
    background: rgba(49, 51, 69, .4);
    border-radius: 8px;
    height: 158px;
    overflow: hidden;
    position: relative;
    width: 158px
}

.video-select-image .imgs .imgList .img-item.target-item[data-v-5471317c] {
    border: 1px dashed red
}

.video-select-image .imgs .imgList .img-item:hover .imgClear[data-v-5471317c] {
    opacity: 1
}

.video-select-image .imgs .imgList .img-item img[data-v-5471317c] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.video-select-image .imgs .imgList .img-item .imgClear[data-v-5471317c] {
    align-items: center;
    background: rgba(226, 83, 83, .2);
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.video-select-image .imgs .imgList .img-item .imgClear .svg-icon[data-v-5471317c] {
    font-size: 14px
}

.songs-item[data-v-710d30d5] {
    align-items: center;
    display: flex;
    gap: 100px;
    justify-content: space-between;
    padding: 10px 20px
}

.songs-item .songs-info[data-v-710d30d5] {
    align-items: center;
    display: flex;
    width: 350px
}

.songs-item .songs-info .cover[data-v-710d30d5] {
    border-radius: 8px;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.songs-item .songs-info .cover img[data-v-710d30d5] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.songs-item .songs-info .cover svg[data-v-710d30d5] {
    height: 100%;
    width: 100%
}

.songs-item .songs-info .cover svg.play[data-v-710d30d5] {
    animation: rotate 1s linear infinite
}

.songs-item .songs-info .cover .play-icon[data-v-710d30d5] {
    background: rgba(0, 0, 0, .6);
    cursor: pointer;
    display: none;
    font-size: 30px;
    height: 100%;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.songs-item .songs-info .songs-title[data-v-710d30d5] {
    display: flex;
    flex: 1;
    flex-flow: column;
    gap: 5px;
    justify-content: center
}

.songs-item .songs-info .songs-title .name[data-v-710d30d5] {
    color: #e6e8ef;
    font-size: 16px
}

.songs-item .songs-info .songs-title .desc[data-v-710d30d5] {
    color: #94a3b8;
    font-size: 12px
}

.songs-item .select-btn[data-v-710d30d5] {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 20px;
    color: #27b670;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    text-align: center
}

.songs-item.activeItem .songs-info[data-v-710d30d5]:before {
    background: #27b670;
    border: 5px solid hsla(0, 0%, 100%, .5);
    border-radius: 20px;
    box-sizing: border-box;
    content: "";
    height: 20px;
    margin-right: 20px;
    width: 20px
}

.songs-item.activeItem .songs-info .cover .play-icon[data-v-710d30d5] {
    display: block
}

.songs-item.activeItem[data-v-710d30d5], .songs-item[data-v-710d30d5]:hover {
    background: rgba(148, 163, 184, .12);
    border-radius: 10px
}

.songs-item.activeItem .cover .play-icon[data-v-710d30d5], .songs-item:hover .cover .play-icon[data-v-710d30d5] {
    display: block
}

.video-audio[data-v-30de47f8] {
    padding: 20px 10px 10px
}

.video-audio .video-timer[data-v-30de47f8] {
    align-items: center;
    display: flex;
    gap: 20px;
    margin: 20px 0
}

.video-audio .video-timer label[data-v-30de47f8] {
    color: #e6e8ef;
    font-size: 12px
}

.video-audio .video-timer[data-v-30de47f8] .el-slider {
    width: 400px
}

.video-audio .video-timer[data-v-30de47f8] .el-slider .el-slider__input.el-input-number--mini {
    width: 60px
}

.video-audio .video-timer[data-v-30de47f8] .el-slider .el-slider__runway.show-input {
    height: 6px;
    margin-right: 80px
}

.video-audio .video-timer[data-v-30de47f8] .el-slider .el-slider__runway.show-input .el-slider__bar {
    height: 6px
}

.video-audio .video-timer[data-v-30de47f8] .el-slider .el-slider__runway.show-input .el-slider__button {
    height: 16px;
    width: 16px
}

.video-audio .video-timer .interlval-input[data-v-30de47f8] {
    width: 60px
}

.video-audio .audio-panel .panel-title[data-v-30de47f8] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.video-audio .audio-panel .panel-title p[data-v-30de47f8] {
    font-size: 32px
}

.video-audio .audio-panel .panel-title p span[data-v-30de47f8] {
    color: #999;
    font-size: 12px;
    margin-left: 10px
}

.video-audio .audio-panel .panel-title > div[data-v-30de47f8] {
    width: 300px
}

.video-audio .audio-panel .songs-list[data-v-30de47f8] {
    display: flex;
    flex-flow: column;
    gap: 20px
}

.workTip[data-v-40c5d90a] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.workTip i[data-v-40c5d90a] {
    margin-right: 5px
}

.workTip i[data-v-40c5d90a], .workTip span[data-v-40c5d90a] {
    color: #fff;
    font-size: 12px
}

.make-video[data-v-40c5d90a] {
    color: #fff;
    min-height: calc(100vh - 72px);
    position: relative;
    width: 100%
}

.make-video .step-btn[data-v-40c5d90a] {
    display: flex;
    gap: 15px
}

.make-video .step-btn .btn[data-v-40c5d90a] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 4px;
    height: 40px;
    padding: 1px
}

.make-video .step-btn .btn .el-button[data-v-40c5d90a] {
    background: #0a0b17
}

.appealCnt .el-textarea .el-textarea__inner {
    background-color: #1d2236;
    color: #fff;
    height: 100px
}

.appealCnt .el-textarea .el-input__count {
    background-color: transparent;
    background-color: initial
}

.bntitem {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.imgpage-image-hold[data-v-44adea32] {
    cursor: zoom-out
}

.imgpage-image-hold .imgpage-image-info-container[data-v-44adea32] {
    background: #141416;
    border-radius: 30px;
    cursor: auto;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    margin: 20px auto 0;
    max-height: calc(100vh - 162px);
    max-width: 1300px;
    min-width: 1250px
}

.imgpage-image-hold .imgpage-image-info-container.no-data[data-v-44adea32] {
    align-content: center;
    background: #2c354a;
    border-radius: 30px 30px 30px 30px;
    flex-wrap: wrap;
    height: 626px;
    justify-content: center;
    width: 100%
}

.imgpage-image-hold .imgpage-image-info-container.no-data .null-image[data-v-44adea32] {
    height: 168px;
    min-height: 168px;
    width: 159px
}

.imgpage-image-hold .imgpage-image-info-container.no-data .null-tips[data-v-44adea32] {
    color: #55617d;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-top: 22px;
    text-align: center;
    width: 100%
}

@media (min-width: 0)and (max-width: 430px) {
    html[data-v-324b0706] {
        font-size: 10px
    }
}

.justify-center[data-v-324b0706] {
    justify-content: center
}

.justify-between[data-v-324b0706] {
    justify-content: space-between
}

.justify-start[data-v-324b0706] {
    justify-content: flex-start
}

.justify-end[data-v-324b0706] {
    justify-content: flex-end
}

.items-baseline[data-v-324b0706] {
    align-items: baseline
}

.items-center[data-v-324b0706] {
    align-items: center
}

.items-end[data-v-324b0706] {
    align-items: flex-end
}

.item-stretch[data-v-324b0706] {
    align-items: stretch
}

.flex-wrap[data-v-324b0706] {
    flex-wrap: wrap
}

.flex-col[data-v-324b0706] {
    flex-direction: column
}

.flex-1[data-v-324b0706] {
    flex: 1 1 0%
}

.inline-flex[data-v-324b0706] {
    display: inline-flex
}

.h-full[data-v-324b0706] {
    height: 100%
}

.w-full[data-v-324b0706] {
    width: 100%
}

.mx-auto[data-v-324b0706] {
    margin-left: auto;
    margin-right: auto
}

.no-m[data-v-324b0706] {
    margin: 0
}

.no-p[data-v-324b0706] {
    padding: 0
}

.no-m-t[data-v-324b0706] {
    margin-top: 0
}

.no-m-b[data-v-324b0706] {
    margin-bottom: 0
}

.text-center[data-v-324b0706] {
    text-align: center
}

.text-right[data-v-324b0706] {
    text-align: right
}

.ud-line[data-v-324b0706] {
    text-decoration-line: underline
}

.text-no-wrap[data-v-324b0706] {
    white-space: nowrap
}

.text-no-wrap-2[data-v-324b0706], .text-no-wrap[data-v-324b0706] {
    overflow: hidden;
    text-overflow: ellipsis
}

.text-no-wrap-2[data-v-324b0706] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.f-12[data-v-324b0706] {
    font-size: 12px
}

.flex[data-v-324b0706], .flex_wrap[data-v-324b0706] {
    display: flex
}

.flex_wrap[data-v-324b0706] {
    flex-wrap: wrap
}

.flex_b[data-v-324b0706] {
    align-items: flex-end;
    display: flex
}

.flex_tb[data-v-324b0706], .flex_tb_c[data-v-324b0706] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex_tb_c[data-v-324b0706] {
    align-items: center
}

.flex_line_c[data-v-324b0706], .flex_line_c_m[data-v-324b0706] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.flex_line_c_m[data-v-324b0706] {
    justify-content: center
}

.flex_line_end[data-v-324b0706] {
    display: flex;
    flex-direction: column-reverse
}

.flex_lr[data-v-324b0706], .flex_lr_m[data-v-324b0706] {
    display: flex;
    justify-content: space-between
}

.flex_lr_m[data-v-324b0706] {
    align-items: center
}

.flex_c_m[data-v-324b0706] {
    justify-content: center
}

.flex_c_m[data-v-324b0706], .flex_cm_l[data-v-324b0706] {
    align-items: center;
    display: flex
}

.flex_cm_l[data-v-324b0706] {
    justify-content: flex-start
}

.flex_cm_r[data-v-324b0706] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.flex_c[data-v-324b0706] {
    display: flex;
    justify-content: center
}

.flex_m[data-v-324b0706] {
    align-items: center;
    display: flex
}

.flex_nosize[data-v-324b0706] {
    flex-shrink: 0
}

.flex_autosize[data-v-324b0706] {
    flex-grow: 1
}

.flex_inline[data-v-324b0706] {
    display: inline-flex
}

.flex0[data-v-324b0706] {
    flex: 0;
    min-width: 0
}

.flex1[data-v-324b0706] {
    flex: 1;
    min-width: 0
}

.flex-nowrap[data-v-324b0706] {
    flex-wrap: nowrap
}

.right-click-menu[data-v-324b0706] {
    background-color: #24262a;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 6px 7px;
    position: absolute;
    width: 212px;
    z-index: 999
}

.right-click-menu .item-menu[data-v-324b0706] {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.right-click-menu .item-menu.have-children .label[data-v-324b0706] {
    width: 110%
}

.right-click-menu .item-menu .label[data-v-324b0706] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu[data-v-324b0706]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.right-click-menu .item-menu:hover .sub-menu[data-v-324b0706] {
    display: block
}

.right-click-menu .item-menu .sub-menu[data-v-324b0706] {
    background-color: #24262a;
    border-radius: 6px;
    display: none;
    padding: 6px 7px;
    position: absolute;
    right: -230px;
    top: 0;
    width: 206px
}

.right-click-menu .item-menu .sub-menu[data-v-324b0706]:hover {
    display: block
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-324b0706] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-324b0706]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.el-image-viewer__actions[data-v-324b0706] {
    display: none !important
}

h1[data-v-324b0706], p[data-v-324b0706] {
    margin: 0
}

.el-badge__content[data-v-324b0706] {
    border: none
}

.el-dropdown-menu[data-v-324b0706] {
    background: #191a27;
    border: 1px solid #272b30;
    border-radius: 16px;
    box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08);
    opacity: 1
}

.el-dropdown-menu .el-dropdown-menu__item[data-v-324b0706]:hover {
    background-color: transparent;
    background-color: initial
}

.el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-324b0706] {
    color: #fcfcfc
}

.el-popper[x-placement^=bottom] .popper__arrow[data-v-324b0706] {
    display: none
}

.el-image__error[data-v-324b0706], .el-image__inner[data-v-324b0706], .el-image__placeholder[data-v-324b0706] {
    height: auto;
    min-height: 100% !important
}

.el-image__error[data-v-324b0706], .el-image__placeholder[data-v-324b0706] {
    background-color: transparent;
    background-color: initial
}

.image-slot[data-v-324b0706] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.galleryMetaPoper[data-v-324b0706] {
    background-color: transparent !important;
    background-color: initial !important;
    border-radius: 10px !important
}

[data-v-324b0706]:root {
    --padding-4: 22px;
    --padding-3: 16px;
    --padding-2: 8px;
    --padding-1: 4px;
    --font-size-05: 12px;
    --font-size-1: 14px;
    --font-size-2: 16px;
    --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d);
    --containerBg: #0a0b17;
    --sidebarBg: #0a0b17
}

[data-v-324b0706]::-webkit-scrollbar {
    width: 8px
}

[data-v-324b0706]::-webkit-scrollbar-track {
    background-color: #0a0b17;
    border-radius: 8px
}

[data-v-324b0706]::-webkit-scrollbar-thumb {
    background-color: #263141;
    border-radius: 8px
}

.hide-scrollbar[data-v-324b0706] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-324b0706]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.flex-center[data-v-324b0706] {
    justify-content: center
}

.flex-between[data-v-324b0706], .flex-center[data-v-324b0706] {
    align-items: center;
    display: flex
}

.flex-between[data-v-324b0706] {
    justify-content: space-between
}

a.logo[data-v-324b0706] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.el-backtop[data-v-324b0706] {
    background-color: #191a27;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    z-index: 999
}

.el-backtop[data-v-324b0706]:hover {
    background: #4c5184
}

.el-switch .el-switch__core[data-v-324b0706] {
    background: #4b5164;
    border: 1px solid transparent
}

body[data-v-324b0706] {
    background-color: #0a0b17;
    font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"
}

button[data-v-324b0706]:focus-visible {
    outline: none
}

.el-popover[data-v-324b0706] {
    background-color: #0f121c;
    border: 1px solid #293246;
    border-radius: 8px
}

.el-loading-spinner .path[data-v-324b0706] {
    stroke-width: 4px;
    stroke: #fff
}

.el-loading-mask[data-v-324b0706] {
    background: transparent
}

.el-popper[data-v-324b0706] {
    padding: 0
}

[data-v-324b0706]:export {
    containerBg: #0a0b17;
    sidebarBg: #0a0b17;
    sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d)
}

.AIHelpSupportBox[data-v-324b0706] {
    background-color: #fff;
    height: 500px;
    right: 38%;
    top: 20%;
    width: 375px;
    z-index: 9999
}

.close[data-v-324b0706] {
    background: #f9c633;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 999
}

.close[data-v-324b0706]:before {
    transform: rotate(45deg)
}

.close[data-v-324b0706]:after, .close[data-v-324b0706]:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 6px;
    position: absolute;
    top: 14px;
    width: 20px;
    z-index: 999
}

.close[data-v-324b0706]:after {
    transform: rotate(-45deg)
}

.custom-table .table-body[data-v-324b0706] {
    height: calc(100% - 52px)
}

.custom-table .table-body .el-table[data-v-324b0706] {
    background: #252e42
}

.custom-table .table-body .el-table th[data-v-324b0706] {
    background: #252e42;
    color: #a6b3cc
}

.custom-table .table-body .el-table tr[data-v-324b0706] {
    background: #192030
}

.custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-324b0706] {
    background: #252e42;
    border-bottom-color: #252e42
}

.custom-table .table-body .el-table td.el-table__cell[data-v-324b0706], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-324b0706] {
    border-bottom-color: #313336
}

.custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-324b0706] {
    background-color: #171e2f !important
}

.custom-table .table-body .el-table tbody tr:hover > td[data-v-324b0706] {
    background: #171f34 !important
}

.custom-table .table-pagination[data-v-324b0706] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-right: 20px
}

.custom-table .table-pagination .bottom-btn[data-v-324b0706] {
    align-items: center;
    display: flex;
    max-width: calc(100% - 480px);
    padding-left: 20px
}

.custom-table .table-pagination .bottom-btn .el-dropdown[data-v-324b0706] {
    margin-left: 10px
}

.custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-324b0706] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-table .table-pagination .el-pagination[data-v-324b0706] {
    padding: 10px 0;
    text-align: right
}

.custom-table .table-pagination .el-pagination .btn-next[data-v-324b0706], .custom-table .table-pagination .el-pagination .btn-prev[data-v-324b0706], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-324b0706] {
    background: #20283b
}

.custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-324b0706], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-324b0706], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-324b0706] {
    background: #0d9488
}

.custom-table .table-pagination .el-pagination .el-input__inner[data-v-324b0706] {
    background: #20283b;
    border-color: #232e50;
    height: 22px
}

.custom-table .el-table[data-v-324b0706]:before, .custom-table .el-table__fixed-right[data-v-324b0706]:before {
    background: #192030
}

.custom-table[data-v-324b0706] ::-webkit-scrollbar-corner {
    background: transparent
}

.custom-table[data-v-324b0706] ::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important
}

.el-dialog[data-v-324b0706] {
    background: #1a202f
}

.custom-dialog .el-dialog[data-v-324b0706] {
    background: #1a202f;
    border: 1px solid #293045;
    margin-top: 10vh !important;
    width: 600px
}

.custom-dialog .el-dialog .el-dialog__header[data-v-324b0706] {
    background: #0f121e;
    padding: 20px 30px;
    position: relative;
    z-index: 20000
}

.custom-dialog .el-dialog .el-dialog__header span[data-v-324b0706] {
    color: #fff;
    font-size: 16px
}

.custom-dialog .el-dialog .el-dialog__body[data-v-324b0706] {
    padding: 20px 30px
}

.custom-dialog .dialog-btn button[data-v-324b0706] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 120px
}

.custom-dialog .dialog-btn button[data-v-324b0706]:first-child {
    background: #1e2435;
    border-color: #2d354b
}

.custom-dialog.big-body-dialog .el-dialog[data-v-324b0706], .custom-dialog.big-dialog .el-dialog[data-v-324b0706], .custom-dialog.big-footer-dialog .el-dialog[data-v-324b0706], .custom-dialog.big-head-dialog .el-dialog[data-v-324b0706] {
    margin: 3vh auto !important
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-324b0706], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-324b0706], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-324b0706], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-324b0706] {
    box-sizing: border-box;
    max-height: calc(94vh - 144px);
    overflow: auto
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-324b0706] {
    display: none
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-324b0706] {
    max-height: calc(94vh - 80px)
}

.custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-324b0706] {
    max-height: calc(94vh - 70px)
}

.custom-dialog.big-body-dialog[data-v-324b0706] {
    overflow: hidden
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-324b0706] {
    display: none
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-324b0706] {
    max-height: 94vh
}

.custom-dialog-canvas .el-dialog[data-v-324b0706] {
    background-color: #24262a;
    border-radius: 20px
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-324b0706] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-324b0706] {
    color: #f7fbfa;
    font-size: 16px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-324b0706] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-324b0706] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-324b0706] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custom-form .el-date-editor .el-range-separator[data-v-324b0706] {
    color: #8e8f92
}

.custom-form .el-input__inner[data-v-324b0706], .custom-form .el-textarea__inner[data-v-324b0706] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-select-dropdown__item[data-v-324b0706] {
    color: #fff;
    font-weight: 500
}

.custom-form .el-select-dropdown__item.hover[data-v-324b0706], .custom-form .el-select-dropdown__item[data-v-324b0706]:hover {
    background-color: #192133;
    color: #fff;
    font-weight: 500
}

.custom-form .el-form-item__label[data-v-324b0706] {
    color: #cbd5e1;
    padding-bottom: 0
}

.custom-form .el-range-input[data-v-324b0706], .custom-form .el-textarea__inner[data-v-324b0706] {
    background: #20283b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-input.is-disabled .el-input__inner[data-v-324b0706] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select:hover .el-input__inner[data-v-324b0706] {
    border-color: #464646
}

.custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-324b0706] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select .el-tag[data-v-324b0706] {
    background: #192133;
    color: #fff
}

.custom-form .el-input-number__decrease[data-v-324b0706], .custom-form .el-input-number__increase[data-v-324b0706] {
    background: #192133;
    border-color: #0f1c38
}

.custom-form .el-slider__runway[data-v-324b0706] {
    background-color: #393d4a;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__bar[data-v-324b0706] {
    background-color: #cbd5e1;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__button[data-v-324b0706] {
    background: #cbd5e1;
    border-color: #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

.custom-form .el-checkbox[data-v-324b0706] {
    color: #cbd5e1;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-324b0706] {
    color: #3d8bf1
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-324b0706] {
    background: #262c3a;
    border: 1px solid #979797;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-324b0706]:after {
    height: 7px;
    left: 5px;
    top: 1px
}

.custom-form .el-checkbox .el-checkbox__input[data-v-324b0706] {
    vertical-align: text-bottom
}

.custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-324b0706] {
    background: #0052cc;
    border-color: #0052cc;
    height: 14px;
    width: 14px
}

.custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-324b0706] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-324b0706] {
    color: #434445
}

.custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-324b0706] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-input__count[data-v-324b0706] {
    background: #20283b;
    color: #cbd5e1
}

.el-select .custom-select[data-v-324b0706] {
    position: absolute !important
}

.custom-select[data-v-324b0706] {
    background: #1c1d2a !important;
    border: 1px solid #293045 !important;
    border-radius: 8px !important;
    color: #5a7dc2
}

.custom-select .el-select-dropdown__list[data-v-324b0706] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-324b0706], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-324b0706] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #fff
}

.custom-select .el-scrollbar__wrap[data-v-324b0706] {
    overflow: auto
}

.custom-select .el-select-dropdown__item[data-v-324b0706] {
    color: hsla(0, 0%, 100%, .6)
}

.custom-select .el-select-dropdown__item.selected[data-v-324b0706] {
    color: #fff;
    position: relative
}

.custom-select .el-select-dropdown__item.selected[data-v-324b0706]:after {
    content: "✓";
    position: absolute;
    right: 10px
}

.custom-select .el-select-dropdown__item.hover[data-v-324b0706], .custom-select .el-select-dropdown__item[data-v-324b0706]:hover {
    background: #242534;
    border-radius: 5px;
    color: #fff
}

.custom-select .popper__arrow[data-v-324b0706], .custom-select .popper__arrow[data-v-324b0706]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.custom-select .el-input__inner[data-v-324b0706] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.painting-board-select[data-v-324b0706] {
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25)
}

.painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-324b0706], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-324b0706], .painting-board-select[data-v-324b0706] {
    background: #1a1a22 !important
}

.painting-board-select.el-select-dropdown[data-v-324b0706] {
    margin-top: 3px
}

.painting-board-select.el-select-dropdown .add-canvas-option[data-v-324b0706] {
    align-items: center;
    background: #2f3238 !important;
    display: flex;
    justify-content: center
}

.painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-324b0706] {
    font-size: 16px;
    margin-right: 5px
}

.painting-board-select.el-select-dropdown .more-btn[data-v-324b0706] {
    height: 34px;
    width: 20px
}

.painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-324b0706] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.painting-board-select .el-select-dropdown__list[data-v-324b0706] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.painting-board-select .el-select-dropdown__list[data-v-324b0706] > :last-child {
    margin-bottom: 0
}

.painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-324b0706], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-324b0706] {
    background: #34396a;
    color: #fff
}

.painting-board-select .el-scrollbar__wrap[data-v-324b0706] {
    overflow: auto
}

.painting-board-select .el-select-dropdown__item[data-v-324b0706] {
    align-items: center;
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    color: #c0d0f1;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 4px 8px
}

.painting-board-select .el-select-dropdown__item > .show-params-name[data-v-324b0706] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.painting-board-select .el-select-dropdown__item.selected[data-v-324b0706] {
    background: hsla(0, 0%, 100%, .1)
}

.painting-board-select .popper__arrow[data-v-324b0706], .painting-board-select .popper__arrow[data-v-324b0706]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.painting-board-select .el-input__inner[data-v-324b0706] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-btn.el-button--primary[data-v-324b0706] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.custom-btn.el-button--primary.is-disabled[data-v-324b0706] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-btn.el-button--default[data-v-324b0706] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.custom-btn.el-button--default.is-disabled[data-v-324b0706] {
    background: #81aeaa;
    border-color: #81aeaa
}

.el-message[data-v-324b0706] {
    min-width: 0;
    min-width: auto
}

.el-message-box.custom-confirm[data-v-324b0706] {
    background: #192133;
    border-color: #322d2d
}

.el-message-box.custom-confirm .el-message-box__title[data-v-324b0706] {
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__content[data-v-324b0706] {
    color: #fff
}

.el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-324b0706] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-324b0706] {
    color: #fff
}

.el-message-box.custom-confirm .el-button--default[data-v-324b0706] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.el-message-box.custom-confirm .el-button--primary[data-v-324b0706] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.el-message-box.ai-face-swap-confirm[data-v-324b0706] {
    background: #24262a;
    border: 0;
    border-radius: 20px;
    min-height: 174px
}

.el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-324b0706] {
    background: #24262a;
    padding: 20px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-324b0706] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-324b0706] {
    color: #fff;
    font-size: 18px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-324b0706] {
    min-height: 61px;
    padding: 15px 24px 10px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-324b0706] {
    color: hsla(0, 0%, 100%, .5);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-324b0706] {
    padding: 5px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-324b0706] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-324b0706] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-324b0706] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custorm-messagebox[data-v-324b0706] {
    background: #192133;
    border-color: #322d2d
}

.custorm-messagebox .el-message-box__title[data-v-324b0706] {
    color: #fff
}

.custorm-messagebox .el-input__inner[data-v-324b0706] {
    background: #20283b;
    border-color: #232e50
}

.custom-submenu .el-menu[data-v-324b0706] {
    background: #20283b
}

.custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-324b0706] {
    color: #fff
}

.custom-submenu .el-menu .el-submenu__title[data-v-324b0706] {
    background-color: transparent;
    background-color: initial
}

.custom-submenu .el-menu .el-submenu__title[data-v-324b0706]:hover {
    background: #323d54;
    color: #fff
}

.custom-submenu .el-menu .el-menu-item[data-v-324b0706] {
    background: #20283b
}

.custom-submenu .el-menu .el-menu-item.is-active[data-v-324b0706], .custom-submenu .el-menu .el-menu-item[data-v-324b0706]:hover {
    background: #323d54;
    color: #fff
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-324b0706] {
    border-bottom-color: #3c5288 !important
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-324b0706]:after {
    border-bottom-color: #06080b !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-324b0706] {
    border-top-color: #3c5288 !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-324b0706]:after {
    border-top-color: #06080b !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-324b0706] {
    border-left-color: #3c5288 !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-324b0706]:after {
    border-left-color: #06080b !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-324b0706] {
    border-right-color: #3c5288 !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-324b0706]:after {
    border-right-color: #06080b !important
}

.custom-dropdown[data-v-324b0706] {
    background: #192133;
    border-color: #322d2d
}

.custom-dropdown .el-dropdown-menu__item[data-v-324b0706] {
    color: #9b9b9c
}

.custom-dropdown .el-dropdown-menu__item[data-v-324b0706]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-324b0706]:hover {
    background: #323d54;
    color: #fff
}

.custom-dropdown .popper__arrow[data-v-324b0706] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown .popper__arrow[data-v-324b0706]:after {
    border-bottom-color: #192133 !important
}

.custom-dropdown-canvas[data-v-324b0706] {
    background: #192133;
    border: 0;
    border-radius: 8px;
    margin-top: 3px !important
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-324b0706] {
    color: #9b9b9c
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-324b0706]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-324b0706]:hover {
    background: #192133 !important;
    border-radius: 8px;
    color: #fff
}

.custom-dropdown-canvas .popper__arrow[data-v-324b0706] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown-canvas .popper__arrow[data-v-324b0706]:after {
    border-bottom-color: #192133 !important
}

.AIHelpSupportBox[data-v-324b0706] {
    bottom: 0;
    height: 700px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 600px
}

.zoom-box[data-v-324b0706]:before {
    content: "";
    float: left;
    padding-top: 100%
}

.zoom-box[data-v-324b0706]:after {
    clear: both;
    content: "";
    display: block
}

.PromptWork .el-textarea .el-input__count[data-v-324b0706] {
    background: transparent
}

.ellipsis-line[data-v-324b0706], .ellipsis-text[data-v-324b0706] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-text[data-v-324b0706] {
    -webkit-line-clamp: 5
}

.ellipsis[data-v-324b0706] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-message-box[data-v-324b0706] {
    background: #1a202f;
    border: 1px solid #293045
}

.el-message-box .el-dialog__header[data-v-324b0706], .el-message-box .el-message-box__header[data-v-324b0706] {
    background: #0f121e
}

.el-message-box .el-message-box__btns .el-button--primary[data-v-324b0706] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.bg-nsfw[data-v-324b0706] {
    background-image: url(/_nuxt/img/nsfw_lang.a0715dc.webp)
}

.bg-nsfw-s[data-v-324b0706], .bg-nsfw[data-v-324b0706] {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-nsfw-s[data-v-324b0706] {
    background-image: url(/_nuxt/img/nsfw_s.3e08299.webp)
}

.marking-item[data-v-324b0706] {
    position: relative
}

.marking-item:hover .admin-marking[data-v-324b0706] {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

.rounded-border[data-v-324b0706] {
    border-radius: 5px
}

.rounded-border[data-v-324b0706], .rounded-border[data-v-324b0706]:hover {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent
}

button[data-v-324b0706] {
    background: transparent;
    border: none;
    cursor: pointer
}

button.disabled[data-v-324b0706] {
    cursor: not-allowed
}

.image-gallery[data-v-324b0706] {
    background-color: #111522
}

.image-gallery .imgpage-info[data-v-324b0706] .el-popover__reference {
    padding: 0
}

.dialog[data-v-324b0706], .el-popover[data-v-324b0706] {
    color: #fff
}

.dialog[data-v-324b0706] {
    background-color: #01030f;
    border-radius: 0;
    box-shadow: none
}

.imgpage-content[data-v-324b0706] {
    height: 100%;
    justify-content: space-between;
    position: relative
}

.imgpage-inner[data-v-324b0706] {
    background: #0c1018;
    border: 1px solid #1f263c;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 58vw
}

.btn-zoom[data-v-324b0706] {
    border-radius: 50%;
    height: 36px;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 36px;
    z-index: 1
}

.btn-zoom[data-v-324b0706]:hover {
    background-color: #1c2433
}

.btn-zoom[data-v-324b0706]:active {
    background-color: #1d2349
}

.left-button[data-v-324b0706], .right-button[data-v-324b0706] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 56px;
    justify-content: center;
    margin: 0 50px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 56px
}

.left-button[data-v-324b0706]:hover, .right-button[data-v-324b0706]:hover {
    background-color: #1c2433
}

.left-button[data-v-324b0706]:active, .right-button[data-v-324b0706]:active {
    background-color: #1d2349
}

.right-button[data-v-324b0706] {
    right: 0
}

.left-button[data-v-324b0706]:hover, .right-button[data-v-324b0706]:hover {
    opacity: 1
}

.close-button[data-v-324b0706] {
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 56px;
    position: fixed;
    right: 70px;
    top: 70px;
    width: 56px
}

.close-button[data-v-324b0706]:hover {
    background-color: #1c2433
}

.close-button[data-v-324b0706]:active {
    background-color: #1d2349
}

.imgpage-image[data-v-324b0706] {
    justify-content: center;
    min-width: 600px;
    position: relative
}

.imgpage-image.bold-border[data-v-324b0706] {
    padding: 32px 32px 0
}

.imgpage-image img[data-v-324b0706] {
    cursor: zoom-in;
    height: calc(100vh - 200px);
    margin-bottom: 10px;
    max-width: 100%;
    min-height: 400px;
    -o-object-fit: contain;
    object-fit: contain
}

.imgpage-image img.full[data-v-324b0706] {
    height: auto;
    width: 100%
}

.imgpage-image img.blur[data-v-324b0706] {
    filter: blur(40px)
}

.imgpage-info .description[data-v-324b0706], .imgpage-info .parent-category[data-v-324b0706] {
    margin-bottom: 30px
}

.imgpage-info .description[data-v-324b0706] {
    word-wrap: break-word;
    color: #e2e8f0;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 28px;
    width: 100%;
    word-break: break-all
}

.imgpage-related[data-v-324b0706] {
    margin-bottom: 20px;
    padding: 0 32px
}

.imgpage-related .title[data-v-324b0706] {
    color: #e2e8f0;
    justify-content: space-between
}

.imgpage-related .title .left[data-v-324b0706] {
    font-size: 24px
}

.imgpage-related .title .right[data-v-324b0706] {
    align-items: center;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    padding: 0 15px
}

.imgpage-related .title .right[data-v-324b0706]:hover {
    background-color: #34396a
}

.imgpage-related .related-images[data-v-324b0706] {
    margin-top: 25px;
    min-height: 50px;
    position: relative
}

.imgpage-related .related-image[data-v-324b0706] {
    margin-bottom: 10px;
    margin-right: 10px;
    width: calc(33.33333% - 10px)
}

.imgpage-related .related-image[data-v-324b0706]:last-child {
    margin-right: 0
}

.imgpage-related .related-image img[data-v-324b0706] {
    width: 100%
}

.pop-btns[data-v-324b0706] {
    flex-direction: column
}

.pop-btns button[data-v-324b0706] {
    border-radius: 5px;
    color: #cbd5e1;
    padding: 8px;
    text-align: left
}

.pop-btns button[data-v-324b0706]:hover {
    background-color: #34396a
}

.image-gallery[data-v-324b0706] {
    background: #090b15;
    min-height: calc(100vh - 110px);
    position: relative
}

.image-gallery .admin-off[data-v-324b0706] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.image-gallery .admin-off[data-v-324b0706]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.image-gallery .admin-off.open[data-v-324b0706] {
    background: #191a27;
    color: #fff
}

.image-gallery .admin-off.open[data-v-324b0706]:before {
    display: none
}

.image-gallery .mask[data-v-324b0706] {
    background-color: #000;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
}

.image-gallery .mobile-back-to[data-v-324b0706] {
    align-items: center;
    background-color: #1c2433;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 120px;
    width: 52px;
    z-index: 98
}

.image-gallery .mobile-back-to .svg-icon[data-v-324b0706], .image-gallery .mobile-back-to i[data-v-324b0706] {
    color: #fff;
    font-size: 28px
}

.image-gallery .mobile-home-to[data-v-324b0706] {
    top: 25px
}

.image-gallery .mobile-home-to .svg-icon[data-v-324b0706], .image-gallery .mobile-home-to i[data-v-324b0706] {
    font-size: 22px
}

.image-gallery .imgpage-content[data-v-324b0706] {
    min-width: 1200px
}

.image-gallery .imgpage-content .imgpage-inner[data-v-324b0706] {
    background: #090b15;
    border: 0;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner[data-v-324b0706] .imgpage-image-hold {
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner[data-v-324b0706] .imgpage-image-hold .imgpage-image-info-container {
    height: calc(100vh - 162px);
    min-width: 0;
    min-width: auto
}

.image-gallery .imgpage-content .imgpage-inner .close-button[data-v-324b0706] {
    position: absolute;
    right: 20px;
    top: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-324b0706] {
    border-radius: 30px 0 0 30px;
    flex-shrink: 0;
    min-width: 440px;
    padding: 0;
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-324b0706] {
    background: #141416;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-324b0706] {
    box-sizing: border-box;
    cursor: default;
    cursor: zoom-in;
    height: 100%;
    height: auto;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-324b0706] {
    filter: blur(19px)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-324b0706] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons[data-v-324b0706] {
    align-items: center;
    align-items: flex-end;
    background: linear-gradient(rgba(18, 19, 21, 0) -2.43%, #121315 97.57%);
    border-radius: 30px 0 0 30px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-bottom: 15px;
    pointer-events: none;
    position: absolute;
    transition-duration: .2s;
    width: 100%;
    z-index: 2
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .cltpop[data-v-324b0706] {
    cursor: pointer;
    left: 25px;
    position: absolute;
    top: 15px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container[data-v-324b0706] {
    bottom: 15px;
    pointer-events: all;
    width: 508px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container[data-v-324b0706] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: space-around;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button[data-v-324b0706] {
    align-items: center;
    background: rgba(31, 39, 61, .26);
    border-radius: 20px;
    color: #e9e9ea;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button .svg-icon[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button .svg-icon[data-v-324b0706] {
    font-size: 25px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button > span[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button > span[data-v-324b0706] {
    color: #c4cde2 !important;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-size: 14px;
    font-weight: 600;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button[data-v-324b0706]:hover, .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button[data-v-324b0706]:hover {
    background: rgba(0, 115, 255, .36)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button:hover > span[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button:hover > span[data-v-324b0706] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #5f93f5, #76c3ed);
    -webkit-background-clip: text;
    color: #c4cde2
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale[data-v-324b0706] {
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale .V[data-v-324b0706] {
    border-radius: 0 0 20px 20px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale .U[data-v-324b0706] {
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -40px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale[data-v-324b0706] {
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale .V[data-v-324b0706] {
    border-radius: 0 0 20px 20px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale .extra-upscale[data-v-324b0706] {
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -40px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale[data-v-324b0706] {
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale .U[data-v-324b0706] {
    border-radius: 0 0 20px 20px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale .extra-upscale[data-v-324b0706] {
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -40px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale[data-v-324b0706] {
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .V[data-v-324b0706] {
    border-radius: 0 0 20px 20px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .U[data-v-324b0706] {
    border-radius: 0;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2);
    position: absolute;
    top: -40px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .extra-upscale[data-v-324b0706] {
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: -80px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-324b0706] {
    opacity: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-324b0706] {
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    flex-shrink: 0;
    max-height: calc(100vh - 162px);
    position: relative;
    width: 450px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-324b0706] {
    box-sizing: border-box;
    margin-bottom: 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-324b0706] {
    align-items: center;
    border-top: 1px solid #1f2024;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: space-between;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-324b0706] {
    align-items: center;
    display: flex;
    gap: 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-324b0706] {
    color: #777e91;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-324b0706] {
    align-items: center;
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-324b0706] {
    align-items: center;
    color: #91b1d5;
    cursor: pointer;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif";
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    justify-content: center
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-324b0706] {
    font-size: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-324b0706], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-324b0706]:hover {
    color: #409eff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-324b0706] {
    cursor: default
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-324b0706] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px;
    transition: all .3s
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-324b0706] {
    height: 26px;
    width: 26px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-324b0706]:hover {
    background-color: #262f43
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-324b0706] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    padding: 0 20px;
    transition: opacity .3s ease-in-out
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-324b0706] {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    box-sizing: border-box;
    color: #777e91;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif";
    font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
    width: 100%;
    word-break: keep-all
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-324b0706]:hover {
    display: block;
    overflow-y: auto
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-324b0706] {
    margin: 12px;
    overflow: hidden
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-324b0706]::-moz-selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-324b0706]::selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-324b0706] {
    border-bottom: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 24px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-324b0706] {
    border-bottom: 1px solid #1f2024;
    color: #777e91;
    font-size: 25px;
    padding: 18px 0 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-324b0706] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-324b0706] {
    gap: 15px;
    padding: 20px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-324b0706] {
    color: #b9b9b9;
    cursor: pointer;
    gap: 14px;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 48%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-324b0706]:hover {
    color: #cfcfcf
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-324b0706] {
    border-radius: 8px;
    flex-shrink: 0;
    height: 55px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 55px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-324b0706] {
    height: 100%;
    justify-content: space-evenly
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-324b0706] {
    font-size: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-324b0706] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #26c7e3;
    padding: 0 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-324b0706] {
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560);
    color: #d15bd3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-324b0706] {
    font-size: 14px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items[data-v-324b0706] {
    font-size: 16px;
    gap: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item[data-v-324b0706] {
    color: #4086d4
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item a[data-v-324b0706] {
    color: #4086d4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-324b0706] {
    box-sizing: border-box
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-324b0706] {
    font-size: 14px;
    gap: 50px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-324b0706] {
    color: #777e90;
    font-size: 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-324b0706] {
    color: #bfc8d4;
    margin-top: 6px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag[data-v-324b0706] {
    border-bottom: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    gap: 10px;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag .time[data-v-324b0706] {
    font-size: 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-324b0706] {
    margin: 0 6px;
    padding: 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-324b0706]:last-child {
    margin-left: 6px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related[data-v-324b0706] {
    margin-top: 25px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div[data-v-324b0706] {
    align-items: center;
    display: flex;
    justify-content: center
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div .title[data-v-324b0706] {
    color: #e2e8f0;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    height: 28px;
    line-height: 28px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .loading-div[data-v-324b0706] {
    bottom: 18px;
    height: 0;
    position: absolute;
    width: 100%
}

.image-gallery[data-v-324b0706] .el-loading-mask {
    z-index: 97
}

.bigVideo {
    align-items: center;
    background-color: #000;
    cursor: zoom-out;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.bigVideo img, .bigVideo video {
    cursor: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bigVideo .videoClear {
    align-items: center;
    background-color: #606266;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 40px
}

.bigVideo .videoClear i {
    color: #fff;
    font-size: 24px
}

.lora-train-info[data-v-735ba19f] {
    background: #24262a;
    border-color: hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    color: #c1c2c5;
    gap: 16px;
    padding: 20px 16px
}

.lora-train-info .lora-train-info-item[data-v-735ba19f] {
    text-wrap: balance;
    font-size: 14px;
    padding-left: 12px;
    text-align: left;
    word-break: break-word
}

.lora-train-info .lora-train-info-item .lora-train-info-item-key[data-v-735ba19f] {
    color: hsla(0, 0%, 100%, .7);
    flex-shrink: 0;
    margin-right: 19px;
    width: 98px
}

.lora-train-info .lora-train-info-item .lora-train-info-item-value[data-v-735ba19f] {
    color: hsla(0, 0%, 100%, .9)
}

.lora-train-info .show-all-btn[data-v-735ba19f] {
    align-items: center;
    background: #3c3d45;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 44px;
    justify-content: center;
    width: 100%
}

button[data-v-ef03c7aa] {
    background: transparent;
    border: none;
    cursor: pointer
}

button.disabled[data-v-ef03c7aa] {
    cursor: not-allowed
}

.model-detail[data-v-ef03c7aa] {
    background: #090b15;
    min-height: 100vh;
    position: relative
}

.model-detail .auditStatus[data-v-ef03c7aa] {
    align-items: center;
    color: #ef3b3b;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.model-detail .auditStatus i[data-v-ef03c7aa] {
    font-size: 15px;
    margin-right: 6px
}

.model-detail .auditStatus span[data-v-ef03c7aa] {
    font-size: 12px
}

.model-detail .mask[data-v-ef03c7aa] {
    background-color: #000;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
}

.model-detail .mobile-back-to[data-v-ef03c7aa] {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 120px;
    width: 52px;
    z-index: 98
}

.model-detail .mobile-back-to i[data-v-ef03c7aa] {
    color: #fff;
    font-size: 28px
}

.model-detail .mobile-back-to[data-v-ef03c7aa]:hover {
    background-color: #1c2433
}

.model-detail .indicator[data-v-ef03c7aa] {
    background: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

.model-detail .rotation-cont[data-v-ef03c7aa], .model-detail .rotation-cont[data-v-ef03c7aa] .el-carousel__container {
    height: 100%
}

.model-detail .rotation-cont[data-v-ef03c7aa] .el-carousel__container .el-carousel__arrow {
    background: rgba(0, 0, 0, .5);
    font-size: 22px;
    height: 48px;
    width: 48px
}

.model-detail .rotation-cont[data-v-ef03c7aa] .el-carousel__indicators {
    bottom: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.model-detail .rotation-cont[data-v-ef03c7aa] .el-carousel__indicators .el-carousel__button {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.model-detail img[data-v-ef03c7aa] {
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    cursor: default;
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.model-detail .green-mode-div[data-v-ef03c7aa] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-detail:hover .quick-operate-buttons[data-v-ef03c7aa] {
    opacity: 1
}

.model-detail .imgpage-content[data-v-ef03c7aa] {
    height: calc(100% - 24px);
    min-width: 1200px
}

.model-detail .imgpage-content .imgpage-inner[data-v-ef03c7aa] {
    background: #090b15;
    border: 0;
    position: relative;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner[data-v-ef03c7aa] .imgpage-image-hold {
    display: flex
}

.model-detail .imgpage-content .imgpage-inner[data-v-ef03c7aa] .imgpage-image-hold .imgpage-image-info-container {
    height: calc(100vh - 162px);
    min-width: 0;
    min-width: auto
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image-hold[data-v-ef03c7aa] {
    height: calc(100% - 24px)
}

.model-detail .imgpage-content .imgpage-inner .close-button[data-v-ef03c7aa] {
    position: absolute;
    right: 20px;
    top: 20px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image[data-v-ef03c7aa] {
    border-radius: 30px 0 0 30px;
    flex-shrink: 0;
    padding: 0;
    position: relative
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-ef03c7aa] {
    background: #141416;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgMain[data-v-ef03c7aa] {
    background: #1c1d2a;
    border-radius: 20px 0 0 20px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgMain .imgDef[data-v-ef03c7aa] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox[data-v-ef03c7aa] {
    height: 100%;
    position: relative;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .imgBg[data-v-ef03c7aa] {
    background-size: cover;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    filter: blur(50px);
    height: 100%;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg[data-v-ef03c7aa] {
    cursor: pointer;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg img[data-v-ef03c7aa] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .waterfall-hover-model[data-v-ef03c7aa] {
    opacity: 1;
    transition: all .2s ease-in-out;
    z-index: 2
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .CollectPop[data-v-ef03c7aa], .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .cltpop[data-v-ef03c7aa] {
    opacity: 1 !important
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .from[data-v-ef03c7aa] {
    opacity: 0
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from[data-v-ef03c7aa] {
    left: 8px;
    position: absolute;
    top: 6px;
    z-index: 2
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType[data-v-ef03c7aa] {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    padding: 5px 16px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType .svg-icon[data-v-ef03c7aa] {
    font-size: 18px;
    margin-right: 5px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType span[data-v-ef03c7aa] {
    font-size: 14px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .CollectPop[data-v-ef03c7aa] {
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    z-index: 2
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .cltpop[data-v-ef03c7aa] {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model[data-v-ef03c7aa] {
    background: #0f121c;
    border-radius: 8px;
    bottom: 50px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 132px;
    left: 2%;
    opacity: 0;
    padding: 10px 16px 5px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 96%;
    z-index: 2
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model[data-v-ef03c7aa]:hover {
    cursor: default
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverTop[data-v-ef03c7aa] {
    align-items: center;
    color: #ff3939;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: space-between
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverMiddle[data-v-ef03c7aa] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #cbd5e1;
    display: -webkit-box;
    flex: 1;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom[data-v-ef03c7aa] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    height: 34px;
    justify-content: space-between;
    line-height: 34px;
    margin-top: 10px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info[data-v-ef03c7aa] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info .avatorClass[data-v-ef03c7aa] {
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    height: 26px;
    line-height: 26px;
    margin-right: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    width: 26px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-ef03c7aa] {
    align-items: center;
    border-radius: 17px;
    color: #cbd5e1;
    display: flex;
    font-size: 20px;
    justify-content: center;
    padding: 7px;
    position: relative
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-ef03c7aa]:hover {
    background: #1d8d7b;
    color: #fff;
    cursor: pointer
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-ef03c7aa] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-detail .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-ef03c7aa] {
    opacity: 1
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info[data-v-ef03c7aa] {
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    margin: 0 24px;
    max-height: 88vh;
    min-height: 75vh !important;
    padding: 0;
    position: relative;
    width: 508px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .publish-btn[data-v-ef03c7aa] {
    background: #2d2f41;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 15px;
    height: auto;
    padding: 10px 20px;
    width: auto
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .likewise-lora[data-v-ef03c7aa] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 15px;
    gap: 8px;
    margin-left: 6px;
    padding: 11px 16px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox[data-v-ef03c7aa] {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 64px;
    justify-content: space-between
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item[data-v-ef03c7aa] {
    background: #1a1d23;
    border-radius: 16px;
    cursor: pointer;
    flex: 1;
    padding: 8px 16px;
    position: relative
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item[data-v-ef03c7aa]:hover {
    background-color: #262a31
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-text[data-v-ef03c7aa] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num[data-v-ef03c7aa] {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-top: 7px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn[data-v-ef03c7aa] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 17px;
    height: 24px;
    justify-content: center;
    width: 24px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-create[data-v-ef03c7aa] {
    background: #3f8bfd
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-collect[data-v-ef03c7aa] {
    background: #333a47
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-download[data-v-ef03c7aa] {
    background: #52b976
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem[data-v-ef03c7aa] {
    align-items: center;
    display: flex
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .keys[data-v-ef03c7aa] {
    align-items: center;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    min-height: 30px;
    padding-left: 14px;
    width: 125px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals[data-v-ef03c7aa] {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-left: -1px;
    min-height: 30px;
    padding-left: 14px;
    width: 380px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .model-type[data-v-ef03c7aa] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #26c7e3;
    font-size: 10px;
    padding: 2px 5px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .model-type.isLora[data-v-ef03c7aa] {
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560);
    color: #d15bd3
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item[data-v-ef03c7aa] {
    background: #1a2e43;
    border-radius: 3px;
    color: #94c6ec;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin: 3px 4px 3px 0;
    padding: 4px 8px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item.cursor[data-v-ef03c7aa] {
    cursor: pointer
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item.cursor a[data-v-ef03c7aa] {
    color: #4086d4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority[data-v-ef03c7aa] {
    align-items: center;
    display: flex;
    margin-left: 15px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority[data-v-ef03c7aa]:first-child {
    margin-left: 0
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority i[data-v-ef03c7aa] {
    font-size: 16px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority span[data-v-ef03c7aa] {
    color: #fff;
    font-size: 14px;
    margin-left: 10px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList[data-v-ef03c7aa] {
    align-items: center;
    display: flex
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem[data-v-ef03c7aa] {
    align-items: center;
    background: rgba(31, 35, 48, .43);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 6px;
    min-width: 38px;
    padding: 0 10px;
    white-space: nowrap
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem[data-v-ef03c7aa]:last-child {
    margin-right: 0
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem span[data-v-ef03c7aa] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem i[data-v-ef03c7aa] {
    font-size: 10px;
    margin-left: 5px;
    transform: rotate(90deg)
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnActivate[data-v-ef03c7aa] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 6px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnAdd[data-v-ef03c7aa] {
    color: #3f8cff
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .link[data-v-ef03c7aa] {
    color: #0072c6
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .link[data-v-ef03c7aa]:hover {
    filter: brightness(1.2);
    -webkit-text-decoration: none;
    text-decoration: none
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro[data-v-ef03c7aa] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
    white-space: nowrap
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro-title[data-v-ef03c7aa] {
    gap: 10px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro-name[data-v-ef03c7aa] {
    word-wrap: break-word;
    text-wrap: balance;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    word-break: break-word
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc[data-v-ef03c7aa] {
    font-size: 14px;
    margin-top: 10px
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-ef03c7aa], .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-ef03c7aa] p {
    text-wrap: balance;
    word-wrap: break-word;
    line-height: 20px;
    word-break: break-word
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-ef03c7aa] p a {
    color: #0072c6
}

.model-detail .imgpage-content .imgpage-inner .imgpage-info .time-more[data-v-ef03c7aa] {
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px
}

.model-detail .imgpage-related[data-v-ef03c7aa] {
    margin-top: 25px;
    padding: 0 32px
}

.model-detail .imgpage-related .title-div[data-v-ef03c7aa] {
    align-items: center;
    display: flex;
    justify-content: center
}

.model-detail .imgpage-related .title-div .title[data-v-ef03c7aa] {
    color: #e2e8f0;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    height: 28px;
    line-height: 28px
}

.model-detail .imgpage-related .loading-div[data-v-ef03c7aa] {
    bottom: 18px;
    height: 0;
    position: absolute;
    width: 100%
}

.model-detail .imgpage-related .related-images[data-v-ef03c7aa] {
    margin-top: 25px;
    min-height: 50px;
    position: relative
}

.model-detail[data-v-ef03c7aa] .el-loading-mask {
    z-index: 97
}

.model-detail .popBox[data-v-ef03c7aa] {
    box-sizing: border-box;
    width: 100%
}

.model-detail .popBox div[data-v-ef03c7aa] {
    border-radius: 5px;
    color: #cbd5e1;
    cursor: pointer;
    padding: 8px;
    text-align: left
}

.model-detail .popBox div[data-v-ef03c7aa]:hover {
    background-color: #34396a
}

.model-detail .popBox div[data-v-ef03c7aa]:last-child {
    border: none
}

.model-detail .line[data-v-ef03c7aa] {
    background-color: #191a27;
    height: 1px;
    margin: 20px 0;
    width: 100%
}

.my-popover .popBox {
    box-sizing: border-box;
    width: 100%
}

.my-popover .popBox div {
    border-radius: 5px;
    color: #cbd5e1;
    cursor: pointer;
    padding: 8px;
    text-align: left
}

.my-popover .popBox div:hover {
    background-color: #34396a
}

.my-popover .popBox div:last-child {
    border: none
}

.imgMain .imgMain-carousel {
    height: 100%
}

.imgMain .el-carousel__arrow {
    background-color: hsla(0, 0%, 100%, .6)
}

.imgMain .el-carousel__arrow i {
    color: #000
}

.imgMain .el-carousel__container {
    height: 100%
}

.imgMain .el-carousel__container .el-carousel__arrow {
    background-color: hsla(0, 0%, 100%, .6);
    font-size: 22px;
    height: 48px;
    width: 48px
}

.imgMain .el-carousel__indicators {
    bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.imgMain .el-carousel__indicators .el-carousel__button {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.popBox {
    box-sizing: border-box;
    width: 100%
}

.popBox div {
    border-radius: 5px;
    color: #cbd5e1;
    cursor: pointer;
    padding: 8px;
    text-align: left
}

.popBox div:hover {
    background-color: #34396a
}

.popBox div:last-child {
    border: none
}

.model-box[data-v-d39a27e8] {
    border-radius: 15px;
    cursor: pointer;
    height: 330px;
    position: relative;
    width: 330px
}

.model-box:hover .payNum[data-v-d39a27e8] {
    opacity: 0
}

.model-box .payNum[data-v-d39a27e8] {
    left: 9px;
    opacity: 1;
    position: absolute;
    top: 6px;
    z-index: 2
}

.model-box .img-box[data-v-d39a27e8] {
    align-items: center;
    background-color: #1c1d2a;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-box .img-box p[data-v-d39a27e8] {
    color: #999bac
}

.model-box .box-mask[data-v-d39a27e8] {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 15px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 2
}

.model-box .box-mask.show[data-v-d39a27e8] {
    display: block
}

.model-box:hover .btn-group .try-btn[data-v-d39a27e8], .model-box:hover .cltpop[data-v-d39a27e8] {
    opacity: 1
}

.model-box:hover .box-mask[data-v-d39a27e8] {
    display: block
}

.model-box .cltpop[data-v-d39a27e8] {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    z-index: 3
}

.model-box .btn-group[data-v-d39a27e8] {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3
}

.model-box .btn-group button[data-v-d39a27e8] {
    border-radius: 20px;
    color: #fff;
    height: 40px
}

.model-box .btn-group button.try-btn[data-v-d39a27e8] {
    background-color: #f1314e;
    border-color: #f1314e;
    opacity: 0
}

.model-box .btn-group button.release-btn[data-v-d39a27e8] {
    background-color: #0d9488;
    border-color: #0d9488
}

.model-box .model-info[data-v-d39a27e8] {
    -webkit-backdrop-filter: blur(13px) saturate(160%);
    backdrop-filter: blur(13px) saturate(160%);
    background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0));
    border-radius: 0 0 8px 8px;
    bottom: 0;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    left: 0;
    padding: 5px 16px 3px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.model-box .model-info .model-author[data-v-d39a27e8] {
    align-items: center;
    display: flex
}

.model-box .model-info .model-author .author-img[data-v-d39a27e8] {
    background: #fff;
    border-radius: 50%;
    color: #0f101b;
    flex: 0 0 auto;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
    text-align: center;
    width: 22px
}

.model-box .model-info .model-author .author-name[data-v-d39a27e8] {
    max-width: 135px
}

.model-box .model-info .model-handle[data-v-d39a27e8] {
    align-items: center;
    display: flex
}

.model-box .model-info .model-handle > div[data-v-d39a27e8] {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    padding: 2px 6px
}

.model-box .model-info .model-handle > div[data-v-d39a27e8]:hover {
    background: hsla(0, 0%, 100%, .2);
    cursor: pointer
}

.model-box .model-info .model-handle svg[data-v-d39a27e8] {
    font-size: 20px;
    margin-right: 5px
}

.model-box .mid-banded[data-v-d39a27e8] {
    color: #fff;
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.model-box .mid-banded .icon-forbidden[data-v-d39a27e8] {
    font-size: 40px
}

.model-box .mid-banded .disabled-text[data-v-d39a27e8] {
    margin: 8px 0 20px
}

.model-box .mid-banded .disabled-btn[data-v-d39a27e8] {
    background: rgba(28, 29, 42, .6);
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100px
}

.model-list[data-v-56f5e8c7] {
    height: calc(100vh - 207px)
}

.model-list .filter-panel[data-v-56f5e8c7] {
    display: flex;
    justify-content: space-between
}

.model-list .filter-panel .upload-btn[data-v-56f5e8c7] {
    background: #0d9488;
    border-color: #0d9488;
    border-radius: 8px
}

.model-list .list-panel[data-v-56f5e8c7] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    height: calc(100% - 55px);
    margin-top: 15px;
    overflow: auto
}

.model-list .list-panel .loading[data-v-56f5e8c7] {
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.model-list .upload-btn[data-v-56f5e8c7] {
    background: #0d9488;
    border-color: #0d9488;
    border-radius: 8px
}

.model-list[data-v-56f5e8c7] .el-empty {
    padding-top: 10%
}

.eHpower[data-v-64472f1c] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.eHpower i[data-v-64472f1c], .eHpower span[data-v-64472f1c] {
    color: #fff;
    font-size: 12px
}

.eHpower i[data-v-64472f1c] {
    margin-left: 5px
}

.c-train-base-model-modal {
    background: #121627;
    border: 1px solid #282f40;
    border-radius: 8px
}

.c-train-base-model-modal .el-dialog__header {
    background-color: #0f121e
}

.c-train-base-model-modal .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 800
}

.c-train-base-model-modal .el-dialog__body {
    color: #cbd5e1;
    padding: 24px 25px 18px
}

.c-train-base-model-modal .train-model-main .train-model-main-item {
    margin-top: 20px
}

.c-train-base-model-modal .train-model-main .train-model-main-item:first-child {
    margin-top: 0
}

.c-train-base-model-modal .train-model-main .train-model-main-item-label {
    margin-bottom: 10px
}

.c-train-base-model-modal .train-model-main .train-model-main-item-select {
    display: block
}

.c-train-base-model-modal .train-model-btn {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: Arial-Regular, Arial;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin-left: 28px;
    padding: 11px 16px
}

.c-train-base-model-modal .train-model-btn:first-child {
    margin-left: 0
}

.c-train-base-model-modal .train-model-btn__cancel {
    border: 1px solid #535a64;
    color: #b2b1b7
}

.c-train-base-model-modal .train-model-btn__confirm {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff;
    display: inline-block;
    padding: 1px
}

.c-train-base-model-modal .train-model-btn__confirm .train-model-btn-text {
    align-items: center;
    background: #282f40;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    padding: 11px 16px
}

.LoraTrainingHistory[data-v-7207f2b4] {
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    height: 365px;
    overflow-y: auto;
    padding-top: 10px;
    width: 100%
}

.LoraTrainingHistory .row[data-v-7207f2b4] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.LoraTrainingHistory .row[data-v-7207f2b4]:last-child {
    margin-bottom: 0
}

.LoraTrainingHistory .title span[data-v-7207f2b4] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    width: 25%
}

.LoraTrainingHistory .list span[data-v-7207f2b4] {
    color: #fcfcfc;
    font-size: 12px;
    width: 25%
}

.LoraTrainingHistory .list span[data-v-7207f2b4]:last-child {
    color: #4784ff;
    cursor: pointer
}

.LoraTrainingHistory .list .stateBox[data-v-7207f2b4] {
    width: 25%
}

.LoraTrainingHistory .list .stateBox div[data-v-7207f2b4] {
    word-wrap: break-word;
    align-items: center;
    background-color: #202121;
    border: 1px solid #2d2d2f;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    min-height: 24px;
    padding: 2px 8px;
    width: 100px
}

.LoraTrainingHistory .list .stateBox .Queuing[data-v-7207f2b4] {
    background-color: #18222c;
    border: 1px solid #1d3043;
    color: #409eff
}

.LoraTrainingHistory .list .stateBox .TrainingIng[data-v-7207f2b4] {
    background-color: #292218;
    border: 1px solid #3e301c;
    color: #e6a23c
}

[data-v-7207f2b4] .trainDialog {
    background-color: #24262a;
    border-radius: 20px
}

[data-v-7207f2b4] .trainDialog .el-dialog__header .el-dialog__title {
    color: #efefef;
    font-size: 16px
}

[data-v-7207f2b4] .trainDialog .el-dialog__header .el-dialog__close {
    color: #f7fbfa;
    font-size: 24px
}

[data-v-7207f2b4] .trainDialog .el-dialog__body {
    padding-top: 0
}

.LoraTrainingList[data-v-243a74c0] {
    color: #fff;
    height: calc(100vh - 230px)
}

.LoraTrainingList .defBox[data-v-243a74c0] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.LoraTrainingList .defBox img[data-v-243a74c0] {
    width: 170px
}

.LoraTrainingList .defBox .defDesc[data-v-243a74c0] {
    color: #fff;
    font-size: 16px
}

.LoraTrainingList .defBox .goPage[data-v-243a74c0] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    padding: 10px 40px
}

.cntTop[data-v-243a74c0] {
    justify-content: space-between
}

.cntTop .topBntBox[data-v-243a74c0], .cntTop[data-v-243a74c0] {
    align-items: center;
    display: flex
}

.cntTop .topBntBox[data-v-243a74c0] {
    gap: 16px
}

.cntTop .topBntBox .trainiRecord[data-v-243a74c0] {
    border: 2px solid #272b30;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 16px
}

.cntTop .progress[data-v-243a74c0] {
    align-items: center;
    background: #151522;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    padding: 12px 16px
}

.cntTop .progress div[data-v-243a74c0]:first-child {
    color: #fff;
    font-size: 14px
}

.cntTop .progress div[data-v-243a74c0]:nth-child(2) {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-left: 6px;
    width: 20px
}

.cntTop .progress div:nth-child(2) span[data-v-243a74c0] {
    border-radius: 100%;
    height: 3px;
    width: 3px
}

.cnt[data-v-243a74c0] {
    height: calc(100% - 45px);
    margin-top: 5px;
    overflow: auto
}

.cnt .ball-pulse > div[data-v-243a74c0]:first-child {
    animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .12s infinite
}

.cnt .ball-pulse > div[data-v-243a74c0]:nth-child(2) {
    animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .24s infinite
}

.cnt .ball-pulse > div[data-v-243a74c0]:nth-child(3) {
    animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .36s infinite
}

.cnt .ball-pulse > div[data-v-243a74c0] {
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 2px;
    width: 15px
}

.cnt .list[data-v-243a74c0] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 22px
}

.cnt .list .item[data-v-243a74c0] {
    background: #1c1d2a;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 400px
}

.cnt .list .item:hover > .bntBox[data-v-243a74c0] {
    opacity: 1
}

.cnt .list .item .TrainType[data-v-243a74c0] {
    align-items: center;
    background: rgba(28, 29, 42, .8);
    border-radius: 29px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    padding: 0 15px;
    position: absolute;
    right: 12px;
    top: 10px;
    z-index: 2
}

.cnt .list .item .TrainIngType[data-v-243a74c0] {
    background: rgba(29, 223, 200, .5)
}

.cnt .list .item .bntBox[data-v-243a74c0] {
    background: linear-gradient(120deg, transparent, rgba(0, 0, 0, .7));
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.cnt .list .item .bntBox .bntItem[data-v-243a74c0] {
    bottom: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 12px;
    position: absolute;
    width: 100%
}

.cnt .list .item img[data-v-243a74c0] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 33.333%
}

.cnt .list .item .name[data-v-243a74c0] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    height: 38px;
    left: 0;
    padding: 10px 16px;
    position: absolute;
    width: 100%
}

.main .diaTitle[data-v-243a74c0] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.main input[data-v-243a74c0] {
    background: #20283b;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    outline: none;
    padding-left: 17px;
    width: 100%
}

.main .showType[data-v-243a74c0] {
    background: #0f1021;
    border: 1px solid #181b2a;
    border-radius: 8px;
    height: 40px;
    width: 100%
}

.main .showType[data-v-243a74c0] .el-input__inner {
    border: 0
}

.addBox[data-v-243a74c0] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 1px
}

.addBox .add[data-v-243a74c0] {
    align-items: center;
    background-color: #0a0b17;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 12px 16px
}

.addBox .add .svg-icon[data-v-243a74c0] {
    font-size: 18px;
    margin-right: 17px
}

.addBox .add span[data-v-243a74c0] {
    color: #fff;
    font-size: 14px
}

.LoraTrainingList .v-modal {
    opacity: .9
}

.train .el-dialog__footer {
    box-shadow: none;
    padding-top: 36px
}

.bntitem[data-v-67644d98] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-67644d98] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-67644d98]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-67644d98]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-67644d98]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-67644d98]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-67644d98]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-67644d98]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.upload-file-item[data-v-67644d98] .el-upload {
    display: block
}

.upload-file-item[data-v-67644d98] .el-progress .el-progress-bar {
    margin-right: -65px;
    padding-right: 65px
}

.upload-file-item[data-v-67644d98] .el-progress .el-progress__text {
    width: 55px
}

.upload-file-item .upload-btn[data-v-67644d98] {
    background: #20283b;
    border: 1px solid #293045;
    border-radius: 4px;
    box-sizing: border-box;
    color: #666;
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 100%
}

.upload-file-item .upload-btn > div[data-v-67644d98] {
    padding: 0 10px;
    text-align: left
}

.upload-file-item .upload-btn > div i[data-v-67644d98] {
    color: #82858d
}

.upload-file-item .upload-btn > i[data-v-67644d98] {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 13px
}

.upload-file-item .upload-btn > i.el-icon-circle-check[data-v-67644d98] {
    color: #0d9488
}

.upload-file-item .upload-btn > i.el-icon-close[data-v-67644d98], .upload-file-item .upload-btn > i.el-icon-refresh-left[data-v-67644d98] {
    color: red;
    cursor: pointer
}

.upload-file-item[data-v-67644d98] .el-progress {
    margin-top: 3px
}

.upload-model-dialog .el-dialog__body[data-v-1f9d4ff2] {
    max-height: 50vh;
    overflow: auto
}

.upload-model-dialog .el-select[data-v-1f9d4ff2] {
    display: block
}

.upload-model-dialog .type-select[data-v-1f9d4ff2] {
    background: #20283b;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 4px;
    text-align: center
}

.upload-model-dialog .type-select span[data-v-1f9d4ff2] {
    background: #20283b;
    border-radius: 5px;
    color: hsla(0, 0%, 100%, .2);
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 50%
}

.upload-model-dialog .type-select span.active[data-v-1f9d4ff2] {
    background: #494f80;
    color: #fff
}

.upload-model-dialog .upload-tips[data-v-1f9d4ff2] {
    color: #ff3e3e;
    font-size: 12px
}

.upload-model-dialog .dialog-btn[data-v-1f9d4ff2] {
    display: flex;
    justify-content: center
}

.upload-model-dialog .dialog-btn .el-button[data-v-1f9d4ff2] {
    background: #0d9488;
    border: 1px solid #0d9488;
    color: #fff;
    width: 40%
}

.upload-model-dialog .dialog-btn .cancel-btn[data-v-1f9d4ff2] {
    background: #1e2435;
    border-color: #2a2b2d;
    color: #cbd5e1
}

.model-container[data-v-d570c56a] {
    padding-top: 20px
}

.model-container[data-v-d570c56a] .el-tabs .el-tabs__item {
    color: #abbdd7;
    font-size: 16px
}

.model-container[data-v-d570c56a] .el-tabs .el-tabs__item.is-active {
    color: #fff
}

.model-container[data-v-d570c56a] .el-tabs .el-tabs__active-bar {
    background-color: #fff
}

.model-container[data-v-d570c56a] .el-tabs .el-tabs__nav-wrap:after {
    background-color: rgba(30, 41, 59, .5)
}

button[data-v-343723a9] {
    background: transparent;
    border: none;
    cursor: pointer
}

button.disabled[data-v-343723a9] {
    cursor: not-allowed
}

.image-gallery[data-v-343723a9] {
    background: #090b15;
    height: 100vh;
    position: relative
}

.image-gallery .admin-off[data-v-343723a9] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.image-gallery .admin-off[data-v-343723a9]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.image-gallery .admin-off.open[data-v-343723a9] {
    background: #191a27;
    color: #fff
}

.image-gallery .admin-off.open[data-v-343723a9]:before {
    display: none
}

.image-gallery .mask[data-v-343723a9] {
    background-color: #000;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
}

.image-gallery .mobile-back-to[data-v-343723a9] {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 120px;
    width: 52px;
    z-index: 98
}

.image-gallery .mobile-back-to i[data-v-343723a9] {
    color: #fff;
    font-size: 28px
}

.image-gallery .mobile-back-to[data-v-343723a9]:hover {
    background-color: #1c2433
}

.image-gallery .bigImg[data-v-343723a9] {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.image-gallery .bigImg .bigImgCnt[data-v-343723a9] {
    height: 100%;
    width: 95%
}

.image-gallery .bigImg .bigImgCnt[data-v-343723a9] .el-carousel__arrow {
    background: hsla(0, 0%, 100%, .5) !important;
    font-size: 22px;
    height: 48px;
    width: 48px
}

.image-gallery .indicator[data-v-343723a9] {
    background: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

.image-gallery .rotation-cont[data-v-343723a9], .image-gallery .rotation-cont[data-v-343723a9] .el-carousel__container {
    height: 100%
}

.image-gallery .rotation-cont[data-v-343723a9] .el-carousel__container .el-carousel__arrow {
    background: rgba(0, 0, 0, .5);
    font-size: 22px;
    height: 48px;
    width: 48px
}

.image-gallery .rotation-cont[data-v-343723a9] .el-carousel__indicators {
    bottom: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.image-gallery .rotation-cont[data-v-343723a9] .el-carousel__indicators .el-carousel__button {
    border-radius: 50%;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3);
    height: 8px;
    width: 8px
}

.image-gallery img[data-v-343723a9], .image-gallery video[data-v-343723a9] {
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image-gallery .green-mode-div[data-v-343723a9] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.image-gallery:hover .quick-operate-buttons[data-v-343723a9] {
    opacity: 1
}

.image-gallery .imgpage-content[data-v-343723a9] {
    height: calc(100% - 24px);
    min-width: 1200px
}

.image-gallery .imgpage-content .imgpage-inner[data-v-343723a9] {
    background: #090b15;
    border: 0;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner[data-v-343723a9] .imgpage-image-hold {
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner[data-v-343723a9] .imgpage-image-hold .imgpage-image-info-container {
    height: calc(100vh - 162px);
    min-width: 0;
    min-width: auto
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image-hold[data-v-343723a9] {
    height: calc(100% - 24px)
}

.image-gallery .imgpage-content .imgpage-inner .close-button[data-v-343723a9] {
    position: absolute;
    right: 20px;
    top: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-343723a9] {
    border-radius: 30px 0 0 30px;
    flex-shrink: 0;
    padding: 0;
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-343723a9] {
    background: #141416;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .indicator[data-v-343723a9] {
    background: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-343723a9], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-343723a9] .el-carousel__container {
    height: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-343723a9] .el-carousel__container .el-carousel__arrow {
    background: rgba(0, 0, 0, .5);
    font-size: 22px;
    height: 48px;
    width: 48px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-343723a9] .el-carousel__indicators {
    bottom: 32px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-343723a9] .el-carousel__indicators .el-carousel__button {
    border-radius: 50%;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3);
    height: 8px;
    width: 8px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-343723a9], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-343723a9] {
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    cursor: default;
    height: 100%;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-343723a9], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-343723a9] {
    filter: blur(19px)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-343723a9] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-343723a9] {
    opacity: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-343723a9] {
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    margin: 0 24px;
    max-height: 88vh;
    min-height: 75vh !important;
    padding: 0;
    position: relative;
    width: 508px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-343723a9] {
    box-sizing: border-box;
    margin-bottom: 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-343723a9] {
    align-items: center;
    border-top: 1px solid #1f2024;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: space-between;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-343723a9] {
    align-items: center;
    display: flex;
    gap: 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-343723a9] {
    color: #777e91;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-343723a9] {
    align-items: center;
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-343723a9] {
    align-items: center;
    color: #91b1d5;
    cursor: pointer;
    display: flex;
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    justify-content: center
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-343723a9] {
    font-size: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-343723a9], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-343723a9]:hover {
    color: #409eff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-343723a9] {
    cursor: default
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-343723a9] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px;
    transition: all .3s
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-343723a9] {
    height: 26px;
    width: 26px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-343723a9]:hover {
    background-color: #262f43
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-343723a9] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    padding: 0 20px;
    transition: opacity .3s ease-in-out
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-343723a9] {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    box-sizing: border-box;
    color: #777e91;
    display: flex;
    font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
    width: 100%;
    word-break: keep-all
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-343723a9]:hover {
    display: block;
    overflow-y: auto
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-343723a9] {
    font-size: 13px;
    margin: 12px;
    overflow: hidden
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-343723a9]::-moz-selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-343723a9]::selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-343723a9] {
    border-bottom: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 24px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-343723a9] {
    border-bottom: 1px solid #1f2024;
    color: #777e91;
    font-size: 25px;
    padding: 18px 0 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-343723a9] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-343723a9] {
    gap: 15px;
    padding: 20px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-343723a9] {
    color: #b9b9b9;
    cursor: pointer;
    gap: 14px;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 48%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-343723a9]:hover {
    color: #cfcfcf
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-343723a9] {
    border-radius: 8px;
    flex-shrink: 0;
    height: 55px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 55px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-343723a9] {
    height: 100%;
    justify-content: space-evenly
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-343723a9] {
    font-size: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-343723a9] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #26c7e3;
    padding: 0 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-343723a9] {
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560);
    color: #d15bd3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-343723a9] {
    font-size: 14px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-343723a9] {
    box-sizing: border-box
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-343723a9] {
    font-size: 14px;
    gap: 50px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-343723a9] {
    color: #777e90;
    font-size: 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-343723a9] {
    color: #bfc8d4;
    margin-top: 6px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info[data-v-343723a9] {
    border-bottom: 1px solid #1f2024;
    gap: 15px;
    padding: 20px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-title[data-v-343723a9] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-intro[data-v-343723a9] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 16px;
    font-weight: 400;
    word-break: break-word
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-intro[data-v-343723a9] a {
    color: #4086d4;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items[data-v-343723a9] {
    font-size: 16px;
    gap: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items .tag-item[data-v-343723a9] {
    color: #4086d4
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items .tag-item a[data-v-343723a9] {
    color: #4086d4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .time[data-v-343723a9] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.image-gallery[data-v-343723a9] .el-loading-mask {
    z-index: 97
}

.play-video[data-v-30eea4e8] {
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.play-video video[data-v-30eea4e8] {
    background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .2), #000);
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

button[data-v-a6efa958] {
    background: transparent;
    border: none;
    cursor: pointer
}

button.disabled[data-v-a6efa958] {
    cursor: not-allowed
}

.image-gallery[data-v-a6efa958] {
    background: #090b15;
    height: 100vh;
    position: relative
}

.image-gallery .admin-off[data-v-a6efa958] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.image-gallery .admin-off[data-v-a6efa958]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.image-gallery .admin-off.open[data-v-a6efa958] {
    background: #191a27;
    color: #fff
}

.image-gallery .admin-off.open[data-v-a6efa958]:before {
    display: none
}

.image-gallery .mask[data-v-a6efa958] {
    background-color: #000;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
}

.image-gallery .mobile-back-to[data-v-a6efa958] {
    align-items: center;
    background: rgba(7, 11, 21, .431);
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 120px;
    width: 52px;
    z-index: 98
}

.image-gallery .mobile-back-to i[data-v-a6efa958] {
    color: #fff;
    font-size: 28px
}

.image-gallery .mobile-back-to[data-v-a6efa958]:hover {
    background-color: #1c2433
}

.image-gallery .imgpage-content[data-v-a6efa958] {
    height: calc(100% - 24px);
    min-width: 1200px
}

.image-gallery .imgpage-content .imgpage-inner[data-v-a6efa958] {
    background: #090b15;
    border: 0;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image-hold[data-v-a6efa958] {
    height: calc(100% - 24px)
}

.image-gallery .imgpage-content .imgpage-inner .close-button[data-v-a6efa958] {
    position: absolute;
    right: 20px;
    top: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-a6efa958] {
    border-radius: 30px 0 0 30px;
    flex: 1;
    padding: 0;
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-a6efa958] {
    background: #141416;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .indecator[data-v-a6efa958] {
    background: rgba(0, 0, 0, .03);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-a6efa958], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-a6efa958] .el-carousel__container {
    height: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-a6efa958] .el-carousel__indicators .el-carousel__button {
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-a6efa958] {
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    cursor: default;
    height: 100%;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-a6efa958] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-a6efa958] {
    opacity: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-a6efa958] {
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    margin: 0 24px;
    max-height: 88vh;
    min-height: 75vh !important;
    padding: 0;
    position: relative;
    width: 400px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info[data-v-a6efa958] {
    border-bottom: 1px solid #1f2024;
    border-top: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    gap: 15px;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info h1[data-v-a6efa958] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .desc[data-v-a6efa958] {
    font-size: 16px;
    font-weight: 400;
    word-break: break-word
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .desc[data-v-a6efa958] a {
    color: #4086d4;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items[data-v-a6efa958] {
    font-size: 16px;
    gap: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items .tag-item[data-v-a6efa958] {
    color: #4086d4
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items .tag-item a[data-v-a6efa958] {
    color: #4086d4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .time[data-v-a6efa958] {
    font-size: 12px
}

.image-gallery[data-v-a6efa958] .el-loading-mask {
    z-index: 97
}

.work-box[data-v-2edfdc45] {
    border-radius: 10px;
    box-sizing: border-box;
    height: 240px;
    position: relative;
    width: 240px
}

.work-box.check-box .del-btn[data-v-2edfdc45] {
    display: none
}

.work-box.check-box.check[data-v-2edfdc45], .work-box.check-box[data-v-2edfdc45]:hover {
    border: 1px solid #0dc990
}

.work-box.check-box.check[data-v-2edfdc45] {
    padding: 20px
}

.work-box .img-box[data-v-2edfdc45] {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.work-box .del-btn[data-v-2edfdc45] {
    background: #19191d;
    border-radius: 5px;
    color: #ff3e3e;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 28px
}

.work-box .del-btn[data-v-2edfdc45]:hover {
    background: #37373c
}

.relation-work[data-v-198387c3] {
    margin-top: 20px
}

.relation-work .title[data-v-198387c3] {
    border-bottom: 1px solid #1e293b;
    color: #e6e8ef
}

.relation-work .title .form-item-tips[data-v-198387c3] {
    color: #97a5b7;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px
}

@keyframes rotate-198387c3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.relation-work .title i[data-v-198387c3] {
    cursor: pointer
}

.relation-work .title i.loading[data-v-198387c3] {
    animation: rotate-198387c3 1s linear infinite
}

.relation-work .work-list[data-v-198387c3] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    min-height: 470px;
    padding-top: 15px
}

.relation-work .work-list[data-v-198387c3] .el-empty {
    width: 100%
}

.relation-work .work-list .scroll-loading[data-v-198387c3] {
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.model-work .work-list[data-v-70c0f792] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.model-work .work-list .generate-box[data-v-70c0f792] {
    align-items: center;
    background: #1c1d2a;
    border-radius: 12px;
    box-sizing: border-box;
    color: #a6a8ae;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    height: 240px;
    justify-content: center;
    width: 240px
}

.model-work .work-list .generate-box svg[data-v-70c0f792] {
    font-size: 28px;
    margin-bottom: 10px
}

.upload-avatar[data-v-91356574] {
    height: 150px;
    width: 100%
}

.upload-avatar .img-text[data-v-91356574] {
    color: #9dabc1;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.upload-avatar .avatar-uploader[data-v-91356574] {
    align-items: center;
    background: #394456;
    border: 1px dashed #adb6cd;
    display: flex;
    height: 150px;
    justify-content: center;
    overflow: hidden;
    width: 150px
}

.upload-avatar .avatar-uploader .upload[data-v-91356574] {
    align-items: center;
    background: #20283b;
    border: 1px dashed #404962;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.upload-avatar .avatar-uploader .upload .upload-demo[data-v-91356574] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upload-avatar .avatar-uploader .upload .upload-demo.disabled[data-v-91356574] {
    cursor: not-allowed
}

.upload-avatar .avatar-uploader .upload .upload-demo .avatar[data-v-91356574] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.upload-avatar .avatar-uploader .upload .img-handle[data-v-91356574] {
    position: absolute;
    right: 5px;
    top: 0;
    visibility: hidden;
    z-index: 3
}

.upload-avatar .avatar-uploader .upload .img-handle i[data-v-91356574] {
    border-radius: 3px;
    box-sizing: border-box;
    color: #ff6b6b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700
}

.upload-avatar .avatar-uploader .upload:hover .img-handle[data-v-91356574] {
    visibility: visible
}

.upload-avatar .avatar-uploader .el-icon-plus[data-v-91356574] {
    font-size: 16px
}

.upload-avatar .avatar-uploader[data-v-91356574] .el-upload-dragger {
    align-items: center;
    background: #20283b;
    border: 1px dashed #404962;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upload-avatar .avatar-uploader[data-v-91356574] .el-upload-dragger .avatar {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.upload-avatar .avatar-uploader[data-v-91356574] .el-upload {
    height: 100%;
    width: 100%
}

.model-edit[data-v-63d78529] {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 20px;
    position: relative
}

.model-edit > i[data-v-63d78529] {
    color: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    font-size: 44px;
    position: absolute;
    right: 80px;
    top: 40px
}

.model-edit .form-title[data-v-63d78529] {
    align-items: center;
    border-bottom: 1px solid #1e293b;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 60px;
    justify-content: space-between;
    max-width: 1015px;
    width: 90%
}

.model-edit .form-title .btn-group .el-button[data-v-63d78529] {
    background: #0d9488;
    border: 1px solid #0d9488;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

.model-edit .form-title .btn-group .cancel-btn[data-v-63d78529] {
    background: #1e2435;
    border-color: #2a2b2d;
    color: #cbd5e1
}

.model-edit .edit-form[data-v-63d78529] {
    display: flex;
    height: calc(100vh - 90px);
    justify-content: center;
    overflow: auto;
    padding-top: 10px;
    width: 100%
}

.model-edit .edit-form[data-v-63d78529]::-webkit-scrollbar {
    width: 3px
}

.model-edit .edit-form .custom-form[data-v-63d78529] {
    max-width: 1015px;
    width: 90%
}

.model-edit .edit-form .custom-form .formBox[data-v-63d78529] {
    display: flex;
    justify-content: space-between
}

.model-edit .edit-form .custom-form .formBox .formCnt[data-v-63d78529] {
    width: 460px
}

.model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-63d78529] {
    display: flex;
    justify-content: space-between
}

.model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-63d78529]:first-child {
    width: 340px
}

.model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-63d78529]:nth-child(2) {
    width: 112px
}

.model-edit .edit-form .custom-form .el-form-item[data-v-63d78529] {
    margin-bottom: 10px
}

.model-edit .edit-form .custom-form .el-select[data-v-63d78529] {
    display: block
}

.model-edit .edit-form .custom-form .type-select[data-v-63d78529] {
    background: #20283b;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 4px;
    text-align: center
}

.model-edit .edit-form .custom-form .type-select span[data-v-63d78529] {
    background: #20283b;
    border-radius: 5px;
    color: hsla(0, 0%, 100%, .2);
    height: 32px;
    line-height: 32px;
    width: 50%
}

.model-edit .edit-form .custom-form .type-select span.active[data-v-63d78529] {
    background: #494f80;
    color: #fff
}

.model-edit .edit-form .custom-form .type-select.model-payment span[data-v-63d78529] {
    cursor: pointer
}

.model-edit .edit-form .custom-form .el-form-item__label[data-v-63d78529] {
    color: #fff;
    padding-bottom: 0
}

.model-edit .edit-form .custom-form .item-tips[data-v-63d78529] {
    color: #707883;
    font-size: 12px
}

.model-edit .edit-form .custom-form .form-item-tips[data-v-63d78529] {
    color: #97a5b7;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-63d78529] {
    background: #1c1d2a;
    border-radius: 5px;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 12px
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-63d78529]:last-child {
    margin-bottom: 0
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-63d78529] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background: #27b670;
    border-color: #27b670
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-63d78529] .el-checkbox .el-checkbox__label {
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 13px;
    font-weight: 400
}

.model-edit .edit-form .custom-form .payBox[data-v-63d78529] {
    align-items: center;
    background: #20283b;
    border: 1px solid rgba(73, 79, 128, .5);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 87px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 15px 20px;
    width: 100%
}

.model-edit .edit-form .custom-form .payBox .payCnt[data-v-63d78529] {
    height: 100%;
    line-height: 1;
    width: 188px
}

.model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-63d78529] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-63d78529] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 30px;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 8px;
    width: 188px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-63d78529] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: none;
    color: hsla(0, 0%, 100%, .7);
    height: 100%;
    margin-top: 0;
    outline: none;
    padding-left: 0;
    width: 150px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-63d78529]::-webkit-inner-spin-button, .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-63d78529]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-63d78529] {
    height: 18px;
    width: 18px
}

.bntitem[data-v-63d78529] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-63d78529] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-63d78529]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-63d78529]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-63d78529]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-63d78529]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-63d78529]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-63d78529]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.model-edit .show-tag {
    background: #0f1021;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.model-edit .show-tag ::v-deep .el-select__tags {
    flex-wrap: nowrap;
    max-width: 140px !important
}

.model-edit .show-tag .el-tag {
    background: #2e385e;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-family: Inter-Medium, Inter;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    line-height: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.model-edit .show-tag .el-tag__close {
    background-color: #3a4e92;
    color: #fff
}

.model-edit .show-tag .el-input__inner {
    background: #0a0b17;
    border: 0;
    border-radius: 10px
}

.model-edit .el-select__tags {
    max-width: 90% !important;
    width: 90% !important
}

.show-tag-select {
    background: #1c1d2a !important;
    border: 1px solid #293045 !important;
    border-radius: 8px !important;
    color: #5a7dc2
}

.show-tag-select .el-select-dropdown__list {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.show-tag-select.is-multiple .el-select-dropdown__item.selected, .show-tag-select.is-multiple .el-select-dropdown__item.selected.hover {
    background: #34396a;
    color: #fff
}

.show-tag-select .el-scrollbar__wrap {
    overflow: auto
}

.show-tag-select .el-select-dropdown__item {
    color: hsla(0, 0%, 100%, .6)
}

.show-tag-select .el-select-dropdown__item.selected {
    color: #fff;
    position: relative
}

.show-tag-select .el-select-dropdown__item.selected:after {
    content: "✓";
    position: absolute;
    right: 10px
}

.show-tag-select .el-select-dropdown__item.hover, .show-tag-select .el-select-dropdown__item:hover {
    background: #242534;
    border-radius: 5px;
    color: #fff
}

.show-tag-select .popper__arrow, .show-tag-select .popper__arrow:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.show-tag-select .el-input__inner {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.show-tag-select.is-multiple .el-select-dropdown__item.selected {
    background: rgba(83, 100, 138, .3) !important;
    border-radius: 6px;
    margin-bottom: 4px
}

.model-edit[data-v-f1537724] {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 20px;
    position: relative
}

.model-edit > i[data-v-f1537724] {
    color: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    font-size: 44px;
    position: absolute;
    right: 80px;
    top: 40px
}

.model-edit .form-title[data-v-f1537724] {
    align-items: center;
    border-bottom: 1px solid #1e293b;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 60px;
    justify-content: space-between;
    max-width: 1015px;
    width: 90%
}

.model-edit .form-title .btn-group .el-button[data-v-f1537724] {
    background: #0d9488;
    border: 1px solid #0d9488;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

.model-edit .form-title .btn-group .cancel-btn[data-v-f1537724] {
    background: #1e2435;
    border-color: #2a2b2d;
    color: #cbd5e1
}

.model-edit .edit-form[data-v-f1537724] {
    display: flex;
    height: calc(100vh - 90px);
    justify-content: center;
    overflow: auto;
    padding-top: 10px;
    width: 100%
}

.model-edit .edit-form[data-v-f1537724]::-webkit-scrollbar {
    width: 3px
}

.model-edit .edit-form .custom-form[data-v-f1537724] {
    max-width: 1015px;
    width: 90%
}

.model-edit .edit-form .custom-form .isCommunityBox[data-v-f1537724] {
    align-items: center;
    display: flex
}

.model-edit .edit-form .custom-form .isCommunityBox span[data-v-f1537724] {
    color: #fff;
    margin-right: 10px
}

.model-edit .edit-form .custom-form .formBox[data-v-f1537724] {
    display: flex;
    justify-content: space-between
}

.model-edit .edit-form .custom-form .formBox .formCnt[data-v-f1537724] {
    width: 460px
}

.model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-f1537724] {
    display: flex;
    justify-content: space-between
}

.model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-f1537724]:first-child {
    width: 340px
}

.model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-f1537724]:nth-child(2) {
    width: 112px
}

.model-edit .edit-form .custom-form .el-form-item[data-v-f1537724] {
    margin-bottom: 10px
}

.model-edit .edit-form .custom-form .el-select[data-v-f1537724] {
    display: block
}

.model-edit .edit-form .custom-form .type-select[data-v-f1537724] {
    background: #20283b;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 4px;
    text-align: center
}

.model-edit .edit-form .custom-form .type-select span[data-v-f1537724] {
    background: #20283b;
    border-radius: 5px;
    color: hsla(0, 0%, 100%, .2);
    height: 32px;
    line-height: 32px;
    width: 50%
}

.model-edit .edit-form .custom-form .type-select span.active[data-v-f1537724] {
    background: #494f80;
    color: #fff
}

.model-edit .edit-form .custom-form .type-select.model-payment span[data-v-f1537724] {
    cursor: pointer
}

.model-edit .edit-form .custom-form .el-form-item__label[data-v-f1537724] {
    color: #fff;
    padding-bottom: 0
}

.model-edit .edit-form .custom-form .item-tips[data-v-f1537724] {
    color: #707883;
    font-size: 12px
}

.model-edit .edit-form .custom-form .form-item-tips[data-v-f1537724] {
    color: #97a5b7;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-f1537724] {
    background: #1c1d2a;
    border-radius: 5px;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 12px
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-f1537724]:last-child {
    margin-bottom: 0
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-f1537724] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background: #27b670;
    border-color: #27b670
}

.model-edit .edit-form .custom-form .checkbox-container[data-v-f1537724] .el-checkbox .el-checkbox__label {
    color: hsla(0, 0%, 100%, .8);
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 13px;
    font-weight: 400
}

.model-edit .edit-form .custom-form .payBox[data-v-f1537724] {
    align-items: center;
    background: #20283b;
    border: 1px solid rgba(73, 79, 128, .5);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 87px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 15px 20px;
    width: 100%
}

.model-edit .edit-form .custom-form .payBox .payCnt[data-v-f1537724] {
    height: 100%;
    line-height: 1;
    width: 188px
}

.model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-f1537724] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-f1537724] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 30px;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 8px;
    width: 188px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-f1537724] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: none;
    color: hsla(0, 0%, 100%, .7);
    height: 100%;
    margin-top: 0;
    outline: none;
    padding-left: 0;
    width: 150px
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-f1537724]::-webkit-inner-spin-button, .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-f1537724]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-f1537724] {
    height: 18px;
    width: 18px
}

.bntitem[data-v-f1537724] {
    display: flex;
    justify-content: flex-end
}

.bntitem .el-button[data-v-f1537724] {
    border-radius: 8px;
    color: #fff;
    height: 48px;
    margin-left: 12px;
    transition: all .5s ease-in-out;
    width: 120px
}

.bntitem .el-button[data-v-f1537724]:first-child {
    background-color: #121627;
    border: 1px solid #1e2435;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-f1537724]:first-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-f1537724]:first-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.bntitem .el-button[data-v-f1537724]:last-child {
    background: #0d9488;
    border: none;
    border-radius: 8px;
    height: 48px;
    width: 120px
}

.bntitem .el-button[data-v-f1537724]:last-child:hover {
    background-color: #494f80;
    border-color: #494f80
}

.bntitem .el-button[data-v-f1537724]:last-child:active {
    background-color: #1e2a3b;
    border-color: #4c5286
}

.payCnt .el-select {
    margin-top: 10px
}

.model-edit .el-textarea__inner {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1;
    height: 92px
}

.model-edit .el-input__count {
    background: #1c1d2a
}

.model-edit .el-radio {
    color: #fff
}

.model-edit .is-disabled .el-input__inner {
    background: hsla(0, 0%, 100%, .2);
    border: none;
    cursor: not-allowed
}

.LoraDialogList[data-v-cc9381ca] {
    align-content: flex-start;
    border-top: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 602px;
    overflow-y: auto;
    padding-top: 10px;
    width: 100%
}

.LoraDialogList .listItem[data-v-cc9381ca] {
    align-items: center;
    border: 1px dashed #616161;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 302px;
    justify-content: center;
    position: relative;
    width: 198px
}

.LoraDialogList .listItem:hover .itemHover[data-v-cc9381ca] {
    opacity: 1
}

.LoraDialogList .listItem .itemHover[data-v-cc9381ca] {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 12px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.LoraDialogList .listItem img[data-v-cc9381ca] {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.LoraDialogList .listItem .name[data-v-cc9381ca] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .2);
    border-radius: 0 0 12px 12px;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.LoraDialogList .listItem .tipCnt[data-v-cc9381ca] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LoraDialogList .listItem .tipCnt i[data-v-cc9381ca] {
    color: #fff;
    font-size: 36px
}

.LoraDialogList .listItem .tipCnt span[data-v-cc9381ca] {
    color: #fff;
    font-size: 14px;
    margin-top: 8px
}

[data-v-cc9381ca] .trainDialog {
    background-color: #24262a;
    border-radius: 20px
}

[data-v-cc9381ca] .trainDialog .el-dialog__header .el-dialog__title {
    color: #efefef;
    font-size: 16px
}

[data-v-cc9381ca] .trainDialog .el-dialog__header .el-dialog__close {
    color: #f7fbfa;
    font-size: 24px
}

[data-v-cc9381ca] .trainDialog .el-dialog__body {
    padding-top: 0
}

.loraTrainingDet[data-v-44e14502] {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.loraTrainingDet .back[data-v-44e14502] {
    align-items: center;
    background-color: #1c2433;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 100px;
    position: fixed;
    top: 90px;
    width: 52px;
    z-index: 98
}

.loraTrainingDet .back i[data-v-44e14502] {
    font-size: 24px
}

.loraTrainingDet .main[data-v-44e14502] {
    background-color: #12131e;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    height: 827px;
    padding: 10px 20px 20px;
    width: 1309px
}

.loraTrainingDet .main .left[data-v-44e14502] {
    height: 100%;
    width: 822px
}

.loraTrainingDet .main .left .progBox[data-v-44e14502] {
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    width: 100%
}

.loraTrainingDet .main .left .progBox .progTxt[data-v-44e14502] {
    align-items: center;
    display: flex
}

.loraTrainingDet .main .left .progBox .progTxt div[data-v-44e14502] {
    color: #fff;
    font-size: 16px
}

.loraTrainingDet .main .left .progBox .progTxt span[data-v-44e14502] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px
}

.loraTrainingDet .main .left .progBox .loadingTxt[data-v-44e14502]:after {
    animation: loading-animation-44e14502 4s infinite;
    content: "..."
}

@keyframes loading-animation-44e14502 {
    25% {
        content: ""
    }
    50% {
        content: "."
    }
    75% {
        content: ".."
    }
    to {
        content: "..."
    }
}

.loraTrainingDet .main .left .progBox .progBar[data-v-44e14502] {
    background-color: #262731;
    border-radius: 100px;
    height: 18px;
    margin-top: 10px;
    position: relative;
    width: 100%
}

.loraTrainingDet .main .left .progBox .progBar .progItem[data-v-44e14502] {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border-radius: 100px;
    height: 100%;
    transition: all .5s;
    width: 20%
}

.loraTrainingDet .main .left .progBox .progBar .progBarInfo[data-v-44e14502] {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    display: flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loraTrainingDet .main .left .trainDet[data-v-44e14502] {
    background-color: #262731;
    border-radius: 12px;
    box-sizing: border-box;
    height: 725px;
    margin-top: 12px;
    padding: 10px 15px 5px;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detTop[data-v-44e14502] {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    display: flex;
    height: 40px;
    justify-content: space-between;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detTop .detTopLeft[data-v-44e14502] {
    align-items: center;
    display: flex
}

.loraTrainingDet .main .left .trainDet .detTop .detTopLeft span[data-v-44e14502]:first-child {
    color: #f7fbfa;
    font-size: 16px;
    font-weight: 700
}

.loraTrainingDet .main .left .trainDet .detTop .detTopLeft span[data-v-44e14502]:nth-child(2) {
    color: #409eff;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px
}

.loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem[data-v-44e14502], .loraTrainingDet .main .left .trainDet .detTop .detTopRight[data-v-44e14502] {
    align-items: center;
    display: flex
}

.loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem i[data-v-44e14502] {
    color: #efefef;
    font-size: 20px;
    margin-right: 8px
}

.loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem span[data-v-44e14502] {
    color: #efefef;
    font-size: 14px
}

.loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem .el-switch[data-v-44e14502] {
    margin-left: 8px
}

.loraTrainingDet .main .left .trainDet .detTop .detTopRight .topLine[data-v-44e14502] {
    background-color: hsla(0, 0%, 100%, .06);
    height: 18px;
    margin: 0 10px;
    width: 1px
}

.loraTrainingDet .main .left .trainDet .detCnt[data-v-44e14502] {
    height: 602px;
    margin-top: 10px;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList[data-v-44e14502] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem[data-v-44e14502] {
    background-color: hsla(0, 0%, 100%, .03);
    border-radius: 12px;
    height: 302px;
    width: 186px
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox[data-v-44e14502] {
    border-radius: 12px;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraNmae[data-v-44e14502] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .2);
    border-radius: 0 0 12px 12px;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraCheck[data-v-44e14502] {
    left: 10px;
    position: absolute;
    top: 10px
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox img[data-v-44e14502] {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraZG[data-v-44e14502] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-44e14502] {
    align-items: center;
    border: 1px dashed #616161;
    border-radius: 12px;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-44e14502] .listProg {
    height: 52px;
    position: relative;
    width: 52px
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-44e14502] .listProg .progLine {
    border: 2px dashed #9b9b9b;
    border-radius: 100%;
    height: 48px;
    width: 48px
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-44e14502] .listProg .el-progress {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-44e14502] .listProg .el-progress .el-progress__text {
    font-size: 14px !important
}

.loraTrainingDet .main .left .trainDet .detCnt .chartBox[data-v-44e14502] {
    height: 387px;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraList[data-v-44e14502] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraItem[data-v-44e14502] {
    align-items: center;
    background-color: #30313d;
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 88px
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraItem div[data-v-44e14502] {
    align-items: center;
    background-color: #2a2b33;
    border-radius: 100%;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-right: 6px;
    width: 16px
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraItem div i[data-v-44e14502] {
    color: #bababa;
    font-size: 8px
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraItem span[data-v-44e14502] {
    color: hsla(0, 0%, 96%, .8);
    font-size: 14px
}

.loraTrainingDet .main .left .trainDet .detCnt .minLoraItemActivate[data-v-44e14502] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent
}

.loraTrainingDet .main .left .trainDet .detBottom[data-v-44e14502] {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin-top: 10px;
    position: relative;
    width: 100%
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomZg[data-v-44e14502] {
    cursor: not-allowed;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft[data-v-44e14502] {
    align-items: center;
    display: flex
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .el-checkbox__label[data-v-44e14502] {
    color: #409eff;
    font-size: 14px
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-44e14502]:nth-child(2) {
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    margin-left: 8px;
    transition: all .25s
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-44e14502]:nth-child(3) {
    color: #a1a6ac;
    font-size: 14px;
    margin-left: 10px
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-44e14502]:nth-child(4) {
    color: #fff;
    font-size: 14px;
    margin-left: 8px
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomRight[data-v-44e14502] {
    align-items: center;
    display: flex
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn[data-v-44e14502] {
    align-items: center;
    background-color: #1a1d1f;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    margin-left: 10px;
    padding: 8px 12px
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn i[data-v-44e14502] {
    color: #cfcfd0;
    font-size: 15px;
    margin-right: 4px
}

.loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn span[data-v-44e14502] {
    color: #cfcfd0;
    font-size: 12px
}

.loraTrainingDet .main .right[data-v-44e14502] {
    height: 100%;
    margin-left: 10px;
    width: 433px
}

.loraTrainingDet .main .right .rifhtTop[data-v-44e14502] {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    width: 100%
}

.loraTrainingDet .main .right .rifhtTop .rifhtTopBtn[data-v-44e14502] {
    align-items: center;
    border: 1.5px solid #272b30;
    border-radius: 10px;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    margin-left: 10px;
    padding: 12px 20px
}

.loraTrainingDet .main .right .rifhtTop .rifhtTopBtn span[data-v-44e14502] {
    color: #fcfcfc;
    font-size: 14px
}

.loraTrainingDet .main .right .rifhtTop .rifhtTopBtn i[data-v-44e14502] {
    font-size: 16px;
    margin-left: 8px
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] {
    background-color: #262731;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 725px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 10px 15px 20px;
    width: 100%
}

.loraTrainingDet .main .right .imgDet .imgDetTop[data-v-44e14502] {
    align-items: center;
    color: hsla(0, 0%, 100%, .9);
    display: flex;
    font-size: 16px;
    height: 36px;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo {
    height: 544px;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container {
    height: 510px
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container .el-carousel__arrow {
    background-color: rgba(31, 45, 61, .7)
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container .imgCnt {
    border-radius: 12px;
    height: 510px;
    position: relative;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container .imgCnt img {
    background-color: #181924;
    border-radius: 12px;
    cursor: pointer;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container .imgCnt .imgTips {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .2);
    border-radius: 0 0 12px 12px;
    bottom: 0;
    box-sizing: border-box;
    height: 54px;
    left: 0;
    padding: 0 12px;
    position: absolute;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__container .imgCnt .imgTips div {
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.loraTrainingDet .main .right .imgDet[data-v-44e14502] .imgInfo .el-carousel .el-carousel__button {
    border-radius: 100%;
    height: 8px;
    width: 8px
}

.loraTrainingDet .main .right .imgDet .imgDef[data-v-44e14502] {
    align-items: center;
    background-color: #2d2e37;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 456px;
    justify-content: center;
    width: 100%
}

.loraTrainingDet .main .right .imgDet .imgDef img[data-v-44e14502] {
    width: 150px
}

.loraTrainingDet .main .right .imgDet .imgDef span[data-v-44e14502] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.loraTrainingDet .main .right .imgDet .btnBox .onPub[data-v-44e14502] {
    align-items: center;
    background: linear-gradient(99deg, #3271cc, #0fffff);
    border: none;
    border-radius: 10px;
    color: #fcfcfc;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    width: 100%
}

.loraTrainingDet .main .right .imgDet .btnBox .btnItem[data-v-44e14502] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%
}

.loraTrainingDet .main .right .imgDet .btnBox .btnItem div[data-v-44e14502] {
    align-items: center;
    background-color: #30313d;
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 190px
}

.loraTrainingDet .main .right .imgDet .btnBox .btnItem div i[data-v-44e14502] {
    color: #f4f4f4;
    font-size: 20px;
    margin-right: 8px
}

.loraTrainingDet .main .right .imgDet .btnBox .btnItem div span[data-v-44e14502] {
    color: #f4f4f4;
    font-size: 16px
}

.trainDetPopper {
    background-color: #262731 !important;
    border: none !important;
    border-radius: 10px !important
}

.trainDetPopper .expendBox {
    padding: 12px
}

.trainDetPopper .expendBox .expendItem {
    align-items: center;
    background-color: #2d2e37;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 10px;
    width: 248px
}

.trainDetPopper .expendBox .expendItem span {
    font-size: 14px
}

.trainDetPopper .expendBox .expendItem span:first-child {
    color: hsla(0, 0%, 100%, .7)
}

.trainDetPopper .expendBox .expendItem span:nth-child(2) {
    color: #fff
}

.trainDetPopper .expendBox .expendItem:last-child {
    margin-bottom: 0
}

.sticky-element[data-v-2e0f8278] {
    font-size: 14px;
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

.sticky-element .sticky[data-v-2e0f8278] {
    background-color: #080b16;
    box-sizing: border-box;
    position: fixed;
    z-index: 9
}

.tab-cnt[data-v-2e0f8278] {
    position: relative
}

.tab-cnt .tab-box[data-v-2e0f8278] {
    padding-top: 21px
}

.filter-buttons[data-v-2e0f8278] {
    align-items: center;
    color: #94a3b8;
    display: flex;
    margin-top: 10px;
    padding-bottom: 20px
}

.filter-buttons .filter-button[data-v-2e0f8278] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 34px;
    justify-content: center;
    margin-left: 10px;
    padding: 0 16px;
    transition: all .5s ease-in-out
}

.filter-buttons .filter-button .svg-icon[data-v-2e0f8278] {
    font-size: 18px
}

.filter-buttons .filter-button[data-v-2e0f8278]:first-child {
    margin-left: 0
}

.filter-buttons .filter-button[data-v-2e0f8278]:hover {
    background-color: #1c2433
}

.filter-buttons .filter-button[data-v-2e0f8278]:active {
    border-color: #5c749a
}

.filter-buttons .filter-button-icon[data-v-2e0f8278] {
    transition: all .5s ease-in-out
}

.filter-buttons .active[data-v-2e0f8278] {
    background-color: #1c2433;
    color: #fff
}

.slotBox[data-v-2e0f8278] {
    display: flex;
    justify-content: flex-start
}

.filter-type-buttons[data-v-2e0f8278] {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0;
    top: 20px
}

.filter-type-buttons .filter-type-button[data-v-2e0f8278] {
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 16px;
    color: #abbdd7;
    cursor: pointer;
    font-size: 16px;
    margin-right: 10px;
    padding: 6px 16px
}

.filter-type-buttons .filter-type-button[data-v-2e0f8278]:last-child {
    margin-right: 0
}

.filter-type-buttons .typeActive[data-v-2e0f8278] {
    background-color: #212e52;
    border: 1px solid #3b589b;
    color: #fff
}

.input-search[data-v-2e0f8278] {
    align-items: center;
    background-color: #151623;
    border: 1px solid #151623;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    height: 38px;
    padding: 0 13px;
    position: absolute;
    right: 0;
    top: 75px;
    width: 350px
}

.input-search .svg-icon[data-v-2e0f8278] {
    font-size: 24px
}

.input-search input[data-v-2e0f8278] {
    background-color: #151623;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
    padding-left: 5px;
    width: 275px
}

.input-search input[data-v-2e0f8278]::-moz-placeholder {
    color: #737a85
}

.input-search input[data-v-2e0f8278]::placeholder {
    color: #737a85
}

.input-search i[data-v-2e0f8278] {
    color: #737a85;
    cursor: pointer
}

.inputBorder[data-v-2e0f8278] {
    border: 1px solid #577ae0
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap {
    position: sticky;
    top: 80px
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap .el-tabs__nav-scroll {
    display: flex
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
    color: #a0adbf;
    font-size: 20px
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active {
    color: #dde2e9
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar {
    background-color: #d8d8d8
}

[data-v-2e0f8278] .el-tabs .el-tabs__nav-wrap:after {
    background-color: #1e293b;
    box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5);
    height: 1px
}

.main .list[data-v-21f72fb5] {
    max-height: 200px;
    overflow: auto;
    padding: 0
}

.main .list li[data-v-21f72fb5] {
    align-items: center;
    color: #fff;
    display: flex;
    height: 48px;
    justify-content: space-between;
    width: 100%
}

.main .list li span[data-v-21f72fb5] {
    font-size: 14px
}

.main .list li i[data-v-21f72fb5] {
    cursor: pointer
}

.input-box[data-v-08bcce9e] {
    position: relative
}

.input-box .tag-box[data-v-08bcce9e] {
    background-color: #293045;
    border-radius: 8px;
    box-sizing: border-box;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 12
}

.input-box .tag-box .boxtit[data-v-08bcce9e] {
    color: #9dabbd;
    font-size: 14px;
    padding: 10px 0
}

.input-box .tag-box .tags-list[data-v-08bcce9e] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    transition: all .3s
}

.input-box .tag-box .tags-list .tags-item[data-v-08bcce9e] {
    align-items: center;
    background-color: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 21px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 38px;
    max-width: 152px;
    padding: 0 16px
}

.input-box .tag-box .tags-list .tags-item img[data-v-08bcce9e] {
    border-radius: 100%;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 7px;
    width: 30px
}

.input-box .tag-box .tags-list .tags-item span[data-v-08bcce9e] {
    color: #d8d9dc;
    white-space: nowrap
}

.search-input[data-v-08bcce9e] {
    width: 100%
}

.my-input-component[data-v-08bcce9e] {
    background: var(--containerBg);
    padding: 15px 0;
    position: fixed;
    top: 0;
    z-index: 11
}

.my-input-component .my-input[data-v-08bcce9e] {
    width: 100%
}

.my-input-component .my-input[data-v-08bcce9e] input {
    background: #232742;
    border: 1px solid #1e1a2d;
    border-radius: 30px;
    color: #fff;
    height: 48px
}

.my-input-component .my-input[data-v-08bcce9e] .el-input__suffix {
    display: flex
}

.btn-icon[data-v-08bcce9e], .my-input-component .my-input[data-v-08bcce9e] .el-input__suffix .el-input__suffix-inner {
    align-items: center;
    display: flex
}

.btn-icon[data-v-08bcce9e] {
    height: 48px;
    justify-content: center
}

.upload-model-btn[data-v-08bcce9e] {
    height: 48px;
    line-height: 48px
}

.upload-model-btn .svg-icon[data-v-08bcce9e] {
    cursor: pointer;
    font-size: 48px
}

.clearSearch[data-v-08bcce9e] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.clearSearch i[data-v-08bcce9e] {
    font-size: 20px
}

.search-icon[data-v-08bcce9e] {
    fill: #fff;
    cursor: pointer
}

@keyframes spin-08bcce9e {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.btn-fresh[data-v-08bcce9e]:active {
    animation-duration: .1s;
    animation-iteration-count: 2;
    animation-name: spin-08bcce9e;
    animation-timing-function: ease-in-out
}

.autocomplete-popper {
    background: #20283b !important;
    border: 1px solid #293045 !important;
    border-radius: 8px !important;
    color: #9dabbd
}

.autocomplete-popper .el-scrollbar__wrap {
    overflow: auto
}

.autocomplete-popper li.selected {
    color: #fff;
    font-weight: 500
}

.autocomplete-popper li.highlighted, .autocomplete-popper li.hover, .autocomplete-popper li:hover {
    background-color: #192133;
    color: #fff;
    font-weight: 500
}

.autocomplete-popper .popper__arrow, .autocomplete-popper .popper__arrow:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.autocomplete-popper li {
    color: #9dabbd
}

.rmdModelList .title[data-v-54f0e652] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 17px
}

.rmdModelList .title .titleLeft[data-v-54f0e652] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.rmdModelList .title .titleLeft span[data-v-54f0e652] {
    color: #d5dbe5;
    font-size: .16em;
    font-weight: 500
}

.rmdModelList .title .titleLeft i[data-v-54f0e652] {
    color: #94959a;
    font-size: 12px;
    margin-left: 6px
}

.rmdModelList .title .changeit[data-v-54f0e652] {
    align-items: center;
    background: #1a1c1e;
    background-color: #1a1c1e;
    border: 1px solid #363945;
    border-radius: .04em;
    cursor: pointer;
    display: flex;
    height: .28em;
    padding: 0 .08em
}

.rmdModelList .title .changeit[data-v-54f0e652]:hover {
    background-color: #111417
}

.rmdModelList .title .changeit .svg-icon[data-v-54f0e652] {
    font-size: .16em;
    margin-right: .1em
}

.rmdModelList .title .changeit .iconLoad[data-v-54f0e652] {
    transform: rotate(1turn);
    transition: all .5s
}

.rmdModelList .title .changeit span[data-v-54f0e652] {
    color: #94959a;
    font-size: .12em
}

.rmdModelList .list[data-v-54f0e652] {
    display: flex;
    height: 2.96em
}

.rmdModelList .list .itme[data-v-54f0e652] {
    box-sizing: border-box;
    cursor: pointer;
    margin-right: .16em;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 2.36em
}

.rmdModelList .list .itme .imgs[data-v-54f0e652] {
    background-color: #595c69;
    border-radius: .16em;
    height: 2.36em;
    overflow: hidden;
    position: relative;
    width: 2.36em
}

.rmdModelList .list .itme .imgs:hover > img[data-v-54f0e652] {
    transform: scale(1.15)
}

.rmdModelList .list .itme .imgs:hover > .cltpop[data-v-54f0e652], .rmdModelList .list .itme .imgs:hover > .waterfall-hover-try[data-v-54f0e652] {
    opacity: 1 !important
}

.rmdModelList .list .itme .imgs .defTxt[data-v-54f0e652] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rmdModelList .list .itme .imgs img[data-v-54f0e652] {
    border-radius: .16em;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s;
    width: 100%
}

.rmdModelList .list .itme .imgs .waterfall-hover-try[data-v-54f0e652] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 8px;
    top: 12px;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.rmdModelList .list .itme .imgs .svg-icon[data-v-54f0e652] {
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 10px;
    z-index: 2
}

.rmdModelList .list .itme .imgs .cltpop[data-v-54f0e652] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 6px 0 0 8px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    transition: all .3s;
    width: 100%;
    z-index: 1
}

.rmdModelList .list .itme .modelName[data-v-54f0e652] {
    color: #f2f2f2;
    font-size: .14em;
    margin: .5em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rmdModelList .list .itme .user[data-v-54f0e652] {
    align-items: center;
    display: flex
}

.rmdModelList .list .itme .user .userImg[data-v-54f0e652] {
    align-items: center;
    background-color: #595c69;
    border-radius: 100%;
    display: flex;
    height: .24em;
    justify-content: center;
    margin-right: .06em;
    width: .24em
}

.rmdModelList .list .itme .user .userImg img[data-v-54f0e652] {
    border-radius: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.rmdModelList .list .itme .user .userImg .defHead[data-v-54f0e652] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    display: flex;
    font-size: .16em;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rmdModelList .list .itme .user .userName[data-v-54f0e652] {
    color: #bababa;
    font-size: .12em
}

.rmdModelList .list .itme[data-v-54f0e652]:last-child {
    margin-right: 0
}

.editTitle[data-v-0e52cf79] {
    height: 123px;
    width: 100%
}

.editTitle .sticky[data-v-0e52cf79] {
    position: fixed !important;
    z-index: 9 !important
}

.editTitle .title[data-v-0e52cf79] {
    background-color: #080b16;
    box-sizing: border-box;
    height: 123px;
    padding: 20px 0
}

.editTitle .title .titleCnt[data-v-0e52cf79] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px
}

.editTitle .title .titleCnt .titleName[data-v-0e52cf79] {
    align-items: center;
    color: #fff;
    display: flex;
    width: calc(100% - 400px)
}

.editTitle .title .titleCnt .titleName .backIcon[data-v-0e52cf79] {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .22);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 40px;
    justify-content: center;
    margin-right: 10px;
    width: 40px
}

.editTitle .title .titleCnt .titleName .txt[data-v-0e52cf79] {
    color: #707b8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.manageGroup[data-v-0e52cf79] {
    align-items: center;
    display: flex
}

.manageGroup span[data-v-0e52cf79] {
    cursor: pointer;
    font-size: 18px
}

.manageGroup .postFun[data-v-0e52cf79] {
    align-items: center;
    background: #1d222f;
    border-radius: 10px;
    display: flex;
    padding: 10px
}

.manageGroup .postFun .nxt[data-v-0e52cf79] {
    color: #fff;
    font-size: 14px
}

.manageGroup .postFun .line[data-v-0e52cf79] {
    background-color: #3d455a;
    height: 15px;
    margin: 0 20px;
    width: 1px
}

.manageGroup .postFun .clear[data-v-0e52cf79] {
    color: #abbdd7;
    font-size: 14px
}

.manageGroup .funKey[data-v-0e52cf79] {
    align-items: center;
    background-color: #111520;
    border-radius: 27px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 39px;
    justify-content: space-between;
    margin-left: 10px;
    padding: 0 17px
}

.manageGroup .funKey .setAll[data-v-0e52cf79] {
    margin-right: 15px;
    position: relative
}

.manageGroup .funKey .setAll .checkZG[data-v-0e52cf79] {
    cursor: pointer;
    height: 17px;
    left: 0;
    position: absolute;
    width: 14px;
    z-index: 2
}

.manageGroup .funKey .setAll span[data-v-0e52cf79] {
    color: #abbdd7;
    font-size: 14px
}

.manageGroup .funKey .manageBntItem[data-v-0e52cf79] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.manageGroup .funKey .manageBntItem .download[data-v-0e52cf79] {
    cursor: pointer;
    margin-right: 19px
}

.manageGroup .funKey .manageBntItem .download .svg-icon[data-v-0e52cf79] {
    fill: #cbd4e0
}

.manageGroup .funKey .manageBntItem .download.disabledDiv .svg-icon[data-v-0e52cf79] {
    fill: #bad2f5
}

.manageGroup .funKey .manageBntItem .download.is-loading[data-v-0e52cf79] {
    cursor: wait
}

.manageGroup .funKey .move[data-v-0e52cf79] {
    position: relative
}

.manageGroup .funKey .move .svg-icon[data-v-0e52cf79] {
    cursor: pointer;
    font-size: 16px
}

.manageGroup .funKey .move .moveBnt[data-v-0e52cf79] {
    align-items: center;
    background-color: #1d222f;
    border-radius: 16px;
    display: flex;
    padding: 8px 10px
}

.manageGroup .funKey .move .moveBnt span[data-v-0e52cf79] {
    color: #abbdd7;
    font-size: 14px
}

.manageGroup .funKey .move .moveBnt i[data-v-0e52cf79] {
    color: #85878f;
    font-size: 8px;
    margin-left: 26px;
    transition: all .3s
}

.manageGroup .funKey .moveLine[data-v-0e52cf79] {
    background-color: #919aa7;
    height: 10px;
    margin: 0 10px;
    width: 2px
}

.manageGroup .funKey .disabledDiv[data-v-0e52cf79] {
    opacity: .5
}

.manageGroup .edit[data-v-0e52cf79] {
    align-items: center;
    background-color: #1a1c2e;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 39px;
    justify-content: center;
    margin-left: 10px;
    width: 39px
}

.manageGroup .edit .svg-icon[data-v-0e52cf79] {
    color: #fff;
    font-size: 24px
}

.manageGroup .edit[data-v-0e52cf79]:hover {
    background-color: #222332
}

.manageGroup .nsfw-btn[data-v-0e52cf79] {
    color: #fff
}

.manageGroup .cncel[data-v-0e52cf79] {
    color: #abbdd7;
    cursor: pointer;
    font-size: 14px
}

.cltpop-cent[data-v-0e52cf79] {
    flex-direction: column;
    height: 440px;
    justify-content: space-between;
    overflow: hidden
}

.cltpop-cent .search[data-v-0e52cf79], .cltpop-cent[data-v-0e52cf79] {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.cltpop-cent .search[data-v-0e52cf79] {
    align-items: center;
    background-color: #1b2132;
    border-radius: 20px;
    height: 40px;
    padding: 0 8px
}

.cltpop-cent .search .svg-icon[data-v-0e52cf79] {
    height: 26px;
    width: 26px
}

.cltpop-cent .search input[data-v-0e52cf79] {
    background-color: transparent;
    background-color: initial;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 100%;
    outline: none;
    width: 200px
}

.cltpop-cent .search input[data-v-0e52cf79]::-moz-placeholder {
    color: #66748c
}

.cltpop-cent .search input[data-v-0e52cf79]::placeholder {
    color: #66748c
}

.cltpop-cent .popTitle[data-v-0e52cf79] {
    color: #a0a8b3;
    font-size: 10px;
    padding: 10px 0
}

.cltpop-cent .loadbox[data-v-0e52cf79] {
    height: 70px;
    width: 100%
}

.cltpop-cent .list[data-v-0e52cf79] {
    max-height: 290px;
    overflow-y: auto;
    width: 100%
}

.cltpop-cent .itembox[data-v-0e52cf79] {
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 0 5px;
    width: 100%
}

.cltpop-cent .itembox .itemboxinfo[data-v-0e52cf79] {
    align-items: center;
    display: flex;
    width: 200px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft[data-v-0e52cf79] {
    align-items: center;
    background-color: #191f2e;
    border-radius: 4px;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 10px;
    width: 48px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon[data-v-0e52cf79], .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i[data-v-0e52cf79] {
    color: #d8d8d8;
    font-size: 26px
}

.cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img[data-v-0e52cf79] {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cltpop-cent .itembox .itemboxinfo span[data-v-0e52cf79] {
    color: #cbd5e1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.cltpop-cent .itembox .el-button[data-v-0e52cf79] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    height: 30px;
    justify-content: center;
    min-width: 54px;
    opacity: 0;
    padding: 0
}

.cltpop-cent .itembox[data-v-0e52cf79]:hover {
    background-color: #282e43
}

.cltpop-cent .itembox:hover > .el-button[data-v-0e52cf79] {
    opacity: 1
}

.cltpop-cent .itembox[data-v-0e52cf79]:last-child {
    margin-bottom: 0
}

.create[data-v-0e52cf79] {
    background-color: #1b2132;
    padding: 0 10px 4px
}

.create .itemboxinfoleft[data-v-0e52cf79] {
    background-color: #282e43 !important
}

.create .itemboxinfoleft i[data-v-0e52cf79] {
    font-size: 14px !important
}

.create .itembox[data-v-0e52cf79]:hover {
    background-color: #1b2132 !important
}

.inputBox[data-v-0e52cf79] {
    border-top: 1px solid #1e293b;
    padding-top: 10px
}

.inputBox .inputLeft[data-v-0e52cf79], .inputBox[data-v-0e52cf79] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.inputBox .input-search[data-v-0e52cf79] {
    align-items: center;
    background-color: #1c1d2a;
    border: 1px solid #151623;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 38px;
    margin-right: 12px;
    padding: 0 5px;
    width: 350px
}

.inputBox .input-search .svg-icon[data-v-0e52cf79] {
    font-size: 24px
}

.inputBox .input-search input[data-v-0e52cf79] {
    background-color: #1c1d2a;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
    padding-left: 5px;
    width: 275px
}

.inputBox .input-search input[data-v-0e52cf79]::-moz-placeholder {
    color: #737a85
}

.inputBox .input-search input[data-v-0e52cf79]::placeholder {
    color: #737a85
}

.inputBox .input-search i[data-v-0e52cf79] {
    color: #737a85;
    cursor: pointer
}

.inputBox .input-search .inputBorder[data-v-0e52cf79] {
    border: 1px solid #577ae0
}

.collectConfirm {
    background: #192133;
    border-color: #0f1c38;
    width: -moz-max-content;
    width: max-content
}

.collectConfirm .el-message-box__title {
    color: #cbd5e1
}

.collectConfirm .el-message-box__message {
    color: #fff
}

.collectConfirm .el-button {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.collectConfirm .el-button--primary {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.setAll .el-checkbox {
    margin-right: 8px
}

.setAll .el-checkbox .el-checkbox__inner {
    background-color: #262c3a;
    border: 1px solid #abbdd7
}

.folderList {
    background-color: #0f121c !important;
    border: 1px solid #23263f !important;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5)
}

.folderList .el-popover__title {
    color: #abbad3;
    font-size: 18px;
    padding-top: 13px;
    text-align: center
}

.inputLeft .el-select {
    height: 39px;
    margin-right: 12px;
    width: 142px
}

.inputLeft .el-select .el-input__inner {
    background-color: #1c1d2a;
    border: none;
    border-radius: 10px;
    color: #fff
}

.inputLeft .el-select .el-icon-arrow-up {
    color: #85878f
}

.inputLeft .el-date-editor {
    background-color: #1c1d2a;
    border: none;
    border-radius: 10px;
    height: 39px;
    width: 300px
}

.inputLeft .el-date-editor .el-range-input {
    background-color: #1c1d2a;
    color: #fff
}

.inputLeft .el-date-editor .el-range__icon {
    color: #fff
}

.inputLeft .el-date-editor input::-moz-placeholder {
    color: #fff
}

.inputLeft .el-date-editor input::placeholder {
    color: #fff
}

.inputLeft .el-date-editor .el-range-separator {
    color: #fff
}

.screen {
    background-color: #1c1d2a;
    border: none
}

.screen .el-select-dropdown__item {
    color: #fff
}

.screen .hover {
    background-color: #222332
}

.screen .popper__arrow, .screen .popper__arrow:after {
    border-bottom-color: #1c1d2a !important;
    border-top-color: #1c1d2a !important
}

.checkTIme {
    background-color: #1c1d2a;
    border: none;
    color: #fff
}

.checkTIme .next-month, .checkTIme .prev-month {
    color: #606266 !important
}

.checkTIme .el-date-table td.in-range div, .checkTIme .el-date-table td.in-range div:hover, .checkTIme .el-date-table.is-week-mode .el-date-table__row.current div, .checkTIme .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #222332
}

.checkTIme .el-date-table th {
    border-bottom: 1px solid #606266
}

.checkTIme .el-picker-panel__icon-btn {
    color: #fff
}

.checkTIme .el-date-range-picker__content.is-left {
    border-right: 1px solid #606266
}

.checkTIme .popper__arrow, .checkTIme .popper__arrow:after {
    border-bottom-color: #1c1d2a !important;
    border-top-color: #1c1d2a !important
}

a[data-v-17c617c0] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-17c617c0] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-17c617c0], .boxItem[data-v-17c617c0] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-17c617c0] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-17c617c0], .boxItem:hover .cltpop[data-v-17c617c0], .boxItem:hover .deleteBox[data-v-17c617c0], .boxItem:hover .waterfall-hover-try[data-v-17c617c0] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-17c617c0] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-17c617c0], .boxItem:hover .paletIcon[data-v-17c617c0] {
    opacity: 0
}

.paletIcon[data-v-17c617c0] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-17c617c0] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-17c617c0] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-17c617c0], .cntVideo[data-v-17c617c0] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-17c617c0] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-17c617c0], .waterfall-hover-try[data-v-17c617c0] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-17c617c0] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-17c617c0] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-17c617c0] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-17c617c0] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-17c617c0], .author[data-v-17c617c0] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-17c617c0] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-17c617c0] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-17c617c0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-17c617c0], .numItem[data-v-17c617c0] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-17c617c0] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-17c617c0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-17c617c0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-17c617c0]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-17c617c0] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-17c617c0] {
    font-size: 16px
}

.statusCnt[data-v-17c617c0] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-17c617c0], .statusCnt[data-v-17c617c0] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-17c617c0] {
    z-index: 1
}

.statusCnt .statusBox[data-v-17c617c0] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-17c617c0] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-17c617c0] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-17c617c0] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.boxItem:hover .waterfall-hover-photo[data-v-17c617c0] {
    opacity: 1
}

.waterfall-hover-photo[data-v-17c617c0] {
    background: #0f121c;
    border-radius: 8px;
    bottom: 6px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    left: 2%;
    opacity: 0;
    padding: 10px 12px 15px;
    position: absolute;
    transition: opacity .3s ease-in-out;
    width: 96%;
    z-index: 2
}

.waterfall-hover-photo[data-v-17c617c0]:hover {
    cursor: default
}

.waterfall-hover-photo .hoverTop[data-v-17c617c0] {
    color: #ff3939;
    font-size: 12px;
    height: 32px
}

.waterfall-hover-photo .hoverTop .moreEdit[data-v-17c617c0], .waterfall-hover-photo .hoverTop[data-v-17c617c0] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.waterfall-hover-photo .hoverMiddle[data-v-17c617c0] {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #cbd5e1;
    display: -webkit-box;
    font-size: 12px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.waterfall-hover-photo .hoverBottom[data-v-17c617c0] {
    align-items: center;
    color: #cbd5e1;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 12px;
    height: 34px;
    justify-content: space-between;
    line-height: 34px;
    margin-top: 14px
}

.login-waterFall-btn-icon[data-v-17c617c0] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 17px;
    color: #cbd5e1;
    display: flex;
    font-size: 20px;
    justify-content: center;
    margin-left: 4px;
    padding: 3px;
    position: relative
}

.login-waterFall-btn-icon[data-v-17c617c0]:hover {
    background: #494f80;
    border: 1px solid #494f80;
    color: #fff;
    cursor: pointer
}

.login-waterFall-btn-icon[data-v-17c617c0]:active {
    background: #1e2a3b;
    border: 1px solid #4c5286
}

.prompt-show[data-v-17c617c0]:after {
    background-color: #d8d8d8;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    content: "sign up for more options";
    display: none;
    font-size: 12px;
    left: 25px;
    line-height: 24px;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    top: 35px;
    transition: opacity .5s ease-in-out;
    width: 150px;
    z-index: 10
}

.water-fall-popover {
    background-color: #0f121c !important;
    border: 1px solid #222935 !important;
    color: #cad5e1 !important;
    position: relative
}

.water-fall-popover .pop-btns {
    flex-direction: column
}

.water-fall-popover .pop-btns :first-child {
    border-top: 0
}

.water-fall-popover .pop-btns button {
    background-color: transparent;
    border: none;
    border-top: 1px solid #2b2e4e;
    color: #cbd5e1;
    padding: 8px;
    text-align: left
}

.water-fall-popover .pop-btns button:hover {
    background-color: #34396a;
    cursor: pointer
}

.userBox {
    align-items: center;
    display: flex
}

a[data-v-575223bb] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-575223bb] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-575223bb], .boxItem[data-v-575223bb] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-575223bb] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden
}

.boxItem:hover .CollectPop[data-v-575223bb], .boxItem:hover .cltpop[data-v-575223bb], .boxItem:hover .deleteBox[data-v-575223bb], .boxItem:hover .waterfall-hover-try[data-v-575223bb] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-575223bb] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-575223bb], .boxItem:hover .paletIcon[data-v-575223bb] {
    opacity: 0
}

.paletIcon[data-v-575223bb] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-575223bb] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-575223bb] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-575223bb], .cntVideo[data-v-575223bb] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-575223bb] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-575223bb], .waterfall-hover-try[data-v-575223bb] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-575223bb] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-575223bb] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-575223bb] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-575223bb] {
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-575223bb] {
    align-items: center;
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-575223bb] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-575223bb] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-575223bb], .numItem[data-v-575223bb] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-575223bb] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-575223bb] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-575223bb] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-575223bb]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-575223bb] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-575223bb] {
    font-size: 16px
}

.statusCnt[data-v-575223bb] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-575223bb], .statusCnt[data-v-575223bb] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-575223bb] {
    z-index: 1
}

.statusCnt .statusBox[data-v-575223bb] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-575223bb] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-575223bb] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-575223bb] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.boxItem[data-v-575223bb] {
    position: relative
}

.boxItem:hover .modelTag[data-v-575223bb], .boxItem:hover .modelType[data-v-575223bb] {
    opacity: 0
}

.modelTag[data-v-575223bb] {
    background: #0abf94;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 6px;
    top: 6px;
    transition: opacity .3s ease-in-out
}

.modelTagH[data-v-575223bb] {
    background: linear-gradient(90deg, #ffe4b1, #f6c776);
    color: #744100
}

.modelType[data-v-575223bb] {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    left: 6px;
    padding: 6px 10px;
    position: absolute;
    top: 6px;
    transition: opacity .3s ease-in-out
}

.cltpop .svg-icon[data-v-575223bb] {
    opacity: 0
}

.author[data-v-575223bb] {
    justify-content: space-between
}

.author .info[data-v-575223bb], .author[data-v-575223bb] {
    align-items: center;
    display: flex
}

.author .info .authorName[data-v-575223bb] {
    width: 150px
}

.author .play[data-v-575223bb] {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.author .play span[data-v-575223bb] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.author .play .svg-icon[data-v-575223bb] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px;
    margin-right: 5px
}

a[data-v-2480aae4] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-2480aae4] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-2480aae4], .boxItem[data-v-2480aae4] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-2480aae4] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-2480aae4], .boxItem:hover .cltpop[data-v-2480aae4], .boxItem:hover .deleteBox[data-v-2480aae4], .boxItem:hover .waterfall-hover-try[data-v-2480aae4] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-2480aae4] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-2480aae4], .boxItem:hover .paletIcon[data-v-2480aae4] {
    opacity: 0
}

.paletIcon[data-v-2480aae4] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-2480aae4] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-2480aae4] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-2480aae4], .cntVideo[data-v-2480aae4] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-2480aae4] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-2480aae4], .waterfall-hover-try[data-v-2480aae4] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-2480aae4] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-2480aae4] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-2480aae4] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-2480aae4] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-2480aae4], .author[data-v-2480aae4] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-2480aae4] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-2480aae4] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-2480aae4] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-2480aae4], .numItem[data-v-2480aae4] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-2480aae4] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-2480aae4] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-2480aae4] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-2480aae4]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-2480aae4] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-2480aae4] {
    font-size: 16px
}

.statusCnt[data-v-2480aae4] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-2480aae4], .statusCnt[data-v-2480aae4] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-2480aae4] {
    z-index: 1
}

.statusCnt .statusBox[data-v-2480aae4] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-2480aae4] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-2480aae4] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-2480aae4] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.bannerBox[data-v-2480aae4] {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.bannerBox img[data-v-2480aae4] {
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.bannerBox .el-carousel__button {
    border-radius: 26px;
    height: 4px
}

a[data-v-3f626dde] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-3f626dde] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-3f626dde], .boxItem[data-v-3f626dde] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-3f626dde] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-3f626dde], .boxItem:hover .cltpop[data-v-3f626dde], .boxItem:hover .deleteBox[data-v-3f626dde], .boxItem:hover .waterfall-hover-try[data-v-3f626dde] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-3f626dde] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-3f626dde], .boxItem:hover .paletIcon[data-v-3f626dde] {
    opacity: 0
}

.paletIcon[data-v-3f626dde] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-3f626dde] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-3f626dde] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-3f626dde], .cntVideo[data-v-3f626dde] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-3f626dde] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-3f626dde], .waterfall-hover-try[data-v-3f626dde] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-3f626dde] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-3f626dde] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-3f626dde] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-3f626dde] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-3f626dde], .author[data-v-3f626dde] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-3f626dde] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-3f626dde] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-3f626dde] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-3f626dde], .numItem[data-v-3f626dde] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-3f626dde] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-3f626dde] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-3f626dde] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-3f626dde]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-3f626dde] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-3f626dde] {
    font-size: 16px
}

.statusCnt[data-v-3f626dde] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-3f626dde], .statusCnt[data-v-3f626dde] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-3f626dde] {
    z-index: 1
}

.statusCnt .statusBox[data-v-3f626dde] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-3f626dde] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-3f626dde] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-3f626dde] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.videoBox[data-v-3f626dde] {
    background: #1e2a3b;
    border-radius: 16px;
    cursor: pointer
}

.videoBox video[data-v-3f626dde] {
    border-radius: 16px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.videoBanner .el-carousel__indicators {
    display: none
}

a[data-v-5f756cd2] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-5f756cd2] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-5f756cd2], .boxItem[data-v-5f756cd2] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-5f756cd2] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-5f756cd2], .boxItem:hover .cltpop[data-v-5f756cd2], .boxItem:hover .deleteBox[data-v-5f756cd2], .boxItem:hover .waterfall-hover-try[data-v-5f756cd2] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-5f756cd2] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-5f756cd2], .boxItem:hover .paletIcon[data-v-5f756cd2] {
    opacity: 0
}

.paletIcon[data-v-5f756cd2] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-5f756cd2] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-5f756cd2] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-5f756cd2], .cntVideo[data-v-5f756cd2] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-5f756cd2] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-5f756cd2], .waterfall-hover-try[data-v-5f756cd2] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-5f756cd2] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-5f756cd2] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-5f756cd2] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-5f756cd2] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-5f756cd2], .author[data-v-5f756cd2] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-5f756cd2] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-5f756cd2] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-5f756cd2] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-5f756cd2], .numItem[data-v-5f756cd2] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-5f756cd2] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-5f756cd2] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-5f756cd2] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-5f756cd2]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-5f756cd2] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-5f756cd2] {
    font-size: 16px
}

.statusCnt[data-v-5f756cd2] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-5f756cd2], .statusCnt[data-v-5f756cd2] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-5f756cd2] {
    z-index: 1
}

.statusCnt .statusBox[data-v-5f756cd2] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-5f756cd2] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-5f756cd2] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-5f756cd2] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    top: 0
}

.green-mode-div[data-v-5f756cd2], .imgNum[data-v-5f756cd2] {
    position: absolute;
    z-index: 1
}

.imgNum[data-v-5f756cd2] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    left: 6px;
    padding: 3px 6px;
    top: 6px
}

.imgNum .svg-icon[data-v-5f756cd2] {
    font-size: 15px
}

.imgNum span[data-v-5f756cd2] {
    color: #fff;
    font-size: 10px;
    margin-left: 5px
}

a[data-v-951f3338] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-951f3338] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-951f3338], .boxItem[data-v-951f3338] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-951f3338] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-951f3338], .boxItem:hover .cltpop[data-v-951f3338], .boxItem:hover .deleteBox[data-v-951f3338], .boxItem:hover .waterfall-hover-try[data-v-951f3338] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-951f3338] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-951f3338], .boxItem:hover .paletIcon[data-v-951f3338] {
    opacity: 0
}

.paletIcon[data-v-951f3338] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-951f3338] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-951f3338] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-951f3338], .cntVideo[data-v-951f3338] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-951f3338] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-951f3338], .waterfall-hover-try[data-v-951f3338] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-951f3338] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-951f3338] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-951f3338] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-951f3338] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-951f3338], .author[data-v-951f3338] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-951f3338] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-951f3338] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-951f3338] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-951f3338], .numItem[data-v-951f3338] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-951f3338] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-951f3338] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-951f3338] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-951f3338]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-951f3338] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-951f3338] {
    font-size: 16px
}

.statusCnt[data-v-951f3338] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-951f3338], .statusCnt[data-v-951f3338] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-951f3338] {
    z-index: 1
}

.statusCnt .statusBox[data-v-951f3338] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-951f3338] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-951f3338] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-951f3338] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.videoBg[data-v-951f3338] {
    z-index: 2
}

.videoBg[data-v-951f3338], video[data-v-951f3338] {
    border-radius: 16px;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.times[data-v-951f3338] {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    left: 6px;
    padding: 3px 9px;
    position: absolute;
    top: 6px;
    z-index: 3
}

a[data-v-669f6ec0] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-669f6ec0] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-669f6ec0], .boxItem[data-v-669f6ec0] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-669f6ec0] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-669f6ec0], .boxItem:hover .cltpop[data-v-669f6ec0], .boxItem:hover .deleteBox[data-v-669f6ec0], .boxItem:hover .waterfall-hover-try[data-v-669f6ec0] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-669f6ec0] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-669f6ec0], .boxItem:hover .paletIcon[data-v-669f6ec0] {
    opacity: 0
}

.paletIcon[data-v-669f6ec0] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-669f6ec0] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-669f6ec0] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-669f6ec0], .cntVideo[data-v-669f6ec0] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-669f6ec0] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-669f6ec0], .waterfall-hover-try[data-v-669f6ec0] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-669f6ec0] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-669f6ec0] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-669f6ec0] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-669f6ec0] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-669f6ec0], .author[data-v-669f6ec0] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-669f6ec0] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-669f6ec0] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-669f6ec0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-669f6ec0], .numItem[data-v-669f6ec0] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-669f6ec0] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-669f6ec0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-669f6ec0] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-669f6ec0]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-669f6ec0] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-669f6ec0] {
    font-size: 16px
}

.statusCnt[data-v-669f6ec0] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-669f6ec0], .statusCnt[data-v-669f6ec0] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-669f6ec0] {
    z-index: 1
}

.statusCnt .statusBox[data-v-669f6ec0] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-669f6ec0] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-669f6ec0] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-669f6ec0] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

a[data-v-949d1c0c] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.SysTag[data-v-949d1c0c] {
    border-radius: 8px;
    font-size: 12px;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2
}

.Acnt[data-v-949d1c0c], .boxItem[data-v-949d1c0c] {
    height: 100%;
    width: 100%
}

.boxItem[data-v-949d1c0c] {
    background-color: #1e2a3b;
    border-radius: 16px;
    cursor: zoom-in;
    overflow: hidden;
    position: relative
}

.boxItem:hover .CollectPop[data-v-949d1c0c], .boxItem:hover .cltpop[data-v-949d1c0c], .boxItem:hover .deleteBox[data-v-949d1c0c], .boxItem:hover .waterfall-hover-try[data-v-949d1c0c] {
    opacity: 1 !important
}

.boxItem:hover .cntImg[data-v-949d1c0c] {
    transform: scale(1.15)
}

.boxItem:hover .SysTag[data-v-949d1c0c], .boxItem:hover .paletIcon[data-v-949d1c0c] {
    opacity: 0
}

.paletIcon[data-v-949d1c0c] {
    align-items: center;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 6px;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 10px;
    transition: all .3s;
    width: 28px
}

.paletIcon i[data-v-949d1c0c] {
    color: #fff;
    font-size: 18px
}

.cntImg[data-v-949d1c0c] {
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.cntImg[data-v-949d1c0c], .cntVideo[data-v-949d1c0c] {
    height: 100%;
    width: 100%
}

.waterfall-hover-try[data-v-949d1c0c] {
    align-items: center;
    background-color: #f1314e;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
    right: 8px;
    top: 12px
}

.CollectPop[data-v-949d1c0c], .waterfall-hover-try[data-v-949d1c0c] {
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.CollectPop[data-v-949d1c0c] {
    left: 8px;
    top: 6px
}

.cltpop[data-v-949d1c0c] {
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.objName[data-v-949d1c0c] {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.author[data-v-949d1c0c] {
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.author .authorHead[data-v-949d1c0c], .author[data-v-949d1c0c] {
    align-items: center;
    display: flex
}

.author .authorHead[data-v-949d1c0c] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.author .authorHead img[data-v-949d1c0c] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.author .authorName[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.numItem .funItem[data-v-949d1c0c], .numItem[data-v-949d1c0c] {
    align-items: center;
    display: flex
}

.numItem .funItem[data-v-949d1c0c] {
    cursor: pointer
}

.numItem .funItem .svg-icon[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.numItem .funItem span[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.numItem .funItem[data-v-949d1c0c]:first-child {
    margin-right: 18px
}

.deleteBox[data-v-949d1c0c] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.deleteBox .svg-icon[data-v-949d1c0c] {
    font-size: 16px
}

.statusCnt[data-v-949d1c0c] {
    background: rgba(0, 0, 0, .5)
}

.statusCnt .statusZg[data-v-949d1c0c], .statusCnt[data-v-949d1c0c] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusZg[data-v-949d1c0c] {
    z-index: 1
}

.statusCnt .statusBox[data-v-949d1c0c] {
    align-items: center;
    color: #bcc9d4;
    display: flex;
    height: 90px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px
}

.statusCnt .statusBox .svg-icon[data-v-949d1c0c] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.statusCnt .statusBox div[data-v-949d1c0c] {
    font-size: 18px;
    transform: rotate(-33deg);
    width: -moz-max-content;
    width: max-content
}

.green-mode-div[data-v-949d1c0c] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.icon-icon_jiedian[data-v-949d1c0c] {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    position: absolute;
    right: 12px;
    top: 12px
}

.cnt[data-v-949d1c0c] {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    bottom: 0;
    left: 0;
    padding: 12px;
    position: absolute;
    width: 100%
}

.cnt .user .authorHead[data-v-949d1c0c], .cnt .user[data-v-949d1c0c] {
    align-items: center;
    display: flex
}

.cnt .user .authorHead[data-v-949d1c0c] {
    background-color: #6d717e;
    border-radius: 100%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    width: 32px
}

.cnt .user .authorHead img[data-v-949d1c0c] {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.cnt .user .authorName[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    margin-left: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cnt .title[data-v-949d1c0c] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px
}

.cnt .rate[data-v-949d1c0c] {
    align-items: center;
    display: flex;
    margin-top: 13px
}

.cnt .rate span[data-v-949d1c0c] {
    background-color: #393e44;
    border-radius: 8px;
    color: #f1f5f9;
    font-size: 12px;
    margin-left: 5px;
    padding: 5px 8px
}

.cnt .numItem[data-v-949d1c0c] {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-top: 10px
}

.cnt .numItem .play[data-v-949d1c0c] {
    align-items: center;
    display: flex;
    margin-right: 10px
}

.cnt .numItem .play span[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.cnt .numItem .play .svg-icon[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px;
    margin-right: 5px
}

.cnt .numItem .funItem[data-v-949d1c0c] {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 10px
}

.cnt .numItem .funItem .svg-icon[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.cnt .numItem .funItem span[data-v-949d1c0c] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 4px
}

.cnt .numItem .funItem[data-v-949d1c0c]:first-child {
    margin-right: 18px
}

.homeList[data-v-08b22b93] {
    font-size: 14px;
    height: 100%;
    position: relative;
    width: 100%
}

.homeList.server-list[data-v-08b22b93] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.homeList.server-list .box[data-v-08b22b93] {
    height: 354px;
    min-width: 230px;
    position: static;
    width: calc(14.28571% - 12.85714px)
}

.homeList .box[data-v-08b22b93] {
    left: 0;
    position: absolute;
    top: 0
}

.homeList .timeRow[data-v-08b22b93] {
    align-items: center;
    color: #fff;
    display: flex
}

.skeleton-box[data-v-0a9e86d9] {
    min-height: calc(100vh - 330px)
}

.skeleton-box[data-v-0a9e86d9] .el-skeleton__item {
    background: #1b2533
}

.skeleton-box[data-v-0a9e86d9] .el-skeleton__image svg {
    fill: #2b313e
}

@media (max-width: 1699.98px) {
    .skeleton-box[data-v-0a9e86d9] .el-col-4 {
        width: 20%
    }
}

@media (max-width: 1499.98px) {
    .skeleton-box[data-v-0a9e86d9] .el-col-4 {
        width: 25%
    }
}

@media (max-width: 1199.98px) {
    .skeleton-box[data-v-0a9e86d9] .el-col-4 {
        width: 33.3333333333%
    }
}

@media (max-width: 899.98px) {
    .skeleton-box[data-v-0a9e86d9] .el-col-4 {
        width: 50%
    }
}

.funBar[data-v-10942d5d] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    width: 100%
}

.funBar .funType[data-v-10942d5d] {
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    min-width: 151px;
    padding: 4px
}

.funBar .funType .typeItem[data-v-10942d5d] {
    align-items: center;
    box-sizing: border-box;
    color: #686a6c;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    min-width: 71px;
    padding: 0 11px
}

.funBar .funType .typeActivate[data-v-10942d5d] {
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    color: #f7fbfa
}

.el-dropdown-link[data-v-10942d5d], .funBar .Screening[data-v-10942d5d] {
    align-items: center;
    display: flex
}

.el-dropdown-link[data-v-10942d5d] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    min-width: 184px;
    opacity: 1;
    padding: 0 12px
}

.el-dropdown-link div[data-v-10942d5d] {
    align-items: center;
    display: flex
}

.el-dropdown-link div .svg-icon[data-v-10942d5d] {
    color: #4c97fd;
    font-size: 24px
}

.el-dropdown-link div span[data-v-10942d5d] {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.el-dropdown-link div i[data-v-10942d5d] {
    color: #fcfcfc;
    font-size: 18px
}

.el-dropdown-link i[data-v-10942d5d] {
    font-size: 18px
}

.selectTime[data-v-10942d5d] {
    margin-right: 10px;
    min-width: 116px
}

.el-dropdown-item[data-v-10942d5d] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-10942d5d] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-10942d5d] {
    color: #6f767e;
    font-size: 14px
}

.el-dropdown-item-time[data-v-10942d5d] {
    width: 119px
}

.wraper[data-v-10942d5d] {
    position: relative
}

.wraper .review-tab[data-v-10942d5d] {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 20px;
    top: -40px
}

.wraper .review-tab > div[data-v-10942d5d] {
    background: #1f2330;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 16px;
    color: #abbdd7;
    cursor: pointer;
    padding: 6px 16px
}

.wraper .review-tab > div.active[data-v-10942d5d] {
    background-color: #212e52;
    border: 1px solid #3b589b;
    color: #fff
}

.admin-off[data-v-10942d5d] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.admin-off[data-v-10942d5d]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.admin-off.open[data-v-10942d5d] {
    background: #191a27;
    color: #fff
}

.admin-off.open[data-v-10942d5d]:before {
    display: none
}

.tagdetail[data-v-10942d5d] {
    box-sizing: border-box;
    min-height: calc(100vh - 110px);
    width: 100%
}

.title[data-v-10942d5d] {
    color: #d5dbe5;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px
}

.head[data-v-10942d5d] {
    border-radius: 8px;
    height: 92px;
    margin-top: 47px;
    position: relative;
    width: 100%
}

.head .head-bg[data-v-10942d5d] {
    overflow: hidden
}

.head .head-bg img[data-v-10942d5d], .head .head-bg[data-v-10942d5d] {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.head .head-bg img[data-v-10942d5d] {
    filter: blur(50px);
    -o-object-fit: cover;
    object-fit: cover
}

.head .head-info[data-v-10942d5d] {
    background-color: rgba(0, 0, 0, .53);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.head .head-info .user[data-v-10942d5d], .head .head-info[data-v-10942d5d] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.head .head-info .user[data-v-10942d5d] {
    flex-grow: 1;
    padding-right: 38px
}

.head .head-info .user img[data-v-10942d5d] {
    border-radius: 12px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: relative;
    top: -15px;
    width: 120px
}

.head .head-info .user h1[data-v-10942d5d] {
    color: #fff;
    font-size: 20px
}

.head .head-info .user .name-box[data-v-10942d5d] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 16px
}

.head .head-info .user .collect-box[data-v-10942d5d] {
    background: #0d9488;
    border-radius: 42px;
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px
}

.head .head-info .user .collect-box .svg-icon[data-v-10942d5d] {
    font-size: 16px
}

.head .head-info .user .collect-box span[data-v-10942d5d] {
    color: #fff;
    font-size: 14px
}

.head .head-info .user .collect-box-active[data-v-10942d5d] {
    background: #cbd5e1;
    color: #1a1e2d
}

.head .head-info .user .collect-box-active[data-v-10942d5d]:hover {
    background: #9e2727;
    color: #fff
}

.head .head-info .user .collect-box-2[data-v-10942d5d] {
    align-items: center;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 100px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
    color: #313131;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 20px
}

.head .head-info .user .collect-box-2[data-v-10942d5d]:hover {
    filter: brightness(1.1)
}

.head .head-info .postBnt[data-v-10942d5d] {
    align-items: center;
    background: linear-gradient(81deg, #3f8fff, #21feff);
    border-radius: 90px;
    cursor: pointer;
    display: flex;
    margin-right: 18px;
    padding: 10px 20px
}

.head .head-info .postBnt .svg-icon[data-v-10942d5d] {
    font-size: 16px;
    margin-right: 10px
}

.head .head-info .postBnt span[data-v-10942d5d] {
    color: #fff;
    font-size: 14px
}

.head .head-info .tags[data-v-10942d5d] {
    align-items: center;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: 16px;
    padding: 6px 12px
}

.head .head-info .tags .svg-icon[data-v-10942d5d] {
    margin-right: 8px
}

.head .head-info .tags span[data-v-10942d5d] {
    color: #323438;
    font-size: 14px
}

.head .head-info .add-tag[data-v-10942d5d]:hover {
    background: #fff
}

.head .head-info .edit-tag[data-v-10942d5d] {
    background-color: #1f2330
}

.head .head-info .edit-tag span[data-v-10942d5d] {
    color: #fff
}

.head .head-info .edit-tag[data-v-10942d5d]:hover {
    background-color: #313648
}

.backIcon[data-v-10942d5d] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 115px;
    width: 52px
}

.backIcon[data-v-10942d5d]:hover {
    background-color: #1c2433
}

.taglist[data-v-10942d5d] {
    margin-top: 25px
}

.work-num-show-box .work-num-show-box-item[data-v-10942d5d], .work-num-show-box[data-v-10942d5d] {
    align-items: center;
    display: inline-flex
}

.work-num-show-box .work-num-show-box-item .work-num-show-box-item-num[data-v-10942d5d] {
    color: #fff;
    font-family: Inter-Bold, Inter;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px
}

.work-num-show-box .work-num-show-box-item .work-num-show-box-item-text[data-v-10942d5d] {
    color: #c6cacd;
    font-family: Inter-Regular, Inter;
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px
}

.work-num-show-box .work-num-show-box-item-line[data-v-10942d5d] {
    background-color: #abb1b6;
    display: block;
    height: 13px;
    margin: 0 10px;
    width: 1px
}

.ComfyUI_list[data-v-6eb158da] {
    box-sizing: border-box;
    padding: 30px 0
}

.ComfyUI_list .title[data-v-6eb158da] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ComfyUI_list .title span[data-v-6eb158da] {
    color: #c1c2c5;
    font-size: 32px;
    font-weight: 700
}

.ComfyUI_list .appList[data-v-6eb158da] {
    margin-top: 17px
}

.ComfyUI_list .funBox[data-v-6eb158da] {
    height: 49px;
    justify-content: space-between;
    margin-top: 5px;
    width: 100%
}

.ComfyUI_list .funBox .bnt[data-v-6eb158da], .ComfyUI_list .funBox .funItem[data-v-6eb158da], .ComfyUI_list .funBox[data-v-6eb158da] {
    align-items: center;
    display: flex
}

.ComfyUI_list .funBox .bnt[data-v-6eb158da] {
    background-color: #232627;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    cursor: pointer;
    padding: 14px 17px
}

.ComfyUI_list .funBox .bnt i[data-v-6eb158da] {
    color: #fefefe;
    font-size: 16px;
    margin-right: 8px
}

.ComfyUI_list .funBox .bnt span[data-v-6eb158da] {
    color: #fefefe;
    font-size: 12px
}

.ComfyUI_list .funBox .tip[data-v-6eb158da] {
    color: #cfd3dc;
    font-size: 14px;
    margin-left: 16px
}

.ComfyUI_list .funBox .tip i[data-v-6eb158da] {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    font-size: 17px;
    padding: 7px
}

.ComfyUI_list .workList[data-v-6eb158da] {
    margin-top: 16px
}

.el-dropdown-link[data-v-6eb158da] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    margin-left: 10px;
    min-width: 184px;
    opacity: 1;
    padding: 0 12px
}

.el-dropdown-link div[data-v-6eb158da], .el-dropdown-link[data-v-6eb158da] {
    align-items: center;
    display: flex
}

.el-dropdown-link div .svg-icon[data-v-6eb158da] {
    color: #4c97fd;
    font-size: 24px
}

.el-dropdown-link div span[data-v-6eb158da] {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.el-dropdown-link div i[data-v-6eb158da] {
    color: #fcfcfc;
    font-size: 18px
}

.el-dropdown-link i[data-v-6eb158da] {
    font-size: 18px
}

.el-dropdown-item[data-v-6eb158da] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-6eb158da] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-6eb158da] {
    color: #6f767e;
    font-size: 14px
}

.el-dropdown-item-time[data-v-6eb158da] {
    width: 119px
}

.filterBox[data-v-6eb158da] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
    width: 116px
}

.filterBox div[data-v-6eb158da], .filterBox[data-v-6eb158da] {
    align-items: center;
    display: flex
}

.filterBox div .svg-icon[data-v-6eb158da] {
    font-size: 16px;
    margin-right: 6px
}

.filterBox div span[data-v-6eb158da] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px
}

.filterBox i[data-v-6eb158da] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 16px
}

.filter-select {
    background-color: #35373b;
    border: 1px solid #414243;
    border-radius: 4px
}

.comfyFilter {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 12px !important;
    box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .25), 0 0 14px -4px rgba(0, 0, 0, .05)
}

.comfyFilter .filterCnt {
    background-color: #24262a;
    border-radius: 12px;
    box-sizing: border-box;
    min-height: 237px;
    padding: 24px;
    width: 494px
}

.comfyFilter .filterCnt .el-checkbox__label {
    color: #fff
}

.comfyFilter .filterCnt .filterTit {
    color: #6f767e;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 26px
}

.comfyFilter .filterCnt .filterSelect .el-input__inner {
    background-color: #35373b;
    border: 1px solid #40424c
}

.comfyFilter .filterCnt .filterSelect .el-tag {
    background-color: #575a5e
}

.comfyFilter .filterCnt .filterSelect .el-tag .el-select__tags-text {
    color: #fefefe
}

.comfyFilter .filterCnt .filterList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.comfyFilter .filterCnt .filterList .filterItem {
    background-color: hsla(0, 0%, 100%, .08);
    border: 1px solid #40424c;
    border-radius: 6px;
    color: #fcfcfc;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 10px
}

.comfyFilter .filterCnt .filterList .graBorder {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent
}

.comfyFilter .filterCnt .filterReset {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    margin-top: 20px;
    width: 200px
}

.CollectionDetail[data-v-fa929b50] {
    color: #fff;
    min-height: 100vh;
    width: 100%
}

.com-page-box[data-v-1d7b9b4a], .com-page-box[data-v-5ecefb26] {
    position: relative
}

.user-list[data-v-3093b680] {
    display: flex;
    flex-wrap: wrap
}

.user-list > .uitem[data-v-3093b680] {
    margin: 12px;
    width: calc(16.66667% - 24px)
}

.user-list > .uitem > .up-bard[data-v-3093b680] {
    background-color: #222326;
    border-radius: 10px;
    cursor: pointer;
    height: 256px;
    overflow: hidden;
    position: relative
}

.user-list > .uitem > .up-bard .bgimg[data-v-3093b680] {
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.user-list > .uitem > .up-bard > .user-info[data-v-3093b680] {
    left: 0;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 11
}

.user-list > .uitem > .up-bard > .user-info > .user-head[data-v-3093b680] {
    display: flex;
    justify-content: center;
    width: 100%
}

.user-list > .uitem > .up-bard > .user-info > .user-head > .head-img[data-v-3093b680] {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 70px;
    overflow: hidden;
    width: 70px
}

.user-list > .uitem > .up-bard > .user-info > .user-head > .head-img .head-err[data-v-3093b680] {
    align-items: center;
    background-color: #fff;
    color: #1c1d20;
    display: flex;
    font-size: 40px;
    height: 70px;
    justify-content: center;
    width: 70px
}

.user-list > .uitem > .up-bard > .user-info > .user-name[data-v-3093b680] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.user-list > .uitem > .up-bard > .user-info > .user-name > span[data-v-3093b680] {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-right: 4px;
    margin-top: 4px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-list > .uitem > .up-bard > .user-info > .user-flow[data-v-3093b680] {
    display: flex
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item[data-v-3093b680] {
    line-height: 24px;
    text-align: center;
    width: 33.33%
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .num[data-v-3093b680] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px
}

.user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .text[data-v-3093b680] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.user-list > .uitem .btn-bard[data-v-3093b680] {
    align-items: center;
    background-color: #222326;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    margin-top: 4px
}

.user-list > .uitem .no-follw[data-v-3093b680] {
    color: #3f8cff
}

.user-list > .uitem .yes-follw[data-v-3093b680]:before {
    color: hsla(0, 0%, 100%, .5);
    content: attr(data-yesflow)
}

.user-list > .uitem .yes-follw[data-v-3093b680]:hover:before {
    color: hsla(0, 0%, 100%, .8);
    content: attr(data-unflow)
}

@media (max-width: 1699.98px) {
    .user-list > .uitem[data-v-3093b680] {
        width: calc(20% - 24px)
    }
}

@media (max-width: 1499.98px) {
    .user-list > .uitem[data-v-3093b680] {
        width: calc(25% - 24px)
    }
}

.com-page-box[data-v-65d4632c] {
    position: relative
}

.nodata-box[data-v-04c45aa1] {
    color: #fff
}

.nodata-box > .no-img[data-v-04c45aa1] {
    display: flex;
    justify-content: center;
    padding: 20px 0
}

.nodata-box > .no-text[data-v-04c45aa1] {
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding-bottom: 20px
}

.nodata-box > .no-text > .taget-word[data-v-04c45aa1] {
    color: #3f8cff;
    margin: 0 13px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 0)and (max-width: 430px) {
    html[data-v-23f5cc2e] {
        font-size: 10px
    }
}

.justify-center[data-v-23f5cc2e] {
    justify-content: center
}

.justify-between[data-v-23f5cc2e] {
    justify-content: space-between
}

.justify-start[data-v-23f5cc2e] {
    justify-content: flex-start
}

.justify-end[data-v-23f5cc2e] {
    justify-content: flex-end
}

.items-baseline[data-v-23f5cc2e] {
    align-items: baseline
}

.items-center[data-v-23f5cc2e] {
    align-items: center
}

.items-end[data-v-23f5cc2e] {
    align-items: flex-end
}

.item-stretch[data-v-23f5cc2e] {
    align-items: stretch
}

.flex-wrap[data-v-23f5cc2e] {
    flex-wrap: wrap
}

.flex-col[data-v-23f5cc2e] {
    flex-direction: column
}

.flex-1[data-v-23f5cc2e] {
    flex: 1 1 0%
}

.inline-flex[data-v-23f5cc2e] {
    display: inline-flex
}

.h-full[data-v-23f5cc2e] {
    height: 100%
}

.w-full[data-v-23f5cc2e] {
    width: 100%
}

.mx-auto[data-v-23f5cc2e] {
    margin-left: auto;
    margin-right: auto
}

.no-m[data-v-23f5cc2e] {
    margin: 0
}

.no-p[data-v-23f5cc2e] {
    padding: 0
}

.no-m-t[data-v-23f5cc2e] {
    margin-top: 0
}

.no-m-b[data-v-23f5cc2e] {
    margin-bottom: 0
}

.text-center[data-v-23f5cc2e] {
    text-align: center
}

.text-right[data-v-23f5cc2e] {
    text-align: right
}

.ud-line[data-v-23f5cc2e] {
    text-decoration-line: underline
}

.text-no-wrap[data-v-23f5cc2e] {
    white-space: nowrap
}

.text-no-wrap-2[data-v-23f5cc2e], .text-no-wrap[data-v-23f5cc2e] {
    overflow: hidden;
    text-overflow: ellipsis
}

.text-no-wrap-2[data-v-23f5cc2e] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.f-12[data-v-23f5cc2e] {
    font-size: 12px
}

.flex[data-v-23f5cc2e], .flex_wrap[data-v-23f5cc2e] {
    display: flex
}

.flex_wrap[data-v-23f5cc2e] {
    flex-wrap: wrap
}

.flex_b[data-v-23f5cc2e] {
    align-items: flex-end;
    display: flex
}

.flex_tb[data-v-23f5cc2e], .flex_tb_c[data-v-23f5cc2e] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex_tb_c[data-v-23f5cc2e] {
    align-items: center
}

.flex_line_c[data-v-23f5cc2e], .flex_line_c_m[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.flex_line_c_m[data-v-23f5cc2e] {
    justify-content: center
}

.flex_line_end[data-v-23f5cc2e] {
    display: flex;
    flex-direction: column-reverse
}

.flex_lr[data-v-23f5cc2e], .flex_lr_m[data-v-23f5cc2e] {
    display: flex;
    justify-content: space-between
}

.flex_lr_m[data-v-23f5cc2e] {
    align-items: center
}

.flex_c_m[data-v-23f5cc2e] {
    justify-content: center
}

.flex_c_m[data-v-23f5cc2e], .flex_cm_l[data-v-23f5cc2e] {
    align-items: center;
    display: flex
}

.flex_cm_l[data-v-23f5cc2e] {
    justify-content: flex-start
}

.flex_cm_r[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.flex_c[data-v-23f5cc2e] {
    display: flex;
    justify-content: center
}

.flex_m[data-v-23f5cc2e] {
    align-items: center;
    display: flex
}

.flex_nosize[data-v-23f5cc2e] {
    flex-shrink: 0
}

.flex_autosize[data-v-23f5cc2e] {
    flex-grow: 1
}

.flex_inline[data-v-23f5cc2e] {
    display: inline-flex
}

.flex0[data-v-23f5cc2e] {
    flex: 0;
    min-width: 0
}

.flex1[data-v-23f5cc2e] {
    flex: 1;
    min-width: 0
}

.flex-nowrap[data-v-23f5cc2e] {
    flex-wrap: nowrap
}

.right-click-menu[data-v-23f5cc2e] {
    background-color: #24262a;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 6px 7px;
    position: absolute;
    width: 212px;
    z-index: 999
}

.right-click-menu .item-menu[data-v-23f5cc2e] {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.right-click-menu .item-menu.have-children .label[data-v-23f5cc2e] {
    width: 110%
}

.right-click-menu .item-menu .label[data-v-23f5cc2e] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu[data-v-23f5cc2e]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.right-click-menu .item-menu:hover .sub-menu[data-v-23f5cc2e] {
    display: block
}

.right-click-menu .item-menu .sub-menu[data-v-23f5cc2e] {
    background-color: #24262a;
    border-radius: 6px;
    display: none;
    padding: 6px 7px;
    position: absolute;
    right: -230px;
    top: 0;
    width: 206px
}

.right-click-menu .item-menu .sub-menu[data-v-23f5cc2e]:hover {
    display: block
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-23f5cc2e] {
    align-items: center;
    box-sizing: border-box;
    color: #c0c0c3;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 13px;
    min-height: 32px;
    padding: 8px 12px;
    width: 100%
}

.right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-23f5cc2e]:hover {
    background-color: #2f3238;
    border-radius: 4px
}

.el-image-viewer__actions[data-v-23f5cc2e] {
    display: none !important
}

h1[data-v-23f5cc2e], p[data-v-23f5cc2e] {
    margin: 0
}

.el-badge__content[data-v-23f5cc2e] {
    border: none
}

.el-dropdown-menu[data-v-23f5cc2e] {
    background: #191a27;
    border: 1px solid #272b30;
    border-radius: 16px;
    box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08);
    opacity: 1
}

.el-dropdown-menu .el-dropdown-menu__item[data-v-23f5cc2e]:hover {
    background-color: transparent;
    background-color: initial
}

.el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-23f5cc2e] {
    color: #fcfcfc
}

.el-popper[x-placement^=bottom] .popper__arrow[data-v-23f5cc2e] {
    display: none
}

.el-image__error[data-v-23f5cc2e], .el-image__inner[data-v-23f5cc2e], .el-image__placeholder[data-v-23f5cc2e] {
    height: auto;
    min-height: 100% !important
}

.el-image__error[data-v-23f5cc2e], .el-image__placeholder[data-v-23f5cc2e] {
    background-color: transparent;
    background-color: initial
}

.image-slot[data-v-23f5cc2e] {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.galleryMetaPoper[data-v-23f5cc2e] {
    background-color: transparent !important;
    background-color: initial !important;
    border-radius: 10px !important
}

[data-v-23f5cc2e]:root {
    --padding-4: 22px;
    --padding-3: 16px;
    --padding-2: 8px;
    --padding-1: 4px;
    --font-size-05: 12px;
    --font-size-1: 14px;
    --font-size-2: 16px;
    --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif";
    --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d);
    --containerBg: #0a0b17;
    --sidebarBg: #0a0b17
}

[data-v-23f5cc2e]::-webkit-scrollbar {
    width: 8px
}

[data-v-23f5cc2e]::-webkit-scrollbar-track {
    background-color: #0a0b17;
    border-radius: 8px
}

[data-v-23f5cc2e]::-webkit-scrollbar-thumb {
    background-color: #263141;
    border-radius: 8px
}

.hide-scrollbar[data-v-23f5cc2e] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-23f5cc2e]::-webkit-scrollbar {
    height: 0;
    width: 0
}

.flex-center[data-v-23f5cc2e] {
    justify-content: center
}

.flex-between[data-v-23f5cc2e], .flex-center[data-v-23f5cc2e] {
    align-items: center;
    display: flex
}

.flex-between[data-v-23f5cc2e] {
    justify-content: space-between
}

a.logo[data-v-23f5cc2e] {
    -webkit-text-decoration: none;
    text-decoration: none
}

.el-backtop[data-v-23f5cc2e] {
    background-color: #191a27;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    z-index: 999
}

.el-backtop[data-v-23f5cc2e]:hover {
    background: #4c5184
}

.el-switch .el-switch__core[data-v-23f5cc2e] {
    background: #4b5164;
    border: 1px solid transparent
}

body[data-v-23f5cc2e] {
    background-color: #0a0b17;
    font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"
}

button[data-v-23f5cc2e]:focus-visible {
    outline: none
}

.el-popover[data-v-23f5cc2e] {
    background-color: #0f121c;
    border: 1px solid #293246;
    border-radius: 8px
}

.el-loading-spinner .path[data-v-23f5cc2e] {
    stroke-width: 4px;
    stroke: #fff
}

.el-loading-mask[data-v-23f5cc2e] {
    background: transparent
}

.el-popper[data-v-23f5cc2e] {
    padding: 0
}

[data-v-23f5cc2e]:export {
    containerBg: #0a0b17;
    sidebarBg: #0a0b17;
    sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d)
}

.AIHelpSupportBox[data-v-23f5cc2e] {
    background-color: #fff;
    height: 500px;
    right: 38%;
    top: 20%;
    width: 375px;
    z-index: 9999
}

.close[data-v-23f5cc2e] {
    background: #f9c633;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 999
}

.close[data-v-23f5cc2e]:before {
    transform: rotate(45deg)
}

.close[data-v-23f5cc2e]:after, .close[data-v-23f5cc2e]:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 6px;
    position: absolute;
    top: 14px;
    width: 20px;
    z-index: 999
}

.close[data-v-23f5cc2e]:after {
    transform: rotate(-45deg)
}

.custom-table .table-body[data-v-23f5cc2e] {
    height: calc(100% - 52px)
}

.custom-table .table-body .el-table[data-v-23f5cc2e] {
    background: #252e42
}

.custom-table .table-body .el-table th[data-v-23f5cc2e] {
    background: #252e42;
    color: #a6b3cc
}

.custom-table .table-body .el-table tr[data-v-23f5cc2e] {
    background: #192030
}

.custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-23f5cc2e] {
    background: #252e42;
    border-bottom-color: #252e42
}

.custom-table .table-body .el-table td.el-table__cell[data-v-23f5cc2e], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-23f5cc2e] {
    border-bottom-color: #313336
}

.custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-23f5cc2e] {
    background-color: #171e2f !important
}

.custom-table .table-body .el-table tbody tr:hover > td[data-v-23f5cc2e] {
    background: #171f34 !important
}

.custom-table .table-pagination[data-v-23f5cc2e] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-right: 20px
}

.custom-table .table-pagination .bottom-btn[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    max-width: calc(100% - 480px);
    padding-left: 20px
}

.custom-table .table-pagination .bottom-btn .el-dropdown[data-v-23f5cc2e] {
    margin-left: 10px
}

.custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-23f5cc2e] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-table .table-pagination .el-pagination[data-v-23f5cc2e] {
    padding: 10px 0;
    text-align: right
}

.custom-table .table-pagination .el-pagination .btn-next[data-v-23f5cc2e], .custom-table .table-pagination .el-pagination .btn-prev[data-v-23f5cc2e], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-23f5cc2e] {
    background: #20283b
}

.custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-23f5cc2e], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-23f5cc2e], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-23f5cc2e] {
    background: #0d9488
}

.custom-table .table-pagination .el-pagination .el-input__inner[data-v-23f5cc2e] {
    background: #20283b;
    border-color: #232e50;
    height: 22px
}

.custom-table .el-table[data-v-23f5cc2e]:before, .custom-table .el-table__fixed-right[data-v-23f5cc2e]:before {
    background: #192030
}

.custom-table[data-v-23f5cc2e] ::-webkit-scrollbar-corner {
    background: transparent
}

.custom-table[data-v-23f5cc2e] ::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important
}

.el-dialog[data-v-23f5cc2e] {
    background: #1a202f
}

.custom-dialog .el-dialog[data-v-23f5cc2e] {
    background: #1a202f;
    border: 1px solid #293045;
    margin-top: 10vh !important;
    width: 600px
}

.custom-dialog .el-dialog .el-dialog__header[data-v-23f5cc2e] {
    background: #0f121e;
    padding: 20px 30px;
    position: relative;
    z-index: 20000
}

.custom-dialog .el-dialog .el-dialog__header span[data-v-23f5cc2e] {
    color: #fff;
    font-size: 16px
}

.custom-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e] {
    padding: 20px 30px
}

.custom-dialog .dialog-btn button[data-v-23f5cc2e] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 120px
}

.custom-dialog .dialog-btn button[data-v-23f5cc2e]:first-child {
    background: #1e2435;
    border-color: #2d354b
}

.custom-dialog.big-body-dialog .el-dialog[data-v-23f5cc2e], .custom-dialog.big-dialog .el-dialog[data-v-23f5cc2e], .custom-dialog.big-footer-dialog .el-dialog[data-v-23f5cc2e], .custom-dialog.big-head-dialog .el-dialog[data-v-23f5cc2e] {
    margin: 3vh auto !important
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e] {
    box-sizing: border-box;
    max-height: calc(94vh - 144px);
    overflow: auto
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-23f5cc2e] {
    display: none
}

.custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e] {
    max-height: calc(94vh - 80px)
}

.custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e] {
    max-height: calc(94vh - 70px)
}

.custom-dialog.big-body-dialog[data-v-23f5cc2e] {
    overflow: hidden
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-23f5cc2e] {
    display: none
}

.custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-23f5cc2e] {
    max-height: 94vh
}

.custom-dialog-canvas .el-dialog[data-v-23f5cc2e] {
    background-color: #24262a;
    border-radius: 20px
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-23f5cc2e] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-23f5cc2e] {
    color: #f7fbfa;
    font-size: 16px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-23f5cc2e] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-23f5cc2e] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-23f5cc2e] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custom-form .el-date-editor .el-range-separator[data-v-23f5cc2e] {
    color: #8e8f92
}

.custom-form .el-input__inner[data-v-23f5cc2e], .custom-form .el-textarea__inner[data-v-23f5cc2e] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-select-dropdown__item[data-v-23f5cc2e] {
    color: #fff;
    font-weight: 500
}

.custom-form .el-select-dropdown__item.hover[data-v-23f5cc2e], .custom-form .el-select-dropdown__item[data-v-23f5cc2e]:hover {
    background-color: #192133;
    color: #fff;
    font-weight: 500
}

.custom-form .el-form-item__label[data-v-23f5cc2e] {
    color: #cbd5e1;
    padding-bottom: 0
}

.custom-form .el-range-input[data-v-23f5cc2e], .custom-form .el-textarea__inner[data-v-23f5cc2e] {
    background: #20283b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-form .el-input.is-disabled .el-input__inner[data-v-23f5cc2e] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select:hover .el-input__inner[data-v-23f5cc2e] {
    border-color: #464646
}

.custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-23f5cc2e] {
    background-color: #444851;
    border-color: #444851
}

.custom-form .el-select .el-tag[data-v-23f5cc2e] {
    background: #192133;
    color: #fff
}

.custom-form .el-input-number__decrease[data-v-23f5cc2e], .custom-form .el-input-number__increase[data-v-23f5cc2e] {
    background: #192133;
    border-color: #0f1c38
}

.custom-form .el-slider__runway[data-v-23f5cc2e] {
    background-color: #393d4a;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__bar[data-v-23f5cc2e] {
    background-color: #cbd5e1;
    height: 8px
}

.custom-form .el-slider__runway .el-slider__button[data-v-23f5cc2e] {
    background: #cbd5e1;
    border-color: #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

.custom-form .el-checkbox[data-v-23f5cc2e] {
    color: #cbd5e1;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-23f5cc2e] {
    color: #3d8bf1
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-23f5cc2e] {
    background: #262c3a;
    border: 1px solid #979797;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

.custom-form .el-checkbox .el-checkbox__inner[data-v-23f5cc2e]:after {
    height: 7px;
    left: 5px;
    top: 1px
}

.custom-form .el-checkbox .el-checkbox__input[data-v-23f5cc2e] {
    vertical-align: text-bottom
}

.custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-23f5cc2e] {
    background: #0052cc;
    border-color: #0052cc;
    height: 14px;
    width: 14px
}

.custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-23f5cc2e] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-23f5cc2e] {
    color: #434445
}

.custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-23f5cc2e] {
    background: #434445;
    border-color: #434445
}

.custom-form .el-input__count[data-v-23f5cc2e] {
    background: #20283b;
    color: #cbd5e1
}

.el-select .custom-select[data-v-23f5cc2e] {
    position: absolute !important
}

.custom-select[data-v-23f5cc2e] {
    background: #1c1d2a !important;
    border: 1px solid #293045 !important;
    border-radius: 8px !important;
    color: #5a7dc2
}

.custom-select .el-select-dropdown__list[data-v-23f5cc2e] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-23f5cc2e], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-23f5cc2e] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #fff
}

.custom-select .el-scrollbar__wrap[data-v-23f5cc2e] {
    overflow: auto
}

.custom-select .el-select-dropdown__item[data-v-23f5cc2e] {
    color: hsla(0, 0%, 100%, .6)
}

.custom-select .el-select-dropdown__item.selected[data-v-23f5cc2e] {
    color: #fff;
    position: relative
}

.custom-select .el-select-dropdown__item.selected[data-v-23f5cc2e]:after {
    content: "✓";
    position: absolute;
    right: 10px
}

.custom-select .el-select-dropdown__item.hover[data-v-23f5cc2e], .custom-select .el-select-dropdown__item[data-v-23f5cc2e]:hover {
    background: #242534;
    border-radius: 5px;
    color: #fff
}

.custom-select .popper__arrow[data-v-23f5cc2e], .custom-select .popper__arrow[data-v-23f5cc2e]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.custom-select .el-input__inner[data-v-23f5cc2e] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.painting-board-select[data-v-23f5cc2e] {
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25)
}

.painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-23f5cc2e], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-23f5cc2e], .painting-board-select[data-v-23f5cc2e] {
    background: #1a1a22 !important
}

.painting-board-select.el-select-dropdown[data-v-23f5cc2e] {
    margin-top: 3px
}

.painting-board-select.el-select-dropdown .add-canvas-option[data-v-23f5cc2e] {
    align-items: center;
    background: #2f3238 !important;
    display: flex;
    justify-content: center
}

.painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-23f5cc2e] {
    font-size: 16px;
    margin-right: 5px
}

.painting-board-select.el-select-dropdown .more-btn[data-v-23f5cc2e] {
    height: 34px;
    width: 20px
}

.painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.painting-board-select .el-select-dropdown__list[data-v-23f5cc2e] {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 6px
}

.painting-board-select .el-select-dropdown__list[data-v-23f5cc2e] > :last-child {
    margin-bottom: 0
}

.painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-23f5cc2e], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-23f5cc2e] {
    background: #34396a;
    color: #fff
}

.painting-board-select .el-scrollbar__wrap[data-v-23f5cc2e] {
    overflow: auto
}

.painting-board-select .el-select-dropdown__item[data-v-23f5cc2e] {
    align-items: center;
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    color: #c0d0f1;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 4px 8px
}

.painting-board-select .el-select-dropdown__item > .show-params-name[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.painting-board-select .el-select-dropdown__item.selected[data-v-23f5cc2e] {
    background: hsla(0, 0%, 100%, .1)
}

.painting-board-select .popper__arrow[data-v-23f5cc2e], .painting-board-select .popper__arrow[data-v-23f5cc2e]:after {
    border-bottom-color: #20293b !important;
    border-top-color: #20293b !important
}

.painting-board-select .el-input__inner[data-v-23f5cc2e] {
    background-color: #20293b;
    border: 1px solid #293045;
    color: #cbd5e1
}

.custom-btn.el-button--primary[data-v-23f5cc2e] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.custom-btn.el-button--primary.is-disabled[data-v-23f5cc2e] {
    background: #81aeaa;
    border-color: #81aeaa
}

.custom-btn.el-button--default[data-v-23f5cc2e] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.custom-btn.el-button--default.is-disabled[data-v-23f5cc2e] {
    background: #81aeaa;
    border-color: #81aeaa
}

.el-message[data-v-23f5cc2e] {
    min-width: 0;
    min-width: auto
}

.el-message-box.custom-confirm[data-v-23f5cc2e] {
    background: #192133;
    border-color: #322d2d
}

.el-message-box.custom-confirm .el-message-box__title[data-v-23f5cc2e] {
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__content[data-v-23f5cc2e] {
    color: #fff
}

.el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-23f5cc2e] {
    background-color: #1c1d2a;
    border: 1px solid #293045;
    color: #cbd5e1
}

.el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-23f5cc2e] {
    color: #fff
}

.el-message-box.custom-confirm .el-button--default[data-v-23f5cc2e] {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.el-message-box.custom-confirm .el-button--primary[data-v-23f5cc2e] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.el-message-box.ai-face-swap-confirm[data-v-23f5cc2e] {
    background: #24262a;
    border: 0;
    border-radius: 20px;
    min-height: 174px
}

.el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-23f5cc2e] {
    background: #24262a;
    padding: 20px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-23f5cc2e] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-23f5cc2e] {
    color: #fff;
    font-size: 18px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-23f5cc2e] {
    min-height: 61px;
    padding: 15px 24px 10px
}

.el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-23f5cc2e] {
    color: hsla(0, 0%, 100%, .5);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-23f5cc2e] {
    padding: 5px 24px 0
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-23f5cc2e] {
    border: 0;
    border-radius: 8px;
    font-family: PingFang HK;
    font-size: 14px;
    font-weight: 500;
    height: 40px
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-23f5cc2e] > :first-child {
    background: #1a1d1f;
    color: hsla(0, 0%, 100%, .7)
}

.el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-23f5cc2e] > :last-child {
    background: linear-gradient(99deg, #3271cc, #0fffff);
    color: #fff
}

.custorm-messagebox[data-v-23f5cc2e] {
    background: #192133;
    border-color: #322d2d
}

.custorm-messagebox .el-message-box__title[data-v-23f5cc2e] {
    color: #fff
}

.custorm-messagebox .el-input__inner[data-v-23f5cc2e] {
    background: #20283b;
    border-color: #232e50
}

.custom-submenu .el-menu[data-v-23f5cc2e] {
    background: #20283b
}

.custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-23f5cc2e] {
    color: #fff
}

.custom-submenu .el-menu .el-submenu__title[data-v-23f5cc2e] {
    background-color: transparent;
    background-color: initial
}

.custom-submenu .el-menu .el-submenu__title[data-v-23f5cc2e]:hover {
    background: #323d54;
    color: #fff
}

.custom-submenu .el-menu .el-menu-item[data-v-23f5cc2e] {
    background: #20283b
}

.custom-submenu .el-menu .el-menu-item.is-active[data-v-23f5cc2e], .custom-submenu .el-menu .el-menu-item[data-v-23f5cc2e]:hover {
    background: #323d54;
    color: #fff
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-23f5cc2e] {
    border-bottom-color: #3c5288 !important
}

.custom-popver[x-placement^=bottom] .popper__arrow[data-v-23f5cc2e]:after {
    border-bottom-color: #06080b !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-23f5cc2e] {
    border-top-color: #3c5288 !important
}

.custom-popver[x-placement^=top] .popper__arrow[data-v-23f5cc2e]:after {
    border-top-color: #06080b !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-23f5cc2e] {
    border-left-color: #3c5288 !important
}

.custom-popver[x-placement^=left] .popper__arrow[data-v-23f5cc2e]:after {
    border-left-color: #06080b !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-23f5cc2e] {
    border-right-color: #3c5288 !important
}

.custom-popver[x-placement^=right] .popper__arrow[data-v-23f5cc2e]:after {
    border-right-color: #06080b !important
}

.custom-dropdown[data-v-23f5cc2e] {
    background: #192133;
    border-color: #322d2d
}

.custom-dropdown .el-dropdown-menu__item[data-v-23f5cc2e] {
    color: #9b9b9c
}

.custom-dropdown .el-dropdown-menu__item[data-v-23f5cc2e]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-23f5cc2e]:hover {
    background: #323d54;
    color: #fff
}

.custom-dropdown .popper__arrow[data-v-23f5cc2e] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown .popper__arrow[data-v-23f5cc2e]:after {
    border-bottom-color: #192133 !important
}

.custom-dropdown-canvas[data-v-23f5cc2e] {
    background: #192133;
    border: 0;
    border-radius: 8px;
    margin-top: 3px !important
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-23f5cc2e] {
    color: #9b9b9c
}

.custom-dropdown-canvas .el-dropdown-menu__item[data-v-23f5cc2e]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-23f5cc2e]:hover {
    background: #192133 !important;
    border-radius: 8px;
    color: #fff
}

.custom-dropdown-canvas .popper__arrow[data-v-23f5cc2e] {
    border-bottom-color: #323d54 !important
}

.custom-dropdown-canvas .popper__arrow[data-v-23f5cc2e]:after {
    border-bottom-color: #192133 !important
}

.AIHelpSupportBox[data-v-23f5cc2e] {
    bottom: 0;
    height: 700px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 600px
}

.zoom-box[data-v-23f5cc2e]:before {
    content: "";
    float: left;
    padding-top: 100%
}

.zoom-box[data-v-23f5cc2e]:after {
    clear: both;
    content: "";
    display: block
}

.PromptWork .el-textarea .el-input__count[data-v-23f5cc2e] {
    background: transparent
}

.ellipsis-line[data-v-23f5cc2e], .ellipsis-text[data-v-23f5cc2e] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-text[data-v-23f5cc2e] {
    -webkit-line-clamp: 5
}

.ellipsis[data-v-23f5cc2e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-message-box[data-v-23f5cc2e] {
    background: #1a202f;
    border: 1px solid #293045
}

.el-message-box .el-dialog__header[data-v-23f5cc2e], .el-message-box .el-message-box__header[data-v-23f5cc2e] {
    background: #0f121e
}

.el-message-box .el-message-box__btns .el-button--primary[data-v-23f5cc2e] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.bg-nsfw[data-v-23f5cc2e] {
    background-image: url(/_nuxt/img/nsfw_lang.a0715dc.webp)
}

.bg-nsfw-s[data-v-23f5cc2e], .bg-nsfw[data-v-23f5cc2e] {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-nsfw-s[data-v-23f5cc2e] {
    background-image: url(/_nuxt/img/nsfw_s.3e08299.webp)
}

.marking-item[data-v-23f5cc2e] {
    position: relative
}

.marking-item:hover .admin-marking[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

.rounded-border[data-v-23f5cc2e] {
    border-radius: 5px
}

.rounded-border[data-v-23f5cc2e], .rounded-border[data-v-23f5cc2e]:hover {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff);
    background-origin: padding-box, border-box;
    border: 2px solid transparent
}

button[data-v-23f5cc2e] {
    background: transparent;
    border: none;
    cursor: pointer
}

button.disabled[data-v-23f5cc2e] {
    cursor: not-allowed
}

.image-gallery[data-v-23f5cc2e] {
    background-color: #111522
}

.image-gallery .imgpage-info[data-v-23f5cc2e] .el-popover__reference {
    padding: 0
}

.dialog[data-v-23f5cc2e], .el-popover[data-v-23f5cc2e] {
    color: #fff
}

.dialog[data-v-23f5cc2e] {
    background-color: #01030f;
    border-radius: 0;
    box-shadow: none
}

.imgpage-content[data-v-23f5cc2e] {
    height: 100%;
    justify-content: space-between;
    position: relative
}

.imgpage-inner[data-v-23f5cc2e] {
    background: #0c1018;
    border: 1px solid #1f263c;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 58vw
}

.btn-zoom[data-v-23f5cc2e] {
    border-radius: 50%;
    height: 36px;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 36px;
    z-index: 1
}

.btn-zoom[data-v-23f5cc2e]:hover {
    background-color: #1c2433
}

.btn-zoom[data-v-23f5cc2e]:active {
    background-color: #1d2349
}

.left-button[data-v-23f5cc2e], .right-button[data-v-23f5cc2e] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 56px;
    justify-content: center;
    margin: 0 50px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 56px
}

.left-button[data-v-23f5cc2e]:hover, .right-button[data-v-23f5cc2e]:hover {
    background-color: #1c2433
}

.left-button[data-v-23f5cc2e]:active, .right-button[data-v-23f5cc2e]:active {
    background-color: #1d2349
}

.right-button[data-v-23f5cc2e] {
    right: 0
}

.left-button[data-v-23f5cc2e]:hover, .right-button[data-v-23f5cc2e]:hover {
    opacity: 1
}

.close-button[data-v-23f5cc2e] {
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 56px;
    position: fixed;
    right: 70px;
    top: 70px;
    width: 56px
}

.close-button[data-v-23f5cc2e]:hover {
    background-color: #1c2433
}

.close-button[data-v-23f5cc2e]:active {
    background-color: #1d2349
}

.imgpage-image[data-v-23f5cc2e] {
    justify-content: center;
    min-width: 600px;
    position: relative
}

.imgpage-image.bold-border[data-v-23f5cc2e] {
    padding: 32px 32px 0
}

.imgpage-image img[data-v-23f5cc2e] {
    cursor: zoom-in;
    height: calc(100vh - 200px);
    margin-bottom: 10px;
    max-width: 100%;
    min-height: 400px;
    -o-object-fit: contain;
    object-fit: contain
}

.imgpage-image img.full[data-v-23f5cc2e] {
    height: auto;
    width: 100%
}

.imgpage-image img.blur[data-v-23f5cc2e] {
    filter: blur(40px)
}

.imgpage-info .description[data-v-23f5cc2e], .imgpage-info .parent-category[data-v-23f5cc2e] {
    margin-bottom: 30px
}

.imgpage-info .description[data-v-23f5cc2e] {
    word-wrap: break-word;
    color: #e2e8f0;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 28px;
    width: 100%;
    word-break: break-all
}

.imgpage-related[data-v-23f5cc2e] {
    margin-bottom: 20px;
    padding: 0 32px
}

.imgpage-related .title[data-v-23f5cc2e] {
    color: #e2e8f0;
    justify-content: space-between
}

.imgpage-related .title .left[data-v-23f5cc2e] {
    font-size: 24px
}

.imgpage-related .title .right[data-v-23f5cc2e] {
    align-items: center;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    padding: 0 15px
}

.imgpage-related .title .right[data-v-23f5cc2e]:hover {
    background-color: #34396a
}

.imgpage-related .related-images[data-v-23f5cc2e] {
    margin-top: 25px;
    min-height: 50px;
    position: relative
}

.imgpage-related .related-image[data-v-23f5cc2e] {
    margin-bottom: 10px;
    margin-right: 10px;
    width: calc(33.33333% - 10px)
}

.imgpage-related .related-image[data-v-23f5cc2e]:last-child {
    margin-right: 0
}

.imgpage-related .related-image img[data-v-23f5cc2e] {
    width: 100%
}

.pop-btns[data-v-23f5cc2e] {
    flex-direction: column
}

.pop-btns button[data-v-23f5cc2e] {
    border-radius: 5px;
    color: #cbd5e1;
    padding: 8px;
    text-align: left
}

.pop-btns button[data-v-23f5cc2e]:hover {
    background-color: #34396a
}

.image-gallery[data-v-23f5cc2e] {
    background: #090b15;
    min-height: calc(100vh - 110px);
    position: relative
}

.image-gallery .admin-off[data-v-23f5cc2e] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.image-gallery .admin-off[data-v-23f5cc2e]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.image-gallery .admin-off.open[data-v-23f5cc2e] {
    background: #191a27;
    color: #fff
}

.image-gallery .admin-off.open[data-v-23f5cc2e]:before {
    display: none
}

.image-gallery .mask[data-v-23f5cc2e] {
    background-color: #000;
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 100
}

.image-gallery .mobile-back-to[data-v-23f5cc2e] {
    align-items: center;
    background-color: #1c2433;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    left: 15px;
    position: fixed;
    top: 120px;
    width: 52px;
    z-index: 98
}

.image-gallery .mobile-back-to .svg-icon[data-v-23f5cc2e], .image-gallery .mobile-back-to i[data-v-23f5cc2e] {
    color: #fff;
    font-size: 28px
}

.image-gallery .mobile-home-to[data-v-23f5cc2e] {
    top: 25px
}

.image-gallery .mobile-home-to .svg-icon[data-v-23f5cc2e], .image-gallery .mobile-home-to i[data-v-23f5cc2e] {
    font-size: 22px
}

.image-gallery .imgpage-content[data-v-23f5cc2e] {
    min-width: 1200px
}

.image-gallery .imgpage-content .imgpage-inner[data-v-23f5cc2e] {
    background: #090b15;
    border: 0;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner[data-v-23f5cc2e] .imgpage-image-hold {
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner[data-v-23f5cc2e] .imgpage-image-hold .imgpage-image-info-container {
    height: calc(100vh - 90px);
    min-width: 0;
    min-width: auto
}

.image-gallery .imgpage-content .imgpage-inner .close-button[data-v-23f5cc2e] {
    position: absolute;
    right: 20px;
    top: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-23f5cc2e] {
    border-radius: 30px 0 0 30px;
    flex-shrink: 0;
    min-width: 440px;
    padding: 0;
    position: relative
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-23f5cc2e] {
    background: #141416;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-23f5cc2e], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-23f5cc2e] {
    box-sizing: border-box;
    cursor: default;
    cursor: zoom-in;
    height: 100%;
    height: auto;
    margin-bottom: 0;
    margin-top: -1px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-23f5cc2e], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-23f5cc2e] {
    filter: blur(19px)
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-23f5cc2e] {
    -webkit-backdrop-filter: blur(19px) saturate(160%);
    backdrop-filter: blur(19px) saturate(160%);
    border-radius: 12px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-23f5cc2e] {
    border-radius: 0 30px 30px 0;
    box-sizing: border-box;
    flex-shrink: 0;
    max-height: calc(100vh - 90px);
    position: relative;
    width: 450px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-23f5cc2e] {
    box-sizing: border-box;
    margin-bottom: 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-23f5cc2e] {
    align-items: center;
    border-top: 1px solid #1f2024;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: space-between;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    gap: 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-23f5cc2e] {
    color: #777e91;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-23f5cc2e] {
    align-items: center;
    display: flex
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-23f5cc2e] {
    align-items: center;
    color: #91b1d5;
    cursor: pointer;
    display: flex;
    font-family: PingFangSC-Medium, PingFang SC, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif";
    font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family);
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    justify-content: center
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-23f5cc2e] {
    font-size: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-23f5cc2e], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-23f5cc2e]:hover {
    color: #409eff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-23f5cc2e] {
    cursor: default
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-23f5cc2e] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px;
    transition: all .3s
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-23f5cc2e] {
    height: 26px;
    width: 26px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-23f5cc2e]:hover {
    background-color: #262f43
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-23f5cc2e] {
    align-items: center;
    background-color: #f1314e;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    padding: 0 20px;
    transition: opacity .3s ease-in-out
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-23f5cc2e] {
    background: hsla(0, 0%, 100%, .06);
    border-radius: 10px;
    box-sizing: border-box;
    color: #777e91;
    display: flex;
    font-family: PingFangSC-Regular, PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif";
    font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
    width: 100%;
    word-break: keep-all
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-23f5cc2e]:hover {
    display: block;
    overflow-y: auto
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-23f5cc2e] {
    margin: 12px;
    overflow: hidden
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-23f5cc2e]::-moz-selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-23f5cc2e]::selection {
    background-color: #5478a6;
    color: #fff
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-23f5cc2e] {
    border-bottom: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 24px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-23f5cc2e] {
    border-bottom: 1px solid #1f2024;
    color: #777e91;
    font-size: 25px;
    padding: 18px 0 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-23f5cc2e] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    line-height: 20px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-23f5cc2e] {
    gap: 15px;
    padding: 20px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-23f5cc2e] {
    color: #b9b9b9;
    cursor: pointer;
    gap: 14px;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 48%
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-23f5cc2e]:hover {
    color: #cfcfcf
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-23f5cc2e] {
    border-radius: 8px;
    flex-shrink: 0;
    height: 55px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 55px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-23f5cc2e] {
    height: 100%;
    justify-content: space-evenly
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-23f5cc2e] {
    font-size: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-23f5cc2e] {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff);
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #26c7e3;
    padding: 0 5px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-23f5cc2e] {
    background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560);
    color: #d15bd3
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-23f5cc2e] {
    font-size: 14px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items[data-v-23f5cc2e] {
    font-size: 16px;
    gap: 10px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item[data-v-23f5cc2e] {
    color: #4086d4
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item a[data-v-23f5cc2e] {
    color: #4086d4;
    -webkit-text-decoration: none;
    text-decoration: none
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-23f5cc2e] {
    box-sizing: border-box
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-23f5cc2e] {
    font-size: 14px;
    gap: 50px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-23f5cc2e] {
    color: #777e90;
    font-size: 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-23f5cc2e] {
    color: #bfc8d4;
    margin-top: 6px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag[data-v-23f5cc2e] {
    border-bottom: 1px solid #1f2024;
    color: hsla(0, 0%, 100%, .7);
    gap: 10px;
    padding: 10px 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag .time[data-v-23f5cc2e] {
    font-size: 12px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-23f5cc2e] {
    margin: 0 6px;
    padding: 0
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-23f5cc2e]:last-child {
    margin-left: 6px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related[data-v-23f5cc2e] {
    margin-top: 25px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div[data-v-23f5cc2e] {
    align-items: center;
    display: flex;
    justify-content: center
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div .title[data-v-23f5cc2e] {
    color: #e2e8f0;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    height: 28px;
    line-height: 28px
}

.image-gallery .imgpage-content .imgpage-inner .imgpage-related .loading-div[data-v-23f5cc2e] {
    bottom: 18px;
    height: 0;
    position: absolute;
    width: 100%
}

.image-gallery[data-v-23f5cc2e] .el-loading-mask {
    z-index: 97
}

.my-popover {
    background-color: #0f121c;
    border: 1px solid #222935;
    color: #cad5e1 !important
}

.my-popover .pop-btns {
    flex-direction: column
}

.my-popover .pop-btns button {
    background: transparent;
    border: none;
    border-radius: 5px;
    color: #cbd5e1;
    cursor: pointer;
    padding: 8px;
    text-align: left
}

.my-popover .pop-btns button:hover {
    background-color: #34396a
}

.tip-popover {
    background-color: #d8d8d8 !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0f101b;
    padding: 2px 5px !important
}

.quick-button-title, .tip-popover {
    font-family: PingFangSC-Regular, PingFang SC;
    text-align: center
}

.quick-button-title {
    background: #cbd5e0 !important;
    border: 0;
    color: #171922;
    font-size: 12px;
    font-weight: 400;
    min-width: 0;
    min-width: auto;
    padding: 7px 8px !important
}

.el-message-box {
    background: #192133;
    border-color: #322d2d
}

.el-message-box .el-message-box__title {
    color: #cbd5e1
}

.el-message-box .el-message-box__content, .el-message-box .el-message-box__status.el-icon-info {
    color: #fff
}

.el-message-box .el-button--default {
    background: #293045;
    border-color: #293045;
    color: #fff
}

.el-message-box .el-button--primary {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff
}

.main .title[data-v-498e55e0] {
    font-size: 16px
}

.main .list[data-v-498e55e0] {
    margin-top: 0;
    max-height: 200px;
    min-height: 100px;
    overflow: auto;
    padding: 0
}

.main .list li[data-v-498e55e0] {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: space-between;
    width: 100%
}

.main .list li .user[data-v-498e55e0] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.main .list li .user .avatorClass[data-v-498e55e0] {
    background: #fff;
    border-radius: 50%;
    color: #0f101b;
    flex: 0 0 auto;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
    text-align: center;
    width: 22px
}

.main .list li .user .ellipsis-text[data-v-498e55e0] {
    color: #cbd5e1;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main .list li .user .ellipsis-text[data-v-498e55e0]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.main .list li .bnt[data-v-498e55e0] {
    cursor: pointer;
    font-size: 24px;
    margin-right: 11px
}

.listDef[data-v-0ed3bc85] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 434px);
    justify-content: center;
    width: 100%
}

.listDef img[data-v-0ed3bc85] {
    height: 142px;
    margin-bottom: 10px;
    width: 142px
}

.listDef span[data-v-0ed3bc85] {
    color: #aaacb3;
    font-size: 14px;
    margin-bottom: 16px
}

.collection[data-v-0ed3bc85] {
    display: flex;
    flex-wrap: wrap;
    gap: .2em
}

.collectionlist[data-v-0ed3bc85] {
    cursor: pointer;
    flex: 0 0 auto
}

.collectionlist .listItem[data-v-0ed3bc85] {
    width: 2.79em
}

.collectionlist .add[data-v-0ed3bc85] {
    align-items: center;
    border: 1px dashed #485269;
    border-radius: 10px;
    display: flex;
    height: 2em;
    justify-content: center
}

.collectionlist .add i[data-v-0ed3bc85] {
    color: #485269;
    font-size: 28px
}

.collectionlist .imgs[data-v-0ed3bc85] {
    border-radius: 10px;
    height: 2em;
    overflow: hidden;
    position: relative;
    width: 100%
}

.collectionlist .imgs:hover > .edit[data-v-0ed3bc85] {
    opacity: 1
}

.collectionlist .imgs .edit[data-v-0ed3bc85] {
    align-items: center;
    background-color: #64748b;
    border-radius: 18px;
    bottom: 10px;
    display: flex;
    height: 36px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 10px;
    transition: opacity .3s ease-in-out;
    width: 36px
}

.collectionlist .imgs .edit .svg-icon[data-v-0ed3bc85] {
    color: #fff;
    font-size: 24px
}

.collectionlist .imgs .imgsitem[data-v-0ed3bc85] {
    background-color: #2c354a;
    border-radius: 10px;
    box-shadow: inset -1px 0 0 0 hsla(0, 0%, 100%, .58);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 1s;
    width: 100%
}

.collectionlist .imgs .imgsitem .imgslist[data-v-0ed3bc85] {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.collectionlist .imgs .imgsitem:last-child > .imgslist[data-v-0ed3bc85] {
    box-shadow: none
}

.collectionlist .myimgsitem[data-v-0ed3bc85] {
    background-color: #2c354a;
    position: relative
}

.collectionlist .myimgsitem[data-v-0ed3bc85]:first-child {
    border-radius: 10px 0 0 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.7em
}

.collectionlist .myimgsitem:first-child img[data-v-0ed3bc85] {
    border-radius: 10px 0 0 10px
}

.collectionlist .myimgsitem[data-v-0ed3bc85]:nth-child(2) {
    border-radius: 0 10px 0 0;
    height: 49%;
    margin-bottom: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.05em
}

.collectionlist .myimgsitem:nth-child(2) img[data-v-0ed3bc85] {
    border-radius: 0 10px 0 0
}

.collectionlist .myimgsitem[data-v-0ed3bc85]:nth-child(3) {
    border-radius: 0 0 10px 0;
    height: 49%;
    margin-bottom: 2px;
    position: absolute;
    right: 0;
    top: 51%;
    width: 1.05em
}

.collectionlist .myimgsitem:nth-child(3) img[data-v-0ed3bc85] {
    border-radius: 0 0 10px 0
}

.collectionlist .myimgsitem img[data-v-0ed3bc85] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.collectionlist .infos[data-v-0ed3bc85] {
    color: #aeb6c3;
    margin-top: 15px
}

.collectionlist .infos .name[data-v-0ed3bc85] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.collectionlist .infos .name span[data-v-0ed3bc85] {
    color: #ccd2dd;
    font-size: .18em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.collectionlist .infos .name .svg-icon[data-v-0ed3bc85] {
    font-size: 24px
}

.collectionlist .infos .count[data-v-0ed3bc85] {
    font-size: 14px;
    margin-top: 5px
}

.title[data-v-0ed3bc85] {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between
}

.title span[data-v-0ed3bc85] {
    color: #d0d4e2;
    font-size: 20px;
    font-weight: 500
}

.edit-avatar-dialog[data-v-143b2a74] {
    background: #111522;
    border: 1px solid #293045;
    border-radius: 8px;
    height: 456px;
    margin-top: 25vh
}

.edit-avatar-dialog .el-dialog__header[data-v-143b2a74] {
    background: #111522;
    box-sizing: border-box;
    height: 71px;
    line-height: 41px;
    padding: 30px 20px 8px;
    text-align: center
}

.edit-avatar-dialog .el-dialog__header .el-dialog__title[data-v-143b2a74] {
    color: #cbd5e1;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 24px;
    font-weight: 500
}

.edit-avatar-dialog .el-dialog__body[data-v-143b2a74] {
    box-sizing: border-box;
    height: 100%;
    height: calc(100% - 132px);
    padding: 0 20px;
    width: 100%
}

.edit-avatar-dialog .el-dialog__footer[data-v-143b2a74] {
    background: #121627;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #282f40;
    height: 61px
}

.edit-avatar-dialog .el-dialog__footer .dialog-footer[data-v-143b2a74] {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: flex-end
}

.edit-avatar-dialog .el-dialog__footer .dialog-footer .cancel-button[data-v-143b2a74] {
    align-items: center;
    background: inherit;
    border: 1px solid #1e2435;
    border-radius: 4px;
    box-sizing: border-box;
    color: #cbd5e1;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0 5px;
    width: 92px
}

.edit-avatar-dialog .el-dialog__footer .dialog-footer .save-button[data-v-143b2a74] {
    align-items: center;
    background: #0d9488;
    border-color: transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #cbd5e1;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0 5px;
    width: 92px
}

.edit-avatar-dialog .container[data-v-143b2a74] {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.edit-avatar-dialog .container .tit[data-v-143b2a74] {
    color: #cbd5e1;
    font-size: 24px;
    text-align: center
}

.edit-avatar-dialog .container .tips[data-v-143b2a74] {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.edit-avatar-dialog .container .tips div[data-v-143b2a74] {
    word-wrap: break-word;
    color: #a9b1bb;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 285px
}

.edit-avatar-dialog .container .upload-avatar[data-v-143b2a74] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 150px;
    justify-content: center;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .img-text[data-v-143b2a74] {
    color: #9dabc1;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader[data-v-143b2a74] {
    align-items: center;
    background: #394456;
    border: 1px dashed #adb6cd;
    border-radius: 74px;
    display: flex;
    height: 80px;
    justify-content: center;
    overflow: hidden;
    width: 80px
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader .upload[data-v-143b2a74] {
    align-items: center;
    background: #20283b;
    border: 1px dashed #404962;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader .upload .upload-demo[data-v-143b2a74] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader .upload .upload-demo.disabled[data-v-143b2a74] {
    cursor: not-allowed
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader .upload .upload-demo .avatar[data-v-143b2a74] {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader .el-icon-plus[data-v-143b2a74] {
    font-size: 16px
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader[data-v-143b2a74] .el-upload-dragger {
    align-items: center;
    background: #20283b;
    border: 1px dashed #404962;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader[data-v-143b2a74] .el-upload-dragger .avatar {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.edit-avatar-dialog .container .upload-avatar .avatar-uploader[data-v-143b2a74] .el-upload {
    height: 100%;
    width: 100%
}

.edit-avatar-dialog .container .name[data-v-143b2a74] {
    height: 69px;
    margin-bottom: 54px;
    width: 100%
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-form-item .disabled-text {
    color: #485564;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
    top: -20px
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-form-item .disabled-text .svg-icon {
    font-size: 24px
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-form-item .el-form-item__label {
    color: #d5dbe5;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-input .el-input__inner {
    background: #2a334c;
    border: 1px solid #3b4666;
    color: #fff
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-input .el-input__inner:focus {
    border-color: #577ae0
}

.edit-avatar-dialog .container .name[data-v-143b2a74] .el-input .el-input__count .el-input__count-inner {
    background: transparent
}

.edit-avatar-dialog {
    margin-top: 25vh !important
}

.user-head[data-v-ccc0093a] {
    cursor: pointer;
    display: flex
}

.user-head .user-avatar[data-v-ccc0093a] {
    background-color: #e9e9e9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #212121;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.user-head .user-name[data-v-ccc0093a] {
    color: #bababa;
    font-size: 12px;
    margin-left: 10px
}

.main .title[data-v-526a63d8] {
    align-items: center;
    display: flex;
    font-size: 14px;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.main .title span[data-v-526a63d8] {
    color: #ff0101;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0
}

.main .title .svg-icon[data-v-526a63d8] {
    font-size: 16px;
    margin-left: 10px
}

.main input[data-v-526a63d8] {
    background-color: #20283b;
    border: 1px solid #293045;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    margin-top: 8px;
    outline: none;
    padding-left: 12px;
    width: 100%
}

.main input[data-v-526a63d8]::-webkit-inner-spin-button, .main input[data-v-526a63d8]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.defPayBox[data-v-526a63d8] {
    position: relative
}

.defPayBox .defPayZg[data-v-526a63d8] {
    background-color: rgba(0, 0, 0, .5);
    cursor: not-allowed;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.radioBox[data-v-526a63d8] {
    background-color: #20283b;
    box-sizing: border-box;
    height: 40px;
    margin-top: 10px;
    padding: 4px;
    width: 100%
}

.radioBox .radioItem[data-v-526a63d8], .radioBox[data-v-526a63d8] {
    align-items: center;
    border-radius: 4px;
    display: flex
}

.radioBox .radioItem[data-v-526a63d8] {
    cursor: pointer;
    height: 100%;
    justify-content: center;
    width: 50%
}

.radioBox .radioItem .radionStyle[data-v-526a63d8] {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    box-sizing: border-box;
    height: 16px;
    padding: 4px;
    width: 16px
}

.radioBox .radioItem .radionStyle div[data-v-526a63d8] {
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.radioBox .radioItem span[data-v-526a63d8] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    margin-left: 20px
}

.radioBox .activateItem[data-v-526a63d8] {
    background: rgba(73, 79, 128, .7)
}

.radioBox .activateItem .radionStyle div[data-v-526a63d8] {
    background: #fff
}

.radioBox .activateItem span[data-v-526a63d8] {
    color: hsla(0, 0%, 100%, .6)
}

.payBox[data-v-526a63d8] {
    align-items: center;
    background: #20283b;
    border: 1px solid rgba(73, 79, 128, .5);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 82px;
    margin-top: 8px;
    padding: 0 9px;
    width: 100%
}

.payBox .payCnt[data-v-526a63d8] {
    width: 188px
}

.payBox .payCnt .payTit[data-v-526a63d8] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px
}

.payBox .payCnt .inputBox[data-v-526a63d8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 30px;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
    padding: 0 8px;
    width: 188px
}

.payBox .payCnt .inputBox input[data-v-526a63d8] {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    border: none;
    color: hsla(0, 0%, 100%, .7);
    height: 100%;
    margin-top: 0;
    outline: none;
    padding-left: 0;
    width: 150px
}

.payBox .payCnt .inputBox img[data-v-526a63d8] {
    height: 18px;
    width: 18px
}

.bntitem[data-v-526a63d8] {
    display: flex;
    justify-content: space-between
}

.bntitem div[data-v-526a63d8] {
    height: 38px;
    width: 200px
}

.bntitem .Cancel[data-v-526a63d8] {
    align-items: center;
    border: 1px solid rgba(83, 90, 100, .5);
    border-radius: 8px;
    color: #b2b1b7;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: center
}

.bntitem .bntBox[data-v-526a63d8] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 17px;
    padding: 1px
}

.bntitem .bntBox .bnt[data-v-526a63d8] {
    align-items: center;
    background-color: #1c1d2a;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.video-item[data-v-7fccffb2] {
    cursor: pointer;
    padding-bottom: 40px;
    width: 280px
}

.video-item .make-loading[data-v-7fccffb2] {
    background: #000;
    box-sizing: border-box;
    color: #ccd2dd;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    padding: 0 50px;
    text-align: center;
    width: 100%
}

.video-item .video-body[data-v-7fccffb2] {
    border-radius: 10px;
    height: 18vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-item .video-body .video-cover[data-v-7fccffb2], .video-item .video-body video[data-v-7fccffb2] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.video-item .video-body video[data-v-7fccffb2] {
    background-color: rgba(0, 0, 0, .6);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.video-item .video-body .video-handle[data-v-7fccffb2] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    height: 32px;
    justify-content: right;
    line-height: 32px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.video-item .video-body .video-handle svg[data-v-7fccffb2] {
    color: #fff;
    font-size: 20px;
    opacity: .7
}

.video-item .video-body .video-handle svg[data-v-7fccffb2]:hover {
    opacity: 1
}

.video-item .video-body .video-handle svg.loading[data-v-7fccffb2] {
    animation: blink-7fccffb2 1s ease-in-out infinite;
    cursor: wait
}

.video-item .video-body .video-handle > svg[data-v-7fccffb2] {
    margin: 0
}

.video-item .video-body .duration[data-v-7fccffb2] {
    background: rgba(0, 0, 0, .6);
    border-radius: 12px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    position: absolute;
    right: 5px;
    z-index: 2
}

.video-item .video-body:hover .video-handle[data-v-7fccffb2] {
    opacity: 1
}

.video-item .video-body:hover .duration[data-v-7fccffb2] {
    display: none
}

.video-item .video-body:hover video[data-v-7fccffb2] {
    display: block
}

.video-item .video-info[data-v-7fccffb2] {
    display: flex;
    gap: 10px;
    padding-top: 10px
}

.video-item .video-info .video-params[data-v-7fccffb2] {
    color: #81879f;
    display: flex;
    flex: 1;
    flex-flow: column;
    font-size: 12px;
    gap: 5px;
    position: relative
}

.video-item .video-info .video-params .video-name[data-v-7fccffb2] {
    color: #f2f2f2;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px
}

.video-item .video-info .video-params .author-name[data-v-7fccffb2], .video-item .video-info .video-params .like-num[data-v-7fccffb2], .video-item .video-info .video-params .play-info[data-v-7fccffb2] {
    color: #777;
    font-size: 12px
}

.video-item .video-info .video-params .author-name[data-v-7fccffb2] {
    align-items: center;
    display: flex;
    gap: 5px
}

.video-item .video-info .video-params .like-num[data-v-7fccffb2] {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0
}

.video-item .video-info .video-params .like-num svg[data-v-7fccffb2] {
    font-size: 16px;
    margin-right: 5px
}

.video-item .video-info .video-params .like-num[data-v-7fccffb2]:hover {
    color: #fff
}

@keyframes blink-7fccffb2 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.video-list[data-v-744368cd] {
    width: 100%
}

.video-list .item[data-v-744368cd] {
    -webkit-text-decoration: none;
    text-decoration: none;
    width: calc(16.66667% - 12.5px)
}

.video-list .bottom-loading[data-v-744368cd] {
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.video-list .list[data-v-744368cd] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.video-list .no-search-data-container[data-v-744368cd] {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px
}

.video-list .no-search-data-container .no-search-image[data-v-744368cd] {
    height: 120px;
    width: 120px
}

.video-list .no-search-data-container .null-tips[data-v-744368cd] {
    color: #aaacb3;
    font-family: PingFang SC-Regular, PingFang SC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.explore[data-v-26b050b8] {
    box-sizing: border-box;
    color: #fff;
    position: relative;
    width: 100%
}

.explore .loading[data-v-26b050b8] {
    bottom: -10px;
    height: 100px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
    z-index: 99
}

.explore .admin-off[data-v-26b050b8] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.explore .admin-off[data-v-26b050b8]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.explore .admin-off.open[data-v-26b050b8] {
    background: #191a27;
    color: #fff
}

.explore .admin-off.open[data-v-26b050b8]:before {
    display: none
}

.explore .search-result[data-v-26b050b8] {
    margin-top: 15px
}

.explore .search-result .content[data-v-26b050b8] {
    color: #3f8cff
}

.explore .search-result .content[data-v-26b050b8], .explore .search-result .tip[data-v-26b050b8] {
    font-family: Inter-Semi Bold, Inter;
    font-size: 20px;
    font-weight: 400;
    height: 24px;
    line-height: 24px
}

.explore .search-result .tip[data-v-26b050b8] {
    color: hsla(0, 0%, 100%, .7)
}

.following[data-v-26b050b8] {
    margin: 16px 0 40px
}

.wraper[data-v-26b050b8] {
    margin-top: 16px;
    min-height: 45vh
}

.wraper.server-list[data-v-26b050b8] {
    display: none
}

.title[data-v-26b050b8] {
    align-items: center;
    color: #d5dbe5;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 17px
}

.title span[data-v-26b050b8]:last-child {
    cursor: pointer
}

.more-recommend[data-v-26b050b8] {
    height: 100px;
    padding: 20px 0
}

.more-recommend .btn-more[data-v-26b050b8] {
    background: #212e52;
    border: 1px solid #3b589b;
    border-radius: 20px;
    color: #dde2e9;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    width: 125px
}

.more-recommend .btn-more[data-v-26b050b8]:hover {
    filter: brightness(1.2)
}

.explore .el-backtop {
    background-color: #191a27;
    border-radius: 100%;
    height: 40px;
    width: 40px
}

.video-list[data-v-7f0d8dea] {
    position: relative
}

.video-list .upload-btn[data-v-7f0d8dea] {
    background: #0d9488;
    border-color: #0d9488;
    border-radius: 8px
}

.video-list .video-body[data-v-7f0d8dea] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 15px
}

.video-list .video-body .bottom-loading[data-v-7f0d8dea] {
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.SaDialog {
    background: #121627;
    border: 1px solid #282f40;
    border-radius: 8px
}

.SaDialog .el-dialog__header {
    background-color: #0f121e;
    border-radius: 8px 8px 0 0;
    font-size: 12px
}

.SaDialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 800
}

.SaDialog .el-dialog__body {
    color: #cbd5e1;
    padding: 10px 22px
}

.SaDialog .el-dialog__footer {
    box-shadow: inset 0 1px 0 0 rgba(40, 46, 64, .6);
    padding: 10px 23px
}

.payCnt .el-select {
    margin-top: 8px;
    width: 188px
}

.payCnt .el-select .el-input__inner {
    background: hsla(0, 0%, 100%, .08);
    border: none;
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .7);
    height: 30px;
    padding-left: 8px
}

.payCnt .el-select .el-icon-arrow-up {
    color: hsla(0, 0%, 100%, .7)
}

.payCnt .el-select .el-input__suffix {
    align-items: center;
    display: flex
}

.payType {
    background: #32394b;
    border: none;
    box-sizing: border-box;
    margin-bottom: 4px !important;
    margin-top: 4px !important;
    padding: 8px
}

.payType .el-scrollbar__wrap::-webkit-scrollbar {
    height: 0
}

.payType .el-select-dropdown__list {
    padding: 0
}

.payType .el-select-dropdown__item {
    background: hsla(0, 0%, 100%, .04);
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 8px
}

.payType .el-select-dropdown__item:hover {
    background-color: hsla(0, 0%, 100%, .07)
}

.payType .selected {
    background: rgba(73, 79, 128, .7)
}

.payType .selected:hover {
    background: #494f80
}

.payType .popper__arrow {
    display: none
}

.imageGather[data-v-ffadc40a] {
    color: #fff
}

.imageGather .top[data-v-ffadc40a] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.imageGather .top .input-search[data-v-ffadc40a] {
    align-items: center;
    background-color: #1c1d2a;
    border: 1px solid #151623;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    height: 38px;
    margin-right: 12px;
    padding: 0 5px;
    width: 350px
}

.imageGather .top .input-search .svg-icon[data-v-ffadc40a] {
    font-size: 24px
}

.imageGather .top .input-search input[data-v-ffadc40a] {
    background-color: #1c1d2a;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
    padding-left: 5px;
    width: 275px
}

.imageGather .top .input-search input[data-v-ffadc40a]::-moz-placeholder {
    color: #737a85
}

.imageGather .top .input-search input[data-v-ffadc40a]::placeholder {
    color: #737a85
}

.imageGather .top .input-search i[data-v-ffadc40a] {
    color: #737a85;
    cursor: pointer
}

.imageGather .top .input-search .inputBorder[data-v-ffadc40a] {
    border: 1px solid #577ae0
}

.imageGather .top .bntBox[data-v-ffadc40a] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 17px;
    padding: 1px
}

.imageGather .top .bntBox .bnt[data-v-ffadc40a] {
    align-items: center;
    background-color: #1c1d2a;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 11px 20px
}

.list[data-v-ffadc40a] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px
}

.list .listItem[data-v-ffadc40a] {
    cursor: pointer;
    margin: 0 64px 40px 0;
    width: 284px
}

.list .listItem .imgBox[data-v-ffadc40a] {
    align-items: center;
    display: flex;
    height: 256px;
    position: relative;
    width: 100%
}

.list .listItem .imgBox .img[data-v-ffadc40a] {
    border-radius: 10px;
    position: absolute
}

.list .listItem .imgBox .imgCnt[data-v-ffadc40a] {
    align-items: center;
    background: #242b3d;
    box-sizing: border-box;
    display: flex;
    height: 256px;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding-right: 5px;
    width: 261px;
    z-index: 2
}

.list .listItem .imgBox .imgCnt:hover > .bntItem[data-v-ffadc40a] {
    opacity: 1
}

.list .listItem .imgBox .imgCnt .imgNum[data-v-ffadc40a] {
    align-items: center;
    background: rgba(0, 0, 0, .35);
    border-radius: 20px;
    display: flex;
    left: 5px;
    padding: 3px 6px;
    position: absolute;
    top: 5px
}

.list .listItem .imgBox .imgCnt .imgNum .svg-icon[data-v-ffadc40a] {
    font-size: 15px
}

.list .listItem .imgBox .imgCnt .imgNum span[data-v-ffadc40a] {
    color: #fff;
    font-size: 10px;
    margin-left: 5px
}

.list .listItem .imgBox .imgCnt .release[data-v-ffadc40a] {
    background: #0d9488;
    border-radius: 29px;
    color: #fff;
    font-size: 10px;
    padding: 6px 10px;
    position: absolute;
    right: 10px;
    top: 5px
}

.list .listItem .imgBox .imgCnt .isLike[data-v-ffadc40a] {
    bottom: 8px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 8px
}

.list .listItem .imgBox .imgCnt .bntItem[data-v-ffadc40a] {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
    bottom: 0;
    display: flex;
    height: 42px;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.list .listItem .imgBox .imgCnt .bntItem div[data-v-ffadc40a] {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: center;
    margin-left: 14px;
    width: 42px
}

.list .listItem .imgBox .imgCnt .bntItem div .svg-icon[data-v-ffadc40a] {
    cursor: pointer;
    font-size: 24px
}

.list .listItem .imgBox .imgCnt .imgCntBox[data-v-ffadc40a] {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.list .listItem .imgBox .imgCnt .imgCntBox img[data-v-ffadc40a] {
    border-radius: 10px;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.list .listItem .imgBox .imgCnt .dexBox[data-v-ffadc40a] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.list .listItem .imgBox .imgCnt .dexBox .svg-icon[data-v-ffadc40a] {
    font-size: 51px
}

.list .listItem .imgBox .imgCnt .dexBox span[data-v-ffadc40a] {
    color: #9dabc1;
    font-size: 12px;
    margin-top: 24px
}

.list .listItem .imgBox .imgBg1[data-v-ffadc40a] {
    background: rgba(55, 65, 89, .4);
    height: 226px;
    right: 13px;
    width: 226px;
    z-index: 1
}

.list .listItem .imgBox .imgBg2[data-v-ffadc40a] {
    background: rgba(55, 65, 89, .3);
    height: 200px;
    right: 0;
    width: 200px
}

.list .listItem .info[data-v-ffadc40a] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.list .listItem .infoName[data-v-ffadc40a] {
    color: #ccd2dd;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list .listItem .infoNum[data-v-ffadc40a] {
    margin-right: 30px
}

.list .listItem .infoNum .numBox[data-v-ffadc40a], .list .listItem .infoNum[data-v-ffadc40a] {
    align-items: center;
    display: flex
}

.list .listItem .infoNum .numBox .svg-icon[data-v-ffadc40a] {
    color: #81879f;
    font-size: 20px
}

.list .listItem .infoNum .numBox span[data-v-ffadc40a] {
    color: #81879f;
    font-size: 12px;
    margin-left: 6px
}

.edit-video-popup .dialog-btn[data-v-cef6ba96] {
    display: flex;
    justify-content: center
}

.edit-video-popup .dialog-btn .el-button[data-v-cef6ba96] {
    background: #0d9488;
    border: 1px solid #0d9488;
    color: #fff;
    width: 40%
}

.edit-video-popup .dialog-btn .cancel-btn[data-v-cef6ba96] {
    background: #1e2435;
    border-color: #2a2b2d;
    color: #cbd5e1
}

.video-list[data-v-08bd5bc8] {
    padding-top: 55px;
    position: relative
}

.video-list .video-search[data-v-08bd5bc8] {
    left: 5px;
    position: absolute;
    top: 0;
    width: 300px
}

.video-list .upload-btn[data-v-08bd5bc8] {
    background: #0d9488;
    border-color: #0d9488;
    border-radius: 8px
}

.video-list .video-body[data-v-08bd5bc8] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 15px
}

.video-list .video-body .bottom-loading[data-v-08bd5bc8] {
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.video-list .bntBox[data-v-08bd5bc8] {
    background: linear-gradient(90deg, #3271cc, #0fffff);
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    margin-left: 17px;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 5px
}

.video-list .bntBox .bnt[data-v-08bd5bc8] {
    align-items: center;
    background-color: #1c1d2a;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 11px 20px
}

.add-or-edit-canvas .label[data-v-b20e3024] {
    color: #efefef;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.add-or-edit-canvas[data-v-b20e3024] .canvas-name-input .el-input__inner {
    background-color: #313337;
    border: 0;
    border-radius: 8px;
    color: #efefef;
    height: 32px
}

.defBox[data-v-359a724d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 434px);
    justify-content: center;
    width: 100%
}

.defBox img[data-v-359a724d] {
    height: 142px;
    margin-bottom: 10px;
    width: 142px
}

.defBox span[data-v-359a724d] {
    color: #aaacb3;
    font-size: 14px;
    margin-bottom: 16px
}

.canvasTplList .bntBox[data-v-359a724d] {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.canvasTplList .bntBox .bnt[data-v-359a724d] {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    min-width: 96px;
    padding: 0 16px
}

.canvasTplList .list[data-v-359a724d] {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: .16em;
    margin-top: 10px;
    width: 100%
}

.canvasTplList .list .listItem[data-v-359a724d] {
    width: 2.85em
}

.canvasTplList .list .listItem .imgBox[data-v-359a724d] {
    background-color: #2c354a;
    border-radius: .12em;
    height: 2.08em;
    position: relative;
    width: 100%
}

.canvasTplList .list .listItem .imgBox:hover .deleteBox[data-v-359a724d] {
    opacity: 1 !important
}

.canvasTplList .list .listItem .imgBox img[data-v-359a724d] {
    border-radius: .11em;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.canvasTplList .list .listItem .imgBox .deleteBox[data-v-359a724d] {
    align-items: center;
    background: rgba(226, 83, 83, .5);
    border-radius: 0 0 .12em .12em;
    bottom: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
    z-index: 4
}

.canvasTplList .list .listItem .imgBox .deleteBox .svg-icon[data-v-359a724d] {
    font-size: 16px
}

.canvasTplList .list .listItem .name[data-v-359a724d] {
    color: #e6eaf2;
    font-size: .16em;
    line-height: 2;
    margin-top: .7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.postBox .postListDef[data-v-0de963be] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 434px);
    justify-content: center
}

.postBox .postListDef img[data-v-0de963be] {
    height: 142px;
    margin-bottom: 10px;
    width: 142px
}

.postBox .postListDef span[data-v-0de963be] {
    color: #aaacb3;
    font-size: 14px;
    margin-bottom: 16px
}

.postBox .postListDef div[data-v-0de963be] {
    background: linear-gradient(90deg, #3f8cff, #20ffff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 16px
}

.postBox .onPostBtnBox[data-v-0de963be] {
    display: flex;
    justify-content: flex-end
}

.postBox .onPostBtnBox .onPostBtn[data-v-0de963be] {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 0 20px
}

.postBox .onPostBtnBox .onPostBtn .svg-icon[data-v-0de963be] {
    font-size: 20px;
    margin-right: 5px
}

.postBox .onPostBtnBox .onPostBtn span[data-v-0de963be] {
    font-size: 16px
}

.loadBox[data-v-0de963be] {
    height: 50px
}

.linkCnt[data-v-0de963be] {
    padding: 10px 15px
}

.linkCnt a[data-v-0de963be] {
    color: #c1c2c5;
    -webkit-text-decoration: none;
    text-decoration: none
}

.linkCnt a span[data-v-0de963be] {
    color: #d8dbe8
}

.p-personal-center[data-v-0de963be] {
    flex-direction: column;
    min-height: calc(100vh - 180px);
    padding: 0 .65em;
    width: 100%
}

.p-personal-center .admin-off[data-v-0de963be], .p-personal-center[data-v-0de963be] {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.p-personal-center .admin-off[data-v-0de963be] {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    color: #191a27;
    cursor: pointer;
    height: 40px;
    justify-content: center;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.p-personal-center .admin-off i[data-v-0de963be] {
    color: #fff;
    font-size: 20px
}

.p-personal-center .admin-off[data-v-0de963be]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.p-personal-center .admin-off.open[data-v-0de963be] {
    background: #191a27;
    color: #fff
}

.p-personal-center .admin-off.open[data-v-0de963be]:before {
    display: none
}

.p-personal-center .personal-center__wrapper[data-v-0de963be] {
    flex: 1;
    width: 100%
}

.p-personal-center .personal-center__banner[data-v-0de963be] {
    background-color: #1b1d30;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 18px;
    height: 144px;
    margin-top: 33px;
    min-width: 900px;
    position: relative
}

.p-personal-center .personal-center__banner .useridBox[data-v-0de963be] {
    bottom: 12px;
    color: #868b96;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.p-personal-center .personal-center__banner .useridBox .user-invite[data-v-0de963be] {
    border-radius: 15px;
    cursor: pointer;
    padding: 6px 14px
}

.p-personal-center .personal-center__banner .useridBox .user-invite[data-v-0de963be]:hover {
    background: #1a1c2e
}

.p-personal-center .personal-center__banner .useridBox .authorLink[data-v-0de963be] {
    align-items: center;
    background-color: #1c1d2a;
    border-radius: 100%;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-left: 10px;
    width: 36px
}

.p-personal-center .personal-center__banner .useridBox .authorLink .svg-icon[data-v-0de963be] {
    color: #94a3b8;
    font-size: 21px
}

.p-personal-center .personal-center__banner .creation-center[data-v-0de963be] {
    align-items: center;
    background: linear-gradient(270deg, #ff5449, #ff675e);
    border-radius: 18px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 5px;
    height: 36px;
    padding: 0 15px;
    position: absolute;
    right: 20px;
    top: 32px
}

.p-personal-center .personal-center__banner .creation-center.join[data-v-0de963be] {
    background: linear-gradient(90deg, #ffb64d, #ffbc58 6%, #ff8717)
}

.p-personal-center .personal-center__banner .creation-center i[data-v-0de963be] {
    font-size: 24px
}

.p-personal-center .p-l-fixed[data-v-0de963be] .personal-center__banner {
    width: 90%
}

.p-personal-center .personal-center__banner-info-panel[data-v-0de963be] {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.p-personal-center .info-panel-left[data-v-0de963be] {
    display: flex;
    flex: 1 0 auto;
    margin-left: 24px
}

.p-personal-center .info-panel-left:hover .text-content-main-title-icon[data-v-0de963be] {
    visibility: visible
}

.p-personal-center .text-box[data-v-0de963be] {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.p-personal-center .text-content-wrap[data-v-0de963be] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.p-personal-center .text-content-wrap .el-icon-edit[data-v-0de963be] {
    margin-left: 16px
}

.p-personal-center .text-content-main-title[data-v-0de963be] {
    color: #fff;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 36px;
    font-weight: 500
}

.p-personal-center .text-content-main-image[data-v-0de963be], .p-personal-center .vip-icon[data-v-0de963be] {
    align-items: center;
    display: flex;
    margin-left: 9px;
    width: 32px
}

.p-personal-center .text-content-main-image img[data-v-0de963be], .p-personal-center .vip-icon img[data-v-0de963be] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-personal-center .creator-badge[data-v-0de963be] {
    cursor: pointer;
    margin-left: 10px;
    width: 32px
}

.p-personal-center .text-content-main-title-icon[data-v-0de963be] {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-left: 16px;
    visibility: hidden;
    width: 36px
}

.p-personal-center .text-content-main-title-icon .svg-icon[data-v-0de963be] {
    color: #fff;
    font-size: 18px
}

.p-personal-center .text-content-main-title-icon[data-v-0de963be]:hover {
    color: #3d8bf1
}

.p-personal-center .text-content-sub-title[data-v-0de963be] {
    color: #e2e2e2;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px
}

.p-personal-center .text-content-sub-title .followers[data-v-0de963be] {
    cursor: pointer
}

.p-personal-center .text-content-sub-title .followers[data-v-0de963be]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.p-personal-center .statistics[data-v-0de963be] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.p-personal-center .statistics div[data-v-0de963be] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 26px
}

.p-personal-center .statistics div span[data-v-0de963be]:first-child {
    color: #e2e8f0;
    font-size: 16px
}

.p-personal-center .statistics div span[data-v-0de963be]:nth-child(2) {
    color: #c0ccdc;
    font-size: 14px
}

.p-personal-center .statistics .emitItem[data-v-0de963be] {
    cursor: pointer
}

.p-personal-center .statistics .emitItem:hover > span[data-v-0de963be] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.p-personal-center .info-panel-avatar-box[data-v-0de963be] {
    background-color: transparent;
    border: 1px solid rgba(81, 106, 139, .99);
    border-radius: 50%;
    cursor: pointer;
    height: 72px;
    position: relative;
    width: 72px
}

.p-personal-center .info-panel-avatar-box.bgGray[data-v-0de963be] {
    background-color: #516a8b
}

.p-personal-center .info-panel-avatar-box img[data-v-0de963be] {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-personal-center .info-panel-avatar-box .check-text[data-v-0de963be], .p-personal-center .info-panel-avatar-box .info-panel-avatar-box-text[data-v-0de963be] {
    color: #e9eef8;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 34px;
    font-weight: 500;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.p-personal-center .info-panel-avatar-box .check-text[data-v-0de963be] {
    color: rgba(0, 0, 0, .541);
    font-size: 20px;
    width: 3em
}

.p-personal-center .personal-center__list-sort-btn[data-v-0de963be] {
    display: flex;
    margin-bottom: 8px;
    margin-top: 33px;
    width: 100%
}

.p-personal-center .org[data-v-0de963be] {
    align-items: center;
    background-color: #182a45;
    border: 1px solid #2e4674;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 0 20px
}

.p-personal-center .org[data-v-0de963be]:hover {
    background-color: #263c5e
}

.p-personal-center .org .svg-icon[data-v-0de963be] {
    height: 14px;
    margin-right: 10px;
    width: 14px
}

.p-personal-center .org span[data-v-0de963be] {
    color: #71bcff;
    font-size: 16px
}

.p-personal-center .personal-center__list[data-v-0de963be] {
    position: relative;
    width: 100%
}

.p-personal-center .favorite[data-v-0de963be] {
    height: -moz-max-content !important;
    height: max-content !important
}

.qr-code-popover {
    background: #1c1d2a;
    padding: 25px 40px
}

.qr-code-popover .qr-img-content {
    color: #c0ccdc
}

.qr-code-popover .qr-img-content .top {
    color: #fff;
    font-size: 14px;
    gap: 15px;
    max-width: 200px
}

.qr-code-popover .qr-img-content .top .avatar-box {
    background: #e9e9e9;
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.qr-code-popover .qr-img-content .top .avatar-box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.qr-code-popover .qr-img-content .top .avatar-box .avatar-box-text {
    color: #212121;
    font-size: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.qr-code-popover .qr-img-content .qr-img {
    background: #282938;
    border-radius: 12px;
    height: 120px;
    margin: 10px 0;
    width: 120px
}

.qr-code-popover .qr-img-content .code-line .text {
    color: #b8babf
}

.qr-code-popover .qr-img-content .code-line .btn-copy {
    font-size: 14px
}

.qr-code-popover .qr-img-content .code-line .btn-copy .code {
    color: #ebebeb
}

.qr-code-popover .qr-img-content .code-line .btn-copy .copy {
    color: #31a1f1;
    cursor: pointer
}

.qr-code-popover .qr-img-content .code-line .btn-copy .copy .svg-icon {
    font-size: 20px
}

.qr-code-popover .qr-img-content .code-line .btn-copy .copy:hover {
    filter: brightness(1.2)
}

.invite-popover-btn:hover {
    color: hsla(0, 0%, 100%, .8)
}

.postBox[data-v-be012bf4] {
    height: -moz-max-content !important;
    height: max-content !important;
    margin-bottom: 0 !important
}

.listDef[data-v-be012bf4] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 434px);
    justify-content: center
}

.listDef img[data-v-be012bf4] {
    height: 142px;
    margin-bottom: 10px;
    width: 142px
}

.listDef span[data-v-be012bf4] {
    color: #aaacb3;
    font-size: 14px;
    margin-bottom: 16px
}

.UserPage[data-v-be012bf4] {
    box-sizing: border-box;
    color: #fff;
    min-height: calc(100vh - 110px);
    padding: 0 .65em;
    width: 100%
}

.UserPage .admin-off[data-v-be012bf4] {
    align-items: center;
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #191a27;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.UserPage .admin-off i[data-v-be012bf4] {
    color: #fff;
    font-size: 20px
}

.UserPage .admin-off[data-v-be012bf4]:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.UserPage .admin-off.open[data-v-be012bf4] {
    background: #191a27;
    color: #fff
}

.UserPage .admin-off.open[data-v-be012bf4]:before {
    display: none
}

.linkCnt[data-v-be012bf4] {
    padding: 10px 15px
}

.linkCnt a[data-v-be012bf4] {
    color: #c1c2c5;
    -webkit-text-decoration: none;
    text-decoration: none
}

.linkCnt a span[data-v-be012bf4] {
    color: #d8dbe8
}

.user[data-v-be012bf4] {
    background: #1b1d30;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 18px;
    height: 144px;
    margin-top: 18px;
    position: relative;
    width: 100%
}

.user .useridBox[data-v-be012bf4] {
    align-items: center;
    bottom: 12px;
    display: flex;
    position: absolute;
    right: 20px
}

.user .useridBox span[data-v-be012bf4] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px
}

.user .useridBox .authorLink[data-v-be012bf4] {
    align-items: center;
    background-color: #1c1d2a;
    border-radius: 100%;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-left: 10px;
    width: 36px
}

.user .useridBox .authorLink .svg-icon[data-v-be012bf4] {
    color: #94a3b8;
    font-size: 21px
}

.user .userBox[data-v-be012bf4] {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.user .userBox .user-info[data-v-be012bf4] {
    align-items: center;
    display: flex;
    margin-left: 24px
}

.user .userBox .user-info .avatar[data-v-be012bf4] {
    border-radius: 100%;
    height: 72px;
    width: 72px
}

.user .userBox .user-info .avatar img[data-v-be012bf4] {
    border-radius: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user .userBox .user-info .avatar div[data-v-be012bf4] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #0f101b;
    display: flex;
    font-size: 36px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.user .userBox .user-info .text[data-v-be012bf4] {
    margin-left: 20px
}

.user .userBox .user-info .text .name[data-v-be012bf4] {
    align-items: center;
    display: flex
}

.user .userBox .user-info .text .name .name-text[data-v-be012bf4] {
    color: #e2e8f0;
    font-size: 36px
}

.user .userBox .user-info .text .text-content-main-image[data-v-be012bf4], .user .userBox .user-info .text .vip-icon[data-v-be012bf4] {
    align-items: center;
    display: flex;
    margin-left: 9px;
    width: 32px
}

.user .userBox .user-info .text .text-content-main-image img[data-v-be012bf4], .user .userBox .user-info .text .vip-icon img[data-v-be012bf4] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user .userBox .user-info .text .creator-badge[data-v-be012bf4] {
    cursor: pointer;
    margin-left: 10px;
    width: 32px
}

.user .userBox .user-info .text .statistics[data-v-be012bf4] {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.user .userBox .user-info .text .statistics div[data-v-be012bf4] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 26px
}

.user .userBox .user-info .text .statistics div span[data-v-be012bf4]:first-child {
    color: #e2e8f0;
    font-size: 16px
}

.user .userBox .user-info .text .statistics div span[data-v-be012bf4]:nth-child(2) {
    color: #c0ccdc;
    font-size: 14px
}

.user .userBox .user-info .text .statistics .emitItem[data-v-be012bf4] {
    cursor: pointer
}

.user .userBox .user-info .text .statistics .emitItem:hover > span[data-v-be012bf4] {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.user .userBox .follow[data-v-be012bf4] {
    align-items: center;
    background-color: #cbd5e1;
    border-radius: 20px;
    color: #1a1e2d;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 61px;
    width: 121px
}

.user .userBox .follow .svg-icon[data-v-be012bf4] {
    color: #1a1e2d;
    font-size: 18px;
    margin-right: 9px
}

.user .userBox .follow span[data-v-be012bf4] {
    color: #1a1e2d;
    font-size: 16px
}

.user .userBox .follow[data-v-be012bf4]:hover {
    background-color: #fff
}

.user .userBox .follow[data-v-be012bf4]:active {
    background-color: #cbd5e1
}

.user .userBox .unfollow[data-v-be012bf4]:hover {
    background-color: #9e2727
}

.user .userBox .unfollow:hover span[data-v-be012bf4] {
    color: #fff
}

.user .userBox .unfollow[data-v-be012bf4]:active {
    background-color: #cbd5e1
}

.favorite[data-v-be012bf4] {
    margin-bottom: 0 !important
}

.favorite[data-v-be012bf4], .gather[data-v-be012bf4] {
    height: -moz-max-content !important;
    height: max-content !important
}

.gather[data-v-be012bf4] {
    margin-top: 30px
}

.top-select-list[data-v-0f9a53be] {
    background-color: #24262a;
    border-radius: 8px;
    cursor: pointer;
    padding: 6px
}

.top-select-list .item[data-v-0f9a53be] {
    color: #c0c0c3;
    font-size: 12px;
    height: 40px
}

.top-select-list .item[data-v-0f9a53be]:hover {
    background-color: #393b41
}

.top-select-list .item .iconfont[data-v-0f9a53be] {
    margin-left: 17px;
    margin-right: 12px
}

.select-canvas[data-v-0f9a53be] {
    z-index: 10000 !important
}

.el-dropdown-menu[data-v-0f9a53be] {
    z-index: 10001 !important
}

.topnav-box[data-v-0f9a53be] {
    height: 100%
}

.topnav-box > .left[data-v-0f9a53be] {
    background-color: #06060d;
    width: 350px;
    z-index: 10000
}

.topnav-box > .left > .back-icon[data-v-0f9a53be] {
    border-right: 1px solid #2a2832;
    color: #828086;
    cursor: pointer;
    font-size: 24px;
    width: 71px
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] {
    background: transparent;
    height: 100%;
    min-width: 200px
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input .el-input__inner {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: #8993a7;
    font-family: PingFang SC;
    font-size: 12px;
    height: 100%;
    text-align: right;
    width: 100%
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input .el-input__suffix {
    display: flex
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input .el-input__suffix .el-input__suffix-inner {
    align-items: center;
    display: flex
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.topnav-box > .left .custom-select-transparent[data-v-0f9a53be] .el-input .el-input__inner {
    text-align: left
}

.topnav-box > .center[data-v-0f9a53be] {
    flex-grow: 1
}

.topnav-box > .center > .options-list[data-v-0f9a53be] {
    height: 100%
}

.topnav-box > .center > .options-list > .item[data-v-0f9a53be] {
    color: #c0c0c3;
    cursor: pointer;
    font-size: 24px;
    height: 100%;
    width: 48px
}

.topnav-box > .right[data-v-0f9a53be] {
    justify-content: flex-end;
    padding-right: 16px;
    width: 350px
}

.topnav-box > .right > .reset-action[data-v-0f9a53be] {
    margin-right: 32px
}

.topnav-box > .right > .reset-action > .item[data-v-0f9a53be] {
    border: 1px solid #2a2832;
    cursor: pointer;
    height: 26px;
    width: 28px
}

.topnav-box > .right > .reset-action > .item > .icon-haiyi[data-v-0f9a53be] {
    color: #828086;
    font-size: 14px
}

.topnav-box > .right > .reset-action > .item.forbidden[data-v-0f9a53be] {
    cursor: not-allowed
}

.topnav-box > .right > .live-box[data-v-0f9a53be] {
    height: 100%
}

.topnav-box > .right > .live-box > .text[data-v-0f9a53be] {
    color: #c0c0c3;
    font-size: 14px;
    margin-left: 10px
}

.topnav-box > .right > .live-box .icon-help[data-v-0f9a53be] {
    color: #69676e;
    font-size: 16px;
    margin-left: 4px;
    margin-top: 2px
}

.topnav-box > .right > .head-img[data-v-0f9a53be] {
    align-items: center;
    background: #333;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-left: 16px;
    overflow: hidden;
    width: 32px
}

.topnav-box > .right > .head-img .avatar-text[data-v-0f9a53be] {
    color: #e9eef8;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500
}

[data-v-0f9a53be] .icon-box i {
    color: #c0c0c3
}

[data-v-0f9a53be] .action-item:hover {
    background-color: #2a2832
}

[data-v-0f9a53be] .action-item:hover i {
    color: #fff
}

[data-v-0f9a53be] .act-item {
    background-color: #4784ff
}

[data-v-0f9a53be] .act-item i {
    color: #fff
}

.login-btn[data-v-0f9a53be] {
    background: linear-gradient(90deg, #245cfb, #52c2ed);
    border: none;
    border-radius: 16px;
    color: #fff;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
    padding: 0 14px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.controlnet-popup[data-v-86611188] .el-dialog {
    background: #111522;
    border-radius: 10px;
    max-width: 1080px;
    width: 90%
}

.controlnet-popup[data-v-86611188] .el-dialog .el-dialog__header {
    display: none
}

.controlnet-popup[data-v-86611188] .el-dialog .el-dialog__body {
    padding: 30px 20px
}

.controlnet-popup .controlnet-body[data-v-86611188] {
    height: 86vh;
    position: relative
}

.controlnet-popup .controlnet-body > i[data-v-86611188] {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -20px
}

.controlnet-popup .controlnet-body .controlnet-grid[data-v-86611188] {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: overlay;
    padding-left: 15px
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-86611188] {
    background: #1b1f2d;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 15px 15px 0;
    padding: 20px;
    width: calc(33.33333% - 15px)
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item.active[data-v-86611188], .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-86611188]:hover {
    border: 1px solid #27b670
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-86611188] .el-image {
    border-radius: 10px
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .cover[data-v-86611188] {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .name[data-v-86611188] {
    background: #0d9488;
    border-radius: 10px;
    bottom: 15px;
    color: #fff;
    font-size: 16px;
    height: 32px;
    left: 15px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute
}

.controlnet-popup .controlnet-body .controlnet-grid .grid-item .tips-info[data-v-86611188] {
    color: #939ba9;
    font-size: 14px;
    margin-top: 10px
}

.custom-tips-popper.controlnet {
    max-width: 280px
}

.generate-panel[data-v-7ac68011] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px 16px;
    width: 100%
}

.generate-panel .panel-item[data-v-7ac68011] {
    margin-top: 16px
}

.generate-panel .panel-item[data-v-7ac68011]:first-child {
    margin-top: 0
}

.generate-panel .panel-item .panel-item__title[data-v-7ac68011] {
    color: #828286;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700
}

.generate-panel .panel-item .panel-item__subtitle[data-v-7ac68011] {
    color: #444349;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px
}

.generate-panel .panel-item .panel-item__upload-area[data-v-7ac68011] {
    align-items: center;
    background: #110f1a;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    min-height: 88px;
    position: relative;
    width: 100%
}

.generate-panel .panel-item .panel-item__upload-area[data-v-7ac68011] .image-upload {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 4
}

.generate-panel .panel-item .panel-item__upload-area[data-v-7ac68011] .el-upload {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 88px;
    width: 100%
}

.generate-panel .panel-item .panel-item__upload-area .upload-area-box-icon[data-v-7ac68011] {
    color: #a1a1aa;
    font-size: 18px
}

.generate-panel .panel-item .panel-item__upload-area .upload-area-result-image[data-v-7ac68011] {
    filter: blur(10px);
    height: auto;
    max-width: 60%;
    position: relative
}

.generate-panel .panel-item .panel-item__upload-area .upload-area-result-image:hover .image-operate-btn-box[data-v-7ac68011] {
    opacity: 1
}

.generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box[data-v-7ac68011] {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: calc(20% + 5px);
    top: 10px;
    width: 40px
}

.generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box .image-operate-btn[data-v-7ac68011] {
    color: #fff;
    font-size: 16px
}

.generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box .image-operate-btn[data-v-7ac68011]:hover {
    color: red
}

.generate-panel .panel-item .panel-item__upload-area:hover .upload-area-result-image[data-v-7ac68011] {
    filter: blur(0)
}

.generate-panel .panel-item .panel-item__upload-area:hover .image-operate-btn-box[data-v-7ac68011] {
    opacity: 1
}

.generate-panel .panel-item .option-box .option-box-item[data-v-7ac68011] {
    align-items: center;
    background: #14161a;
    border: 1px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 48px;
    margin-top: 12px;
    padding: 0 12px
}

.generate-panel .panel-item .option-box .option-box-item[data-v-7ac68011] .el-checkbox__inner {
    background: #202121;
    border: 1px solid #414243;
    height: 14px;
    width: 14px
}

.generate-panel .panel-item .option-box .option-box-item[data-v-7ac68011] .el-checkbox__label {
    color: #cfd3dc !important;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500
}

.generate-panel .panel-item .option-box .option-box-item[data-v-7ac68011]:first-child {
    margin-top: 16px
}

.generate-panel .panel-item .option-box .option-box-item .option-box-item-content[data-v-7ac68011] {
    align-items: center;
    display: flex;
    flex: 1;
    margin-left: 10px
}

.generate-panel .panel-item .option-box .option-box-item .content-img-box[data-v-7ac68011] {
    border-radius: 6px;
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    width: 38px
}

.generate-panel .panel-item .option-box .option-box-item .content-img-box img[data-v-7ac68011] {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.generate-panel .panel-item .option-box .option-box-item .content-img-box .content-img-box-text[data-v-7ac68011], .generate-panel .panel-item .option-box .option-box-item .content-img-box-text[data-v-7ac68011] {
    color: #c0c0c3;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px
}

.generate-panel .panel-item .option-box .option-box-item .el-icon-delete[data-v-7ac68011] {
    color: #a1a1a9;
    cursor: pointer;
    font-size: 16px
}

.generate-panel .panel-item .option-box .option-box-item-add[data-v-7ac68011] {
    align-items: center;
    display: flex;
    justify-content: center
}

.generate-panel .panel-item .option-box .option-box-item-add .option-box-item-add-icon[data-v-7ac68011] {
    color: #c0c0c3;
    font-size: 18px;
    font-weight: 400
}

.generate-panel .panel-item .option-box .option-box-item-add .option-box-item-add-text[data-v-7ac68011] {
    color: #c0c0c3;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.generate-panel .panel-item .option-box .option-box-item-active[data-v-7ac68011] {
    border-color: #4784ff
}

.generate-panel .panel-item-disable[data-v-7ac68011] {
    opacity: .5
}

.generate-panel .panel-item-disable-gray[data-v-7ac68011] {
    filter: blur(10px) grayscale(100%) !important
}

.generate-panel .panel-item-disable-gray[data-v-7ac68011]:hover {
    filter: blur(0) grayscale(100%) !important
}

.add-or-edit-canvas .label[data-v-078c70da] {
    color: #efefef;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.add-or-edit-canvas[data-v-078c70da] .canvas-name-input .el-input__inner {
    background-color: #313337;
    border: 0;
    border-radius: 8px;
    color: #efefef;
    height: 32px
}

.category[data-v-1670de6a] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    width: 100%
}

.category .item-category[data-v-1670de6a] {
    background-color: #24262a;
    border-radius: 6px;
    box-sizing: border-box;
    color: #7f8792;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    height: 32px;
    margin: 0 4px 4px 0;
    padding: 0 12px
}

.category .item-category.active[data-v-1670de6a] {
    background-color: #4784ff;
    color: #fff
}

.drop-active[data-v-5ce5b6fc] {
    background-color: #292c31 !important
}

.el-dropdown-menu__item[data-v-5ce5b6fc]:first-child {
    border-radius: 16px 16px 0 0
}

.el-dropdown-menu__item[data-v-5ce5b6fc]:last-of-type {
    border-radius: 0 0 16px 16px
}

.template-panel[data-v-5ce5b6fc] {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 0 16px
}

.template-panel[data-v-5ce5b6fc]::-webkit-scrollbar {
    width: 4px
}

.template-panel-search[data-v-5ce5b6fc] {
    margin-top: 12px
}

.template-panel-search .icon-box[data-v-5ce5b6fc] {
    background-color: #1c1d2a;
    border: 1px solid #35383c;
    border-radius: 8px;
    color: #737a85;
    cursor: pointer;
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.template-panel-search .icon-box .icon-loudou[data-v-5ce5b6fc] {
    font-size: 16px
}

.template-panel .input-search[data-v-5ce5b6fc] {
    align-items: center;
    background-color: #1c1d2a;
    border: 1px solid #35383c;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    padding: 10px 13px;
    width: 100%
}

.template-panel .input-search .svg-icon[data-v-5ce5b6fc] {
    cursor: pointer;
    font-size: 24px
}

.template-panel .input-search input[data-v-5ce5b6fc] {
    background-color: #1c1d2a;
    border: none;
    color: #fff;
    flex: 1;
    font-size: 14px;
    line-height: 1;
    outline: none;
    padding: 0 5px
}

.template-panel .input-search input[data-v-5ce5b6fc]::-moz-placeholder {
    color: #737a85
}

.template-panel .input-search input[data-v-5ce5b6fc]::placeholder {
    color: #737a85
}

.template-panel .input-search i[data-v-5ce5b6fc] {
    color: #737a85;
    cursor: pointer
}

.template-panel-list[data-v-5ce5b6fc] {
    grid-gap: 10px;
    color: #7f8792;
    display: grid;
    gap: 10px;
    grid-template-columns:1fr 1fr;
    margin-top: 10px
}

.template-panel-list-item[data-v-5ce5b6fc] {
    cursor: pointer;
    gap: 10px;
    text-align: center;
    width: 135px
}

.template-panel-list-item .image[data-v-5ce5b6fc] {
    background-color: #14161a;
    border-radius: 8px;
    flex-shrink: 0;
    height: 200px;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
    width: 135px
}

.template-panel-list-item .image img[data-v-5ce5b6fc] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.template-panel-list-item .image-icon[data-v-5ce5b6fc] {
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    display: none;
    height: 24px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px
}

.template-panel-list-item .image-icon .icon-shanchu3[data-v-5ce5b6fc] {
    font-size: 20px
}

.template-panel-list-item:hover .image-icon[data-v-5ce5b6fc] {
    display: block
}

.template-panel-list-item-name[data-v-5ce5b6fc] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px
}

.template-panel .empty-box[data-v-5ce5b6fc] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.template-panel .empty-box .empty-img[data-v-5ce5b6fc] {
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 90
}

.template-panel .empty-box .empty-tip[data-v-5ce5b6fc] {
    color: #7f8792;
    font-family: Inter;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.material-panel[data-v-6a2217f3] {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 0 16px;
    width: 100%
}

.material-panel[data-v-6a2217f3]::-webkit-scrollbar {
    width: 4px
}

.material-panel .input-search[data-v-6a2217f3] {
    align-items: center;
    background-color: #1c1d2a;
    border: 1px solid #35383c;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin-top: 12px;
    padding: 10px 13px;
    width: 100%
}

.material-panel .input-search .svg-icon[data-v-6a2217f3] {
    cursor: pointer;
    font-size: 24px
}

.material-panel .input-search input[data-v-6a2217f3] {
    background-color: #1c1d2a;
    border: none;
    color: #fff;
    flex: 1;
    font-size: 14px;
    line-height: 1;
    outline: none;
    padding: 0 5px
}

.material-panel .input-search input[data-v-6a2217f3]::-moz-placeholder {
    color: #737a85
}

.material-panel .input-search input[data-v-6a2217f3]::placeholder {
    color: #737a85
}

.material-panel .input-search i[data-v-6a2217f3] {
    color: #737a85;
    cursor: pointer
}

.material-panel .search-box[data-v-6a2217f3] {
    height: calc(100% - 52px);
    width: 100%
}

.material-panel .search-box .empty-box[data-v-6a2217f3] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.material-panel .search-box .empty-box .empty-img[data-v-6a2217f3] {
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 90
}

.material-panel .search-box .empty-box .empty-tip[data-v-6a2217f3] {
    color: #7f8792;
    font-family: Inter;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.material-panel .search-box .search-content[data-v-6a2217f3] {
    width: 100%
}

.material-panel .search-box .search-content .label[data-v-6a2217f3] {
    color: #7f8792;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    width: 100%
}

.material-panel .search-box .search-content .content-box[data-v-6a2217f3] {
    background-color: #14161a;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 3px;
    width: 100%
}

.material-panel .search-box .search-content .content-box .item-content[data-v-6a2217f3] {
    background-color: #2a2c31;
    border-radius: 6px;
    height: 59px;
    margin: 4px;
    width: 59px
}

.material-panel .search-box .search-content .content-box .item-content .image[data-v-6a2217f3] {
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.material-panel .normal-box[data-v-6a2217f3] {
    height: 100%;
    width: 100%
}

.material-panel .normal-box .category[data-v-6a2217f3] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    width: 100%
}

.material-panel .normal-box .category .item-category[data-v-6a2217f3] {
    align-items: center;
    background-color: #24262a;
    border-radius: 6px;
    box-sizing: border-box;
    color: #7f8792;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    margin: 0 4px 4px 0;
    padding: 0 12px
}

.material-panel .normal-box .category .item-category.active[data-v-6a2217f3] {
    background-color: #4784ff;
    color: #fff
}

.material-panel .normal-box .classify-container[data-v-6a2217f3] {
    margin-top: 8px;
    width: 100%
}

.material-panel .normal-box .classify-container .item-classify[data-v-6a2217f3] {
    margin-bottom: 8px;
    width: 100%
}

.material-panel .normal-box .classify-container .item-classify .label[data-v-6a2217f3] {
    align-items: center;
    color: #7f8792;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: space-between;
    line-height: 36px;
    width: 100%
}

.material-panel .normal-box .classify-container .item-classify .label .text[data-v-6a2217f3] {
    color: #595f69;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.material-panel .normal-box .classify-container .item-classify .label .icon-back[data-v-6a2217f3] {
    cursor: pointer;
    margin-right: 10px
}

.material-panel .normal-box .classify-container .item-classify .content-box[data-v-6a2217f3] {
    background-color: #14161a;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 3px;
    width: 100%
}

.material-panel .normal-box .classify-container .item-classify .content-box .item-content[data-v-6a2217f3] {
    background-color: #2a2c31;
    border-radius: 6px;
    height: 59px;
    margin: 4px;
    width: 59px
}

.material-panel .normal-box .classify-container .item-classify .content-box .item-content .image[data-v-6a2217f3] {
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mine-panel[data-v-68770752] {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 0 16px;
    width: 100%
}

.mine-panel[data-v-68770752]::-webkit-scrollbar {
    width: 4px
}

.mine-panel .empty-box[data-v-68770752] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.mine-panel .empty-box .empty-img[data-v-68770752] {
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 90
}

.mine-panel .empty-box .empty-tip[data-v-68770752] {
    color: #7f8792;
    font-family: Inter;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.mine-panel .content[data-v-68770752] {
    width: 100%
}

.mine-panel .content .label[data-v-68770752] {
    color: #7f8792;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin-top: 6px;
    width: 100%
}

.mine-panel .content .materials[data-v-68770752] {
    background-color: #14161a;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 3px;
    width: 100%
}

.mine-panel .content .materials .item-material[data-v-68770752] {
    background-color: #2a2c31;
    border-radius: 6px;
    height: 59px;
    margin: 4px;
    position: relative;
    width: 59px
}

.mine-panel .content .materials .item-material .image[data-v-68770752] {
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mine-panel .content .materials .item-material-icon[data-v-68770752] {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 14px
}

.mine-panel .content .materials .item-material-icon .el-icon-close[data-v-68770752] {
    color: #f7fbfa;
    display: block;
    font-size: 15px;
    padding-top: 1px
}

.mine-panel .content .materials .item-material:hover .item-material-icon[data-v-68770752] {
    align-items: center;
    display: flex;
    display: block;
    justify-items: center
}

.layer-panel .content[data-v-287ada19], .layer-panel[data-v-287ada19] {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.layer-panel .content[data-v-287ada19] {
    overflow: auto;
    padding: 10px 15px 44px;
    position: relative
}

.layer-panel .content[data-v-287ada19]::-webkit-scrollbar {
    width: 4px
}

.layer-panel .content .title[data-v-287ada19] {
    color: #fff;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

.layer-panel .content .layer-box[data-v-287ada19] {
    width: 100%
}

.layer-panel .content .layer-box .item-layer[data-v-287ada19] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 42px;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: 0 8px;
    width: 100%
}

.layer-panel .content .layer-box .item-layer.selected[data-v-287ada19] {
    background: #15171b;
    border-radius: 6px
}

.layer-panel .content .layer-box .item-layer.selected .left .name[data-v-287ada19] {
    color: #fff
}

.layer-panel .content .layer-box .item-layer .left[data-v-287ada19] {
    align-items: center;
    display: flex;
    max-width: calc(100% - 22px)
}

.layer-panel .content .layer-box .item-layer .left .eyes-box[data-v-287ada19] {
    align-items: center;
    background-color: #212327;
    border-radius: 5px;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.layer-panel .content .layer-box .item-layer .left .eyes-box .svg-icon[data-v-287ada19] {
    fill: #999;
    cursor: pointer
}

.layer-panel .content .layer-box .item-layer .left .layer[data-v-287ada19] {
    height: 24px;
    margin-left: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.layer-panel .content .layer-box .item-layer .left .name[data-v-287ada19] {
    color: #999;
    font-family: Inter;
    font-size: 14px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layer-panel .content .layer-box .item-layer .lock-box i[data-v-287ada19] {
    color: #999;
    cursor: pointer
}

.layer-panel .content .layer-box[data-v-287ada19] > :last-child {
    margin-bottom: 0
}

.layer-panel .content .bottom-btns[data-v-287ada19] {
    align-items: center;
    background-color: #06060d;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    left: 70px;
    padding: 0 0 10px 10px;
    position: fixed;
    width: 308px
}

.layer-panel .content .bottom-btns .item-btn[data-v-287ada19] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px
}

.layer-panel .content .bottom-btns .item-btn i[data-v-287ada19] {
    color: #c0c0c3;
    font-size: 16px
}

.layer-panel .empty-box[data-v-287ada19] {
    align-content: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    width: 100%
}

.layer-panel .empty-box .empty-img[data-v-287ada19] {
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 90
}

.layer-panel .empty-box .empty-tip[data-v-287ada19] {
    color: #7f8792;
    font-family: Inter;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.product[data-v-a03e8122] {
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    width: 100%
}

.product[data-v-a03e8122]::-webkit-scrollbar {
    width: 4px
}

.product-tips[data-v-a03e8122] {
    color: #7f8792;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px
}

.product-list[data-v-a03e8122] {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns:1fr 1fr;
    margin-top: 16px
}

.product-list-item .el-upload[data-v-a03e8122], .product-list-item[data-v-a03e8122] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.product-list-item[data-v-a03e8122] {
    background: #14161a;
    border-radius: 8px;
    box-sizing: border-box;
    color: #9a9fa5;
    height: 120px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-list-item .upload-text[data-v-a03e8122] {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.product-list-item img[data-v-a03e8122] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product-list-item-icon[data-v-a03e8122] {
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    cursor: pointer;
    display: none;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 24px
}

.product-list-item-icon .el-icon-delete[data-v-a03e8122], .product-list-item-icon .el-icon-download[data-v-a03e8122] {
    font-size: 16px
}

.product-list-item .right36[data-v-a03e8122] {
    right: 36px
}

.product-list-item:hover .image-icon[data-v-a03e8122] {
    display: block
}

.left-drawer[data-v-87c743b8] {
    background-color: #06060d;
    border-right: 1px solid #2a2832;
    height: calc(100vh - 50px);
    left: 72px;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 310px;
    z-index: 999
}

.left-drawer > .content[data-v-87c743b8] {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.left-drawer > .open-btn[data-v-87c743b8] {
    align-items: center;
    background-color: #2a2832;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 92px;
    justify-content: center;
    position: absolute;
    right: -14px;
    top: calc(50% - 46px);
    width: 14px
}

.left-drawer > .open-btn i[data-v-87c743b8] {
    color: #7f8792;
    font-size: 16px
}

.left-drawer > .layer-btn[data-v-87c743b8] {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    bottom: 10px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: -40px;
    width: 30px
}

.left-drawer > .layer-btn > .icon-icon_tuceng[data-v-87c743b8] {
    color: #7f8792;
    font-size: 16px
}

.left-drawer.hide-menu[data-v-87c743b8] {
    left: -240px
}

.left-drawer.show-menu[data-v-87c743b8] {
    left: 72px
}

.left-menu-box[data-v-5b25eb71] {
    box-sizing: border-box;
    height: 100%
}

.left-menu-box > .menu-list[data-v-5b25eb71], .left-menu-box[data-v-5b25eb71] {
    background-color: #06060d;
    position: relative
}

.left-menu-box > .menu-list[data-v-5b25eb71] {
    border-right: 1px solid #2a2832;
    height: calc(100% - 16px);
    padding: 8px 0;
    z-index: 1000
}

.left-menu-box > .menu-list > .item[data-v-5b25eb71] {
    border-radius: 8px;
    color: #7f8792;
    cursor: pointer;
    font-size: 12px;
    height: 66px;
    margin: 0 8px 8px
}

.left-menu-box > .menu-list > .item > .icon[data-v-5b25eb71] {
    margin-bottom: 4px;
    padding-top: 12px;
    text-align: center
}

.left-menu-box > .menu-list > .item > .icon > .icon-tiaojiecanshu[data-v-5b25eb71] {
    font-size: 24px
}

.left-menu-box > .menu-list > .item > .text[data-v-5b25eb71] {
    text-align: center
}

.left-menu-box > .menu-list > .active[data-v-5b25eb71], .left-menu-box > .menu-list > .item[data-v-5b25eb71]:hover {
    background-color: #14161a;
    color: #fff
}

.right-params-page[data-v-1bff150e] {
    background-color: #06060d;
    border-left: 1px solid #2a2832;
    bottom: 0;
    box-sizing: border-box;
    height: calc(100vh - 50px);
    position: fixed;
    right: 0;
    transition: all .3s;
    width: 290px;
    z-index: 100
}

.right-params-page .right-params-box[data-v-1bff150e] {
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 70px;
    padding-right: 4px;
    position: relative;
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e]::-webkit-scrollbar-track {
    background-color: #06060d
}

.right-params-page .right-params-box[data-v-1bff150e]::-webkit-scrollbar {
    width: 4px
}

.right-params-page .right-params-box .basic-params[data-v-1bff150e] {
    box-sizing: border-box;
    width: 100%
}

.right-params-page .right-params-box .basic-params .label[data-v-1bff150e] {
    align-items: center;
    color: #c0d0f1;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px
}

.right-params-page .right-params-box .basic-params .item-param[data-v-1bff150e] {
    background: hsla(0, 0%, 100%, .03);
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px;
    width: 100%
}

.right-params-page .right-params-box .basic-params .item-param.denoising-strength[data-v-1bff150e] {
    background: rgba(73, 54, 99, .15);
    box-sizing: border-box;
    margin-top: 0;
    padding: 15px 8px 10px
}

.right-params-page .right-params-box .basic-params .item-param.denoising-strength[data-v-1bff150e] .el-slider .el-slider__runway {
    width: calc(100% - 12px)
}

.right-params-page .right-params-box .basic-params .item-param.l-r[data-v-1bff150e] {
    display: flex;
    justify-content: space-between
}

.right-params-page .right-params-box .basic-params .item-param.l-r .left[data-v-1bff150e], .right-params-page .right-params-box .basic-params .item-param.l-r .right[data-v-1bff150e] {
    align-items: center;
    display: flex
}

.right-params-page .right-params-box .basic-params .item-param.l-r .right .number[data-v-1bff150e] {
    height: 24px;
    width: 48px
}

.right-params-page .right-params-box .basic-params .item-param.l-r .right .dice[data-v-1bff150e] {
    fill: #828086;
    cursor: pointer;
    height: 20px;
    margin-left: 10px;
    width: 20px
}

.right-params-page .right-params-box .default-params[data-v-1bff150e] {
    background: hsla(0, 0%, 100%, .03);
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px
}

.right-params-page .right-params-box .default-params .top[data-v-1bff150e] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.right-params-page .right-params-box .default-params .top .label[data-v-1bff150e] {
    color: #c0d0f1;
    font-family: PingFang SC;
    font-size: 12px
}

.right-params-page .right-params-box .default-params .top .el-icon-plus[data-v-1bff150e] {
    color: #c0c0c3;
    cursor: pointer;
    font-size: 12px
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] {
    width: 100%
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select {
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    height: 32px;
    margin-top: 8px;
    width: 100%
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input .el-input__inner {
    background: transparent;
    border: 0;
    color: #8993a7;
    font-family: PingFang SC;
    font-size: 12px;
    height: 100%;
    text-align: right;
    width: 100%
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input .el-input__suffix {
    display: flex
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input .el-input__suffix .el-input__suffix-inner {
    align-items: center;
    display: flex
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-input .el-input__inner {
    box-sizing: border-box;
    padding: 4px 8px;
    text-align: left
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item:hover .operations {
    opacity: 1
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item .param-name {
    color: #8993a7;
    font-family: PingFang SC;
    font-size: 12px;
    line-height: 1
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item .param-name .el-input__inner {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    width: 100%
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item .operations {
    opacity: 0
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item .operations.alwaysShow {
    opacity: 1
}

.right-params-page .right-params-box .default-params .bottom[data-v-1bff150e] .el-select .el-select-dropdown__item .operations .el-icon-edit {
    margin-right: 5px
}

.right-params-page .right-params-box .advanced-params[data-v-1bff150e] {
    align-items: center;
    background: rgba(0, 127, 135, .06);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 0 8px;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .title[data-v-1bff150e] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: space-between;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .title .label[data-v-1bff150e] {
    align-items: center;
    color: #2d9488;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    height: 28px;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .title .label .svg-icon[data-v-1bff150e] {
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.right-params-page .right-params-box .advanced-params .title .el-icon-caret-bottom[data-v-1bff150e] {
    align-items: center;
    color: #606060;
    display: flex;
    justify-content: center;
    transform: rotate(0deg);
    transition: transform .3s
}

.right-params-page .right-params-box .advanced-params .title .el-icon-caret-bottom.reverse[data-v-1bff150e] {
    transform: rotate(180deg)
}

.right-params-page .right-params-box .advanced-params .content[data-v-1bff150e] {
    box-sizing: border-box;
    padding-bottom: 8px;
    transition: all .5s;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content.hide[data-v-1bff150e] {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0
}

.right-params-page .right-params-box .advanced-params .content .item-param[data-v-1bff150e] {
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding: 8px;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param[data-v-1bff150e] > :last-child {
    margin-bottom: 0
}

.right-params-page .right-params-box .advanced-params .content .item-param .label[data-v-1bff150e] {
    color: #c0d0f1;
    font-family: PingFang SC;
    font-size: 12px
}

.right-params-page .right-params-box .advanced-params .content .item-param .top[data-v-1bff150e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-1bff150e] {
    margin-top: 10px;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-1bff150e] .el-image {
    align-items: flex-start;
    border-radius: 5px;
    display: flex;
    height: 60px;
    justify-content: center;
    min-width: 60px;
    width: 60px
}

.right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-1bff150e] .el-image img {
    height: auto;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model[data-v-1bff150e] {
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    height: 109px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model .top[data-v-1bff150e] .el-input__inner {
    color: transparent
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom[data-v-1bff150e] {
    align-items: center;
    display: flex
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .name[data-v-1bff150e] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    max-width: 126px;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .swap[data-v-1bff150e] {
    align-items: center;
    background: rgba(71, 132, 255, .2);
    border-radius: 4px;
    box-sizing: border-box;
    color: #4784ff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    justify-content: center;
    padding: 4px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .swap .svg-icon[data-v-1bff150e] {
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .el-icon-circle-plus[data-v-1bff150e] {
    color: #8993a7;
    cursor: pointer;
    font-size: 18px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-1bff150e] {
    display: flex;
    flex-wrap: wrap
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora[data-v-1bff150e] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .06);
    box-sizing: border-box;
    display: flex;
    padding: 5px 0;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right[data-v-1bff150e] {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    max-width: calc(100% - 60px);
    padding-left: 8px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .top .name[data-v-1bff150e] {
    color: #bec3cf;
    flex: 1;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .top .el-icon-delete[data-v-1bff150e] {
    color: #7a7c8a;
    cursor: pointer;
    font-size: 14px;
    margin-left: 5px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-1bff150e] .el-slider {
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-1bff150e] .el-slider .el-slider__runway {
    margin: 0;
    width: calc(100% - 60px)
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-1bff150e] .el-slider .el-slider__input {
    top: -13px
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-1bff150e] > :first-child {
    padding-top: 0
}

.right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-1bff150e] > :last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.right-params-page .right-params-box .advanced-params .content .item-param.negative-prompt .top[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .item-param.style-prompt .top[data-v-1bff150e] {
    justify-content: flex-start
}

.right-params-page .right-params-box .advanced-params .content .item-param.vae[data-v-1bff150e] {
    display: flex
}

.right-params-page .right-params-box .advanced-params .content .item-param.vae .left[data-v-1bff150e] {
    align-items: center;
    display: flex;
    margin-top: 2px
}

.right-params-page .right-params-box .advanced-params .content .item-param.vae .right[data-v-1bff150e] {
    flex: 1
}

.right-params-page .right-params-box .advanced-params .content .item-param.vae .right .custom-select-transparent[data-v-1bff150e] {
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .default-type[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type[data-v-1bff150e] {
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 8px 8px;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .default-type > .title[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type > .title[data-v-1bff150e] {
    color: #c0d0f1;
    font-family: PingFang SC;
    font-size: 12px;
    height: 40px
}

.right-params-page .right-params-box .advanced-params .content .default-type[data-v-1bff150e] > :last-child, .right-params-page .right-params-box .advanced-params .content .live-type[data-v-1bff150e] > :last-child {
    margin-bottom: 0
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param[data-v-1bff150e] {
    display: flex
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param .left[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .left[data-v-1bff150e] {
    align-items: center;
    display: flex;
    margin-top: 2px
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param .right[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .right[data-v-1bff150e] {
    flex: 1
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param.t-b[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param.t-b[data-v-1bff150e] {
    flex-wrap: wrap
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param .top[data-v-1bff150e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .top[data-v-1bff150e] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param .bottom[data-v-1bff150e] .el-slider .el-slider__input, .right-params-page .right-params-box .advanced-params .content .live-type .item-param .bottom[data-v-1bff150e] .el-slider .el-slider__input {
    top: -35px
}

.right-params-page .right-params-box .advanced-params .content .default-type .item-param .bottom[data-v-1bff150e] .el-slider .el-slider__runway, .right-params-page .right-params-box .advanced-params .content .live-type .item-param .bottom[data-v-1bff150e] .el-slider .el-slider__runway {
    margin: 9px 0 5px
}

.right-params-page .right-params-box .advanced-params .content .live-type[data-v-1bff150e] {
    margin-top: 5px
}

.right-params-page .right-params-box .bottom-btns[data-v-1bff150e] {
    background-color: #06060d;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 70px;
    justify-content: flex-end;
    padding-top: 14px;
    position: fixed;
    right: 0;
    width: 289px;
    z-index: 1001
}

.right-params-page .right-params-box .bottom-btns .reset[data-v-1bff150e] {
    background-color: #46484d;
    color: #ebebeb;
    margin-right: 10px;
    padding: 0 10px
}

.right-params-page .right-params-box .bottom-btns .reset[data-v-1bff150e], .right-params-page .right-params-box .bottom-btns .save[data-v-1bff150e] {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    height: 33px;
    justify-content: center
}

.right-params-page .right-params-box .bottom-btns .save[data-v-1bff150e] {
    background-image: linear-gradient(90deg, #3f8fff, #21feff);
    color: #fff;
    margin-right: 20px;
    padding: 0 20px
}

.right-params-page .right-params-box > .action-btn-box[data-v-1bff150e] {
    bottom: 10px;
    justify-content: flex-end;
    left: -320px;
    position: absolute;
    width: 300px
}

.right-params-page .right-params-box > .action-btn-box > .fitin-box[data-v-1bff150e] {
    background-color: #1e1b26;
    border: 1px solid #2a2832;
    border-radius: 4px;
    height: 28px;
    margin-right: 10px;
    width: 28px
}

.right-params-page .right-params-box > .action-btn-box > .fitin-box > .iconfont[data-v-1bff150e] {
    color: #828086;
    font-size: 16px
}

.right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] {
    width: 110px
}

.right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input-number__decrease, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input-number__increase {
    background: #1e1b26 !important
}

.right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input__inner, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-select-dropdown__item.is-disabled:hover {
    background-color: #1e1b26 !important
}

.right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input-number__decrease, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input-number__increase, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-1bff150e] .el-input__inner {
    border-color: #2a2832 !important
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] {
    background: transparent;
    height: 18px
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] .el-input .el-input__inner {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: #8993a7;
    font-family: PingFang SC;
    font-size: 12px;
    height: 100%;
    text-align: right;
    width: 100%
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] .el-input .el-input__suffix {
    display: flex
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] .el-input .el-input__suffix .el-input__suffix-inner {
    align-items: center;
    display: flex
}

.right-params-page .right-params-box .custom-select-transparent[data-v-1bff150e] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.right-params-page .right-params-box[data-v-1bff150e] .el-textarea {
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e] .el-textarea .el-textarea__inner {
    background: rgba(0, 0, 0, .2);
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444349;
    font-family: PingFang SC;
    font-size: 12px;
    min-height: 38px;
    padding: 5px;
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider {
    position: relative
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider .el-input-number {
    height: 24px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -24px;
    width: 46px
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider .el-input-number .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider .el-input-number .el-input .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    padding: 5px;
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider .el-slider__runway {
    background-color: #363b44;
    margin: 17px auto 9px;
    width: 100%
}

.right-params-page .right-params-box[data-v-1bff150e] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button {
    background: #4784ff;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px
}

.right-params-page .right-params-box .custom-tips[data-v-1bff150e] {
    color: rgba(192, 208, 241, .5);
    margin-bottom: 2px;
    margin-left: 5px
}

.right-params-page .right-params-box .number[data-v-1bff150e] .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.right-params-page .right-params-box .number[data-v-1bff150e] .el-input .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    padding: 5px;
    width: 100%
}

.right-params-page .right-params-box .image-loading[data-v-1bff150e] {
    color: #fff;
    font-size: 20px;
    margin-top: 20px
}

.right-params-page .right-params-box .empty-img[data-v-1bff150e] {
    align-items: center;
    background: #342f2f;
    border-radius: 8px;
    color: #8993a7;
    display: flex;
    font-size: 12px;
    height: 60px;
    justify-content: center;
    width: 60px
}

.right-params-page .footer[data-v-1bff150e] {
    align-items: center;
    background-color: #06060d;
    border-top: 2px solid #2a2832;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    padding: 12px 22px 22px 0;
    position: fixed;
    right: 0;
    width: 289px;
    z-index: 9999
}

.right-params-page .footer .copy[data-v-1bff150e] {
    font-size: 16px
}

.right-params-page .footer .download[data-v-1bff150e] {
    font-size: 14px;
    margin: 0 50px 0 22px
}

.right-params-page .footer .confirm[data-v-1bff150e] {
    align-items: center;
    background: linear-gradient(90deg, #3f8fff, #21feff);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    width: 140px
}

.right-params-page .footer .confirm span[data-v-1bff150e] {
    margin-left: 3px
}

.right-params-page .footer .publish_disabled[data-v-1bff150e] {
    cursor: not-allowed;
    opacity: .4
}

.adjust-box[data-v-cf7b6be2] {
    background: hsla(0, 0%, 100%, .03);
    height: 32px;
    margin-bottom: 6px;
    padding: 0 6px
}

.adjust-box > .left[data-v-cf7b6be2] {
    color: #c0d0f1;
    font-size: 12px;
    width: 48px
}

.adjust-box > .center[data-v-cf7b6be2] {
    padding: 0 12px
}

.adjust-box > .center > .adjust-item[data-v-cf7b6be2] {
    height: 14px;
    margin-bottom: 4px;
    position: relative;
    width: 120px
}

.adjust-box > .center > .adjust-item > .target-flag[data-v-cf7b6be2] {
    align-items: flex-end;
    color: #fff;
    cursor: pointer;
    height: 14px;
    justify-content: center;
    left: -2px;
    position: absolute;
    top: 0;
    width: 8px
}

.adjust-box > .center > .adjust-item > .target-flag[data-v-cf7b6be2]:before {
    background-color: #000;
    content: "";
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.adjust-box > .center > .adjust-item > .target-flag > .icon-a-Vector2900[data-v-cf7b6be2] {
    bottom: -8px;
    font-size: 6px;
    left: -2px;
    position: absolute;
    transform: rotate(30deg)
}

.adjust-box > .center > .hue[data-v-cf7b6be2] {
    background: linear-gradient(90deg, blue, red, orange, #ff0, green)
}

.adjust-box > .center > .saturation[data-v-cf7b6be2] {
    background: linear-gradient(90deg, #fff, red)
}

.adjust-box > .center > .brightness[data-v-cf7b6be2] {
    background: linear-gradient(90deg, #000, #fff)
}

.adjust-box > .right[data-v-cf7b6be2] {
    width: 46px
}

.adjust-box > .right > .my-el-input-number[data-v-cf7b6be2] .el-input-number__decrease, .adjust-box > .right > .my-el-input-number[data-v-cf7b6be2] .el-input-number__increase {
    display: none
}

.adjust-box > .right > .my-el-input-number[data-v-cf7b6be2] .el-input--mini {
    width: 46px
}

.adjust-box > .right > .my-el-input-number[data-v-cf7b6be2] .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    height: 24px;
    padding: 0
}

.pointer[data-v-474a59c4] {
    cursor: pointer
}

.selectParams[data-v-474a59c4] {
    background-color: #06060d;
    border-left: 1px solid #2a2832;
    bottom: 0;
    color: #c0d0f1;
    height: calc(100vh - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 9px;
    position: fixed;
    right: 0;
    transition: all .3s;
    width: 290px;
    z-index: 100
}

.selectParams .prompt[data-v-474a59c4], .selectParams[data-v-474a59c4] {
    box-sizing: border-box;
    font-size: 12px
}

.selectParams .prompt[data-v-474a59c4] {
    border-radius: 4px;
    padding: 8px 10px
}

.selectParams .prompt .line[data-v-474a59c4] {
    margin-bottom: 4px
}

.selectParams .prompt .line .label[data-v-474a59c4] {
    margin-right: 8px
}

.selectParams .negative-prompt[data-v-474a59c4] {
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 8px 10px
}

.selectParams .negative-prompt .line[data-v-474a59c4] {
    margin-bottom: 4px
}

.selectParams .negative-prompt .line .label[data-v-474a59c4] {
    flex-shrink: 0;
    margin-right: 8px
}

.selectParams .flex[data-v-474a59c4] {
    align-items: center;
    display: flex
}

.selectParams .params[data-v-474a59c4] {
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 8px 20px 0 16px
}

.selectParams .params .params-title[data-v-474a59c4] {
    font-weight: 500;
    margin-bottom: 10px;
    margin-left: -6px
}

.selectParams .params .params-line[data-v-474a59c4] {
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: 12px 0;
    width: 100%
}

.selectParams .params .params-line .line_txt[data-v-474a59c4] {
    color: #4784ff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px
}

.selectParams .footer[data-v-474a59c4] {
    align-items: center;
    background-color: #06060d;
    border-top: 2px solid #2a2832;
    bottom: 0;
    display: flex;
    justify-content: center;
    padding: 12px 0 22px;
    position: fixed;
    right: 0;
    width: 289px;
    z-index: 9999
}

.selectParams .footer .copy[data-v-474a59c4] {
    font-size: 16px
}

.selectParams .footer .download[data-v-474a59c4] {
    font-size: 14px;
    margin: 0 50px 0 22px
}

.selectParams .footer .confirm[data-v-474a59c4] {
    align-items: center;
    background: linear-gradient(90deg, #3f8fff, #21feff);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    width: 140px
}

.selectParams .footer .confirm span[data-v-474a59c4] {
    margin-left: 3px
}

.selectParams .sampling-steps[data-v-474a59c4] {
    border-radius: 4px;
    box-sizing: border-box;
    height: 66px;
    padding: 8px;
    width: 100%
}

.selectParams .sampling-steps .top[data-v-474a59c4] {
    display: flex;
    padding-left: 8px
}

.selectParams .sampling-steps .bottom[data-v-474a59c4] .el-slider .el-slider__input {
    position: absolute;
    top: -18px
}

.selectParams .sampling-steps .bottom[data-v-474a59c4] .el-slider .el-slider__runway {
    box-sizing: border-box;
    margin-left: 4px;
    margin-top: 26px;
    width: 222px
}

.selectParams .common-bg[data-v-474a59c4] {
    background: hsla(0, 0%, 100%, .03)
}

.selectParams[data-v-474a59c4] .my-input .el-textarea__inner {
    background: rgba(0, 0, 0, .2);
    border: none;
    box-sizing: border-box;
    color: #444349;
    padding: 4px 8px;
    text-align: left
}

.selectParams[data-v-474a59c4] .el-slider {
    position: relative
}

.selectParams[data-v-474a59c4] .el-slider .el-input-number {
    height: 24px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -24px;
    width: 46px
}

.selectParams[data-v-474a59c4] .el-slider .el-input-number .el-input {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.selectParams[data-v-474a59c4] .el-slider .el-input-number .el-input .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    padding: 5px;
    width: 100%
}

.selectParams[data-v-474a59c4] .el-slider .el-slider__runway {
    background-color: #363b44;
    margin: 17px auto 9px;
    width: 100%
}

.selectParams[data-v-474a59c4] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button {
    background: #4784ff;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px
}

.hsv-bord[data-v-474a59c4] {
    background: hsla(0, 0%, 100%, .03);
    border-radius: 4px;
    margin-top: 6px;
    padding: 8px 10px
}

.hsv-bord > .title-name[data-v-474a59c4] {
    color: #c0d0f1;
    font-size: 12px;
    margin-bottom: 6px
}

.action-btn-box[data-v-50dcbe02] {
    bottom: 10px;
    justify-content: flex-end;
    position: fixed;
    right: 310px;
    z-index: 110
}

.action-btn-box > .fitin-box[data-v-50dcbe02] {
    background-color: #1e1b26;
    border: 1px solid #2a2832;
    border-radius: 4px;
    cursor: pointer;
    height: 28px;
    margin-right: 10px;
    width: 28px
}

.action-btn-box > .fitin-box > .icon-Union2[data-v-50dcbe02] {
    color: #828086;
    font-size: 16px
}

.action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] {
    width: 110px
}

.action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input-number__increase {
    background: #1e1b26 !important
}

.action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input__inner, .action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-select-dropdown__item.is-disabled:hover {
    background-color: #1e1b26 !important
}

.action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input-number__increase, .action-btn-box > .input-nuber .my-input-number[data-v-50dcbe02] .el-input__inner {
    border-color: #2a2832 !important
}

.c-open-pose-editor[data-v-6f47a3d0] {
    height: 100%;
    width: 100%
}

.c-open-pose-editor .open-pose-editor-wrap[data-v-6f47a3d0] {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-svg[data-v-6f47a3d0] {
    height: 100%;
    width: 100%
}

.c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-operate-box[data-v-6f47a3d0] {
    bottom: 15px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 12px;
    position: absolute;
    right: 10px
}

.c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-operate-box .open-pose-editor-operate-active[data-v-6f47a3d0] {
    color: #4784ff
}

.generation-frame[data-v-c3426e3e] {
    background: #000;
    position: absolute;
    top: 30px;
    width: 570px;
    z-index: 999
}

.generation-frame .generation-frame-head[data-v-c3426e3e] {
    align-items: center;
    background: #24262a;
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
    color: #c0c0c3;
    display: flex;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    justify-content: space-between;
    padding: 0 12px;
    width: 100%
}

.generation-frame .generation-frame-head .head-close-btn[data-v-c3426e3e] {
    cursor: pointer;
    font-size: 18px
}

.generation-frame .generation-frame-head .head-close-btn[data-v-c3426e3e]:hover {
    color: #4784ff
}

.generation-frame .generation-frame-area[data-v-c3426e3e] {
    background-image: linear-gradient(45deg, #515255 25%, transparent 0, transparent 75%, #515255 0, #515255), linear-gradient(45deg, #515255 25%, transparent 0, transparent 75%, #515255 0, #515255);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    height: 570px;
    width: 100%
}

.generation-frame .generation-frame-area .generation-frame-area-content[data-v-c3426e3e] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.generation-frame .generation-frame-area .generation-frame-area-content .image-upload-trigger[data-v-c3426e3e] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.generation-frame .generation-frame-area .generation-frame-area-content[data-v-c3426e3e] .image-upload {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 4
}

.generation-frame .generation-frame-area .generation-frame-area-content[data-v-c3426e3e] .el-upload {
    height: 100%;
    width: 100%
}

.generation-frame .generation-frame-area .generation-frame-area-content .upload-box-btn[data-v-c3426e3e] {
    align-items: center;
    background: rgba(0, 0, 0, .3);
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 6px;
    box-sizing: border-box;
    color: #ebebeb;
    cursor: pointer;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    padding: 10px
}

.generation-frame .generation-frame-area .generation-frame-area-content .generation-frame-area-content-image[data-v-c3426e3e] {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%
}

.generation-frame .generation-frame-area .generation-frame-area-content .image-operate-btn-box[data-v-c3426e3e] {
    bottom: 10px;
    color: #fff;
    position: absolute;
    right: 10px;
    z-index: 9
}

.generation-frame .generation-frame-area .generation-frame-area-content .image-operate-btn-box .image-operate-btn[data-v-c3426e3e] {
    cursor: pointer
}

.generation-frame .generation-frame-bottom[data-v-c3426e3e] {
    align-items: center;
    background: #24262a;
    border-radius: 0 0 12px 12px;
    box-sizing: border-box;
    display: flex;
    height: 88px;
    justify-content: space-between;
    padding: 10px 12px;
    width: 100%
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] {
    box-sizing: border-box;
    flex: 0 0 240px;
    padding: 6px 8px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item .option-item-label[data-v-c3426e3e] {
    color: #7f8792;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item .option-item-content[data-v-c3426e3e] {
    background: #14161a;
    border-radius: 6px;
    color: #7f8792;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 6px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item .el-selects[data-v-c3426e3e] {
    align-items: center;
    color: #8993a7;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    justify-content: space-between;
    line-height: 32px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item .el-selects i[data-v-c3426e3e] {
    color: #8993a7;
    font-size: 14px;
    vertical-align: middle
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item {
    flex: 1
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item p {
    font-size: 12px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-slider {
    margin-top: 8px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .slider-label {
    color: #7f8792;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-slider__runway {
    background: #14161a;
    border-radius: 4px;
    height: 6px;
    margin: 10px 0
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-slider__runway .el-slider__bar {
    background: #4784ff;
    height: 6px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-slider__runway .el-slider__button-wrapper {
    height: 20px;
    top: -12px;
    width: 20px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button {
    height: 12px;
    width: 12px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-input-number.is-without-controls {
    line-height: 26px;
    width: 70px
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-input-number.is-without-controls .el-input__inner {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    padding: 0
}

.generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-c3426e3e] .slider-item .el-input.is-disabled .el-input__inner {
    background-color: #757676;
    border-color: #757676
}

@media screen and (max-width: 1440px) {
    .generation-frame[data-v-c3426e3e] {
        width: 470px
    }

    .generation-frame .generation-frame-area[data-v-c3426e3e] {
        height: 400px
    }

    .generation-frame .generation-frame-bottom-item[data-v-c3426e3e] {
        flex: 1 0 calc(50% - 16px) !important
    }
}

.board-max-box[data-v-16f4f1a7] {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100
}

.base-canvas-box[data-v-16f4f1a7], .board-max-box[data-v-16f4f1a7] {
    height: 100%;
    width: 100%
}

.live-panel[data-v-62254966] {
    display: flex;
    gap: 20px;
    height: 100%;
    margin: auto;
    width: 100%
}

.live-panel .w-h-box[data-v-62254966] {
    display: flex;
    height: 32px;
    left: 0;
    position: absolute;
    top: -42px;
    width: 500px
}

.live-panel .w-h-box[data-v-62254966] > :first-child {
    margin-right: 40px
}

.live-panel .w-h-box .box[data-v-62254966] {
    align-items: center;
    display: flex
}

.live-panel .w-h-box .box .words[data-v-62254966] {
    color: #c0c0c3;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px
}

.live-panel .w-h-box .box[data-v-62254966] .input {
    height: 22px;
    width: 46px
}

.live-panel .w-h-box .box[data-v-62254966] .input .el-input {
    display: flex;
    height: 100%
}

.live-panel .w-h-box .box[data-v-62254966] .input .el-input .el-input__inner {
    background-color: transparent;
    border: 1px solid #757f94;
    height: 100%;
    padding: 0 3px;
    text-align: center
}

.live-panel .live-win[data-v-62254966] {
    background: #fff;
    height: 100%;
    position: relative;
    width: 100%
}

.prompt-box[data-v-62254966] {
    background: #24262a;
    box-sizing: border-box;
    padding: 15px 10px;
    position: absolute;
    right: 0;
    width: 500px
}

.prompt-box[data-v-62254966] textarea {
    background: #14161a;
    border: 0
}

.top-menu[data-v-7c65398c] {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100
}

.top-menu[data-v-7c65398c]:after {
    bottom: -5px;
    color: #fff;
    content: attr(data-size);
    font-size: 12px;
    position: absolute;
    right: 0;
    z-index: 1
}

.no-sizetext[data-v-7c65398c]:after {
    content: ""
}

.clip-box[data-v-7c65398c] {
    display: flex;
    height: 34px
}

.clip-box .left[data-v-7c65398c] {
    align-items: center;
    background-color: #35383c;
    border-radius: 8px 0 0 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 36px
}

.clip-box .left > i[data-v-7c65398c] {
    color: #c0c0c3
}

.clip-box .right[data-v-7c65398c] {
    align-items: center;
    background-color: #4784ff;
    border-radius: 0 8px 8px 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Helvetica;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    padding: 0 10px
}

.top-action-nav[data-v-7c65398c] {
    background-color: #24262a;
    border: 1px solid #35383c;
    border-radius: 8px;
    display: inline-block;
    height: 36px;
    position: relative;
    z-index: 2
}

.top-action-nav > .action-list[data-v-7c65398c] {
    height: 100%
}

.top-action-nav > .action-list > .item[data-v-7c65398c] {
    border-right: 1px solid #35383c;
    color: #c0c0c3;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    width: 37px
}

.top-action-nav > .action-list > .item[data-v-7c65398c]:last-child {
    border: 0
}

.prompt-panel > div[data-v-3326e8bd] {
    z-index: 2
}

.edit-content[data-v-3326e8bd] {
    background-color: #24262a;
    border: 1px solid #3b3847;
    border-radius: 8px;
    height: 160px;
    left: -500px;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 380px
}

.edit-content > .btn-input[data-v-3326e8bd] {
    height: 110px
}

.edit-content > .btn-input[data-v-3326e8bd] .el-textarea {
    height: 100%
}

.edit-content > .btn-input[data-v-3326e8bd] .el-textarea__inner {
    background-color: #24262a;
    border: none;
    height: 100%
}

.edit-content > .btn-box[data-v-3326e8bd] {
    border-top: 1px solid #3b3847;
    height: 50px;
    justify-content: flex-end;
    padding: 0 18px
}

.edit-content > .btn-box[data-v-3326e8bd] .el-button--primary {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.edit-content > .btn-box .cancel-btn[data-v-3326e8bd] {
    background: hsla(0, 0%, 80%, .169);
    border-color: hsla(0, 0%, 80%, .169)
}

.aibox-title-info[data-v-3326e8bd] {
    align-items: flex-end;
    color: #fff;
    font-size: 12px;
    height: 30px;
    left: -500px;
    position: absolute;
    top: -500px
}

.aibox-title-info > .left[data-v-3326e8bd] {
    width: 60px
}

.aibox-title-info > .right[data-v-3326e8bd] {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.my-el-input-number[data-v-3326e8bd] {
    height: 30px;
    width: 46px
}

.my-el-input-number[data-v-3326e8bd] .el-input-number__decrease, .my-el-input-number[data-v-3326e8bd] .el-input-number__increase {
    display: none
}

.my-el-input-number[data-v-3326e8bd] .el-input__inner {
    background-color: transparent !important;
    border: 1px solid #c0c0c3;
    color: #c0c0c3;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 4px
}

.edit-content[data-v-d17a7534] {
    background-color: #24262a;
    border: 1px solid #3b3847;
    border-radius: 8px;
    height: 160px;
    left: -500px;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 380px
}

.edit-content > .btn-input[data-v-d17a7534] {
    height: 110px
}

.edit-content > .btn-input[data-v-d17a7534] .el-textarea {
    height: 100%
}

.edit-content > .btn-input[data-v-d17a7534] .el-textarea__inner {
    background-color: #24262a;
    border: none;
    height: 100%
}

.edit-content > .btn-box[data-v-d17a7534] {
    border-top: 1px solid #3b3847;
    height: 50px;
    justify-content: flex-end;
    padding: 0 18px
}

.edit-content > .btn-box[data-v-d17a7534] .el-button--primary {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.drag-nav {
    background-color: red;
    height: 40px;
    width: 100%
}

.group-select-box[data-v-37ce073a] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cube[data-v-37ce073a] {
    --color: #4af;
    background: #eee;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 4px;
    width: 40px
}

.elements[data-v-37ce073a] {
    border: 2px solid #eee;
    height: 100%;
    width: 100%
}

.selecto-area[data-v-37ce073a] {
    padding: 20px
}

#selecto1 .cube[data-v-37ce073a] {
    transition: all .2s ease
}

.moveable #selecto1 .cube[data-v-37ce073a] {
    transition: none
}

.selecto-area .selected[data-v-37ce073a] {
    background: var(--color);
    color: #fff
}

.scroll[data-v-37ce073a] {
    overflow: auto;
    padding-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.infinite-viewer[data-v-37ce073a], .scroll[data-v-37ce073a] {
    box-sizing: border-box;
    height: 300px;
    width: 100%
}

.infinite-viewer .viewport[data-v-37ce073a] {
    padding-top: 10px
}

.empty.elements[data-v-37ce073a] {
    border: none
}

.correct[data-v-37ce073a] {
    margin: auto;
    padding: 20px;
    width: 100%
}

.correct .target[data-v-37ce073a], .correct[data-v-37ce073a] {
    position: relative;
    text-align: center
}

.correct .target[data-v-37ce073a] {
    color: #fff;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    margin: 10px 20px;
    width: 100px
}

.correct svg[data-v-37ce073a] {
    height: 100%;
    left: 0;
    opacity: .9;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    width: 100%
}

.correct svg path[data-v-37ce073a] {
    stroke: #333;
    stroke-width: 2;
    fill: transparent
}

.move-box[data-v-89b8bf6c], .move-container[data-v-89b8bf6c] {
    height: 100%;
    width: 100%
}

.move-container .move-item[data-v-89b8bf6c] {
    background-color: red;
    height: 100px;
    margin: 10px;
    width: 100px
}

.move-container .selected[data-v-89b8bf6c] {
    background-color: #ccc
}

.page-box[data-v-746198d8] {
    height: 100%;
    width: 100%
}

.top-action-nav[data-v-30a900e0] {
    background-color: #24262a;
    border: 1px solid #35383c;
    border-radius: 8px;
    height: 36px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.top-action-nav > .action-list[data-v-30a900e0] {
    height: 100%
}

.top-action-nav > .action-list > .item[data-v-30a900e0] {
    border-right: 1px solid #35383c;
    color: #c0c0c3;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    width: 37px
}

.top-action-nav > .action-list > .item[data-v-30a900e0]:last-child {
    border: 0
}

.top-action-nav > .action-list > .item-btn[data-v-30a900e0] {
    background-color: #4784ff;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    min-width: 47px
}

.top-action-nav > .action-list > .item-btn-gray[data-v-30a900e0] {
    background-color: #393b41;
    color: #fff
}

.c-generate-mode-redraw canvas[data-v-5e879486], .c-generate-mode-redraw[data-v-5e879486] {
    height: 100%;
    width: 100%
}

.c-generate-mode-redraw .generate-mode-redraw-canvas[data-v-5e879486] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%)
}

.c-segment-cmp[data-v-6315c930] {
    height: 100%;
    width: 100%
}

.c-segment-cmp .segment-cmp-canvas[data-v-6315c930], .c-segment-cmp[data-v-6315c930] {
    left: 0;
    position: absolute;
    top: 0
}

.c-segment-cmp .segment-image-draw-img-hover-mask[data-v-6315c930] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%);
    pointer-events: none
}

.c-segment-cmp .segment-cmp-svg[data-v-6315c930] {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.c-segment-cmp .segment-cmp-svg .segment-cmp-g[data-v-6315c930] {
    box-sizing: border-box
}

.c-image-redraw-tools[data-v-3479f09f] {
    left: 0;
    position: absolute;
    top: 0
}

.c-image-redraw-tools canvas[data-v-3479f09f], .c-image-redraw-tools[data-v-3479f09f] {
    height: 100%;
    width: 100%
}

.c-image-redraw-tools .generate-mode-redraw-canvas[data-v-3479f09f] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%)
}

.c-image-redraw-tools .segment-cmp-canvas[data-v-3479f09f] {
    left: 0;
    position: absolute;
    top: 0
}

.c-image-redraw-tools .segment-image-draw-img-hover-mask[data-v-3479f09f] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%);
    pointer-events: none
}

.c-image-redraw-tools .segment-cmp-svg[data-v-3479f09f] {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.c-image-redraw-tools .segment-cmp-svg .segment-cmp-g[data-v-3479f09f] {
    box-sizing: border-box
}

.img-move-page[data-v-bdb65e14] {
    image-rendering: pixelated
}

.img-content-box[data-v-bdb65e14] {
    position: relative
}

.img-content-box .loading[data-v-bdb65e14] {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.img-content-box > .base-canvas[data-v-bdb65e14] {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.img-content-box > .mack-canvas[data-v-bdb65e14] {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.edit-content[data-v-bdb65e14] {
    background-color: #24262a;
    border: 1px solid #3b3847;
    border-radius: 8px;
    bottom: -170px;
    height: 160px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 380px
}

.edit-content > .btn-input[data-v-bdb65e14] {
    height: 110px
}

.edit-content > .btn-input[data-v-bdb65e14] .el-textarea {
    height: 100%
}

.edit-content > .btn-input[data-v-bdb65e14] .el-textarea__inner {
    background-color: #24262a;
    border: none;
    height: 100%
}

.edit-content > .btn-box[data-v-bdb65e14] {
    border-top: 1px solid #3b3847;
    height: 50px;
    justify-content: flex-end;
    padding: 0 18px
}

.edit-content > .btn-box[data-v-bdb65e14] .el-button--primary {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.aiimg-page-box[data-v-5b48c828] .moveable-line {
    background-color: transparent
}

.aiimg-box[data-v-5b48c828] {
    border: 2px solid;
    -o-border-image: linear-gradient(90deg, #b16cea, #ffa84b) 1;
    border-image: linear-gradient(90deg, #b16cea, #ffa84b) 1;
    box-sizing: border-box;
    height: 256px;
    width: 256px
}

.aiimg-box .loading[data-v-5b48c828] {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.aiimg-box .loading[data-v-5b48c828], .aiimg-box > .ai-content[data-v-5b48c828] {
    height: 100%;
    width: 100%
}

.aiimg-box > .edit-content[data-v-5b48c828] {
    background-color: #24262a;
    border: 1px solid #3b3847;
    border-radius: 8px;
    bottom: -170px;
    height: 160px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 380px
}

.aiimg-box > .edit-content > .btn-input[data-v-5b48c828] {
    height: 110px
}

.aiimg-box > .edit-content > .btn-input[data-v-5b48c828] .el-textarea {
    height: 100%
}

.aiimg-box > .edit-content > .btn-input[data-v-5b48c828] .el-textarea__inner {
    background-color: #24262a;
    border: none;
    height: 100%
}

.aiimg-box > .edit-content > .btn-box[data-v-5b48c828] {
    border-top: 1px solid #3b3847;
    height: 50px;
    justify-content: flex-end;
    padding: 0 18px
}

.aiimg-box > .edit-content > .btn-box[data-v-5b48c828] .el-button--primary {
    background: linear-gradient(99deg, #3271cc, #0fffff)
}

.aiimg-box .result-list[data-v-5b48c828] {
    display: flex;
    gap: 10px;
    left: calc(100% + 10px);
    position: absolute;
    top: 0
}

.aiimg-box .result-list > div[data-v-5b48c828] {
    background: hsla(0, 0%, 85%, .1)
}

.c-live-mode-redraw[data-v-83d3058a] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999
}

.c-live-mode-redraw canvas[data-v-83d3058a], .c-live-mode-redraw[data-v-83d3058a] {
    height: 100%;
    width: 100%
}

.c-live-mode-redraw .live-mode-redraw-canvas[data-v-83d3058a] {
    filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%)
}

.live-view[data-v-20452abd] {
    left: 0;
    position: fixed;
    top: 0
}

.live-view[data-v-20452abd]:after {
    color: #c0c0c3;
    content: attr(data-title);
    font-size: 12px;
    left: 0;
    position: absolute;
    top: -20px
}

.live-view .live-show[data-v-20452abd] {
    background: #fff;
    height: 100%;
    width: 100%
}

.live-view .live-show .result-img[data-v-20452abd] {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.live-view .live-show .handle[data-v-20452abd] {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 15px;
    top: 15px
}

.live-view .live-show .handle i[data-v-20452abd] {
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #e3e3e3;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px
}

.live-view .live-show .loading[data-v-20452abd] {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.live-view .live-prompt[data-v-20452abd] {
    background: #24262a;
    box-sizing: border-box;
    padding: 15px 10px
}

.live-view .live-prompt[data-v-20452abd] textarea {
    background: #14161a;
    border: 0
}

.live-size[data-v-87ade2ea] {
    display: flex;
    height: 32px;
    left: 0;
    position: fixed;
    position: absolute;
    top: 0;
    top: -42px
}

.live-size[data-v-87ade2ea] > :first-child {
    margin-right: 4px
}

.live-size .box[data-v-87ade2ea] {
    align-items: center;
    display: flex
}

.live-size .box-tips[data-v-87ade2ea] {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    font-weight: 500
}

.live-size .box .words[data-v-87ade2ea] {
    color: #c0c0c3;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px
}

.live-size .box[data-v-87ade2ea] .input {
    height: 22px;
    width: 46px
}

.live-size .box[data-v-87ade2ea] .input .el-input {
    display: flex;
    height: 100%
}

.live-size .box[data-v-87ade2ea] .input .el-input .el-input__inner {
    background-color: transparent;
    border: 1px solid #757f94;
    height: 100%;
    padding: 0 3px;
    text-align: center
}

.live-size .box[data-v-87ade2ea] .input .el-input .el-input__inner:focus {
    border: 1px solid #4af
}

.live-size .box-right[data-v-87ade2ea] {
    display: flex;
    justify-content: end;
    width: 100%
}

.live-size .box-right .iconfont[data-v-87ade2ea] {
    color: #fff;
    cursor: pointer;
    font-size: 26px
}

.right-click-menu-container[data-v-10c15d89] {
    height: 100%;
    width: 100%
}

.board-page[data-v-50c63481] {
    position: relative
}

.wh100[data-v-50c63481] {
    height: 100%;
    width: 100%
}

#canvas[data-v-50c63481] {
    left: 0;
    position: absolute;
    top: 0
}

.gripper[data-v-50c63481] {
    cursor: grabbing
}

.popup_parent[data-v-63e5076e] {
    align-items: center;
    background: rgba(0, 0, 0, .65) !important;
    background: none;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111
}

.loadBox[data-v-a3ffd556] {
    height: 80px;
    width: 100%
}

.el-dropdown-link[data-v-a3ffd556] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    min-width: 184px;
    opacity: 1;
    padding: 0 12px
}

.el-dropdown-link div[data-v-a3ffd556], .el-dropdown-link[data-v-a3ffd556] {
    align-items: center;
    display: flex
}

.el-dropdown-link div .svg-icon[data-v-a3ffd556] {
    color: #4c97fd;
    font-size: 24px
}

.el-dropdown-link div span[data-v-a3ffd556] {
    color: #fcfcfc;
    font-size: 14px;
    margin: 0 10px
}

.el-dropdown-link div i[data-v-a3ffd556] {
    color: #fcfcfc;
    font-size: 18px
}

.el-dropdown-link i[data-v-a3ffd556] {
    font-size: 18px
}

.selectTime[data-v-a3ffd556] {
    margin: 0 10px;
    min-width: 116px
}

.el-dropdown-item[data-v-a3ffd556] {
    align-items: center;
    display: flex;
    height: 40px;
    width: 144px
}

.el-dropdown-item .svg-icon[data-v-a3ffd556] {
    font-size: 24px;
    margin-right: 12px
}

.el-dropdown-item span[data-v-a3ffd556] {
    color: #6f767e;
    font-size: 14px
}

.el-dropdown-item-time[data-v-a3ffd556] {
    width: 119px
}

.home[data-v-a3ffd556] {
    color: #fff;
    min-height: calc(100vh - 156px)
}

.home .homeTaskBox[data-v-a3ffd556] {
    bottom: 300px;
    position: fixed;
    right: 13px;
    width: 80px;
    z-index: 3
}

.home .homeTaskBox img[data-v-a3ffd556] {
    width: 80px
}

.home .homeTaskBox .timeBox[data-v-a3ffd556] {
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%
}

.home .homeTaskBox .timeBox .PB[data-v-a3ffd556] {
    background-color: #832000;
    border-radius: 174px;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home .homeTaskBox .timeBox .PB .PBitem[data-v-a3ffd556] {
    background-color: #ffe900;
    border-radius: 174px;
    height: 12px;
    transition: all 1s;
    width: 0
}

.home .homeTaskBox .timeBox .timeBoxTxt[data-v-a3ffd556] {
    background: #828282;
    border-radius: 0 0 20px 20px;
    box-sizing: border-box;
    color: #fff;
    font-size: 11px;
    margin-top: 7px;
    padding: 10px;
    text-align: center
}

.home .funBar[data-v-a3ffd556] {
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin: 15px 0;
    width: 100%
}

.home .funBar .funType[data-v-a3ffd556] {
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    min-width: 151px;
    padding: 4px
}

.home .funBar .funType .typeItem[data-v-a3ffd556] {
    align-items: center;
    box-sizing: border-box;
    color: #686a6c;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    margin: 0 18px;
    padding-bottom: 10px;
    position: relative
}

.home .funBar .funType .typeItem.hot[data-v-a3ffd556]:before {
    background: url(/_nuxt/img/hot.2ffa37c.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 22px;
    position: absolute;
    right: -35px;
    top: -10px;
    transform: translateX(-50%);
    width: 22px
}

.home .funBar .funType .typeItem.beta[data-v-a3ffd556]:before {
    background: rgba(241, 78, 78, .2);
    border-radius: 4px 4px 4px 4px;
    color: #f14e4e;
    content: "beta";
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -50px;
    text-align: center;
    top: -9px;
    transform: translateX(-50%);
    width: 32px
}

.home .funBar .funType .typeActivate[data-v-a3ffd556] {
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2;
    color: #f7fbfa
}

.filterBox[data-v-a3ffd556], .home .funBar .Screening[data-v-a3ffd556] {
    align-items: center;
    display: flex
}

.filterBox[data-v-a3ffd556] {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
    width: 116px
}

.filterBox div[data-v-a3ffd556] {
    align-items: center;
    display: flex
}

.filterBox div .svg-icon[data-v-a3ffd556] {
    font-size: 16px;
    margin-right: 6px
}

.filterBox div span[data-v-a3ffd556] {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px
}

.filterBox i[data-v-a3ffd556] {
    font-size: 16px
}

.homeFilter .filterCnt {
    box-sizing: border-box;
    min-height: 237px;
    padding: 12px 16px;
    width: 255px
}

.homeFilter .filterCnt .filterTit {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.homeFilter .filterCnt .filterList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px
}

.homeFilter .filterCnt .filterList .filterItem {
    align-items: center;
    background: #2b2d38;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 39px;
    cursor: pointer;
    display: flex;
    padding: 4px 10px
}

.homeFilter .filterCnt .filterList .filterItem i {
    color: #22d19d;
    font-size: 16px;
    margin-right: 6px
}

.homeFilter .filterCnt .filterList .filterItem span {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px
}

.homeFilter .filterCnt .filterList .AfilterItem {
    background: #595c6a
}

.homeFilter .filterCnt .filterList .AfilterItem span {
    color: #fff
}

.homeFilter .filterCnt .filterReset {
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    height: 32px;
    margin-top: 20px;
    widows: 100%
}

.home .admin-off, .homeFilter .filterCnt .filterReset {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.home .admin-off {
    border: 1px solid #191a27;
    border-radius: 50%;
    bottom: 135px;
    box-sizing: border-box;
    color: #191a27;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px
}

.home .admin-off i {
    color: #fff;
    font-size: 20px
}

.home .admin-off:before {
    border-bottom: 1px solid #191a27;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
    width: 38px
}

.home .admin-off.open {
    background: #191a27;
    color: #fff
}

.home .admin-off.open:before {
    display: none
}

.home .el-backtop {
    background-color: #191a27;
    border-radius: 100%;
    height: 40px;
    width: 40px
}

.video-box[data-v-319d7697] {
    background: rgba(0, 0, 0, .8);
    flex-direction: column;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100010
}

.video-box-item[data-v-319d7697] {
    background-image: url(https://image.cdn2.seaart.ai/static/upload/20240206/8011a9fd-b1ad-4885-81d5-53b6255605c0.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 614px;
    overflow: hidden;
    width: 852px
}

.video-box-item video[data-v-319d7697] {
    border-radius: 8px;
    height: 466px;
    margin-bottom: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 714px
}

.video-box .btn[data-v-319d7697] {
    margin-bottom: 10px
}

.video-box .btn-item[data-v-319d7697] {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    color: #929292;
    cursor: pointer;
    height: 40px;
    margin: 49px 9px;
    width: 180px
}

.bel-item {
    left: 0;
    position: absolute;
    top: 0
}

.moveable-control {
    background: #fff !important;
    border: 2px solid #4285f4 !important;
    border-radius: 0 !important;
    border-radius: initial !important;
    height: 10px !important;
    margin-left: -5px !important;
    margin-top: -5px !important;
    width: 10px !important
}

.shortcut-key {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-left: 4px;
    padding: 0 5px;
    text-align: center
}

.top-nav-box[data-v-e5b917a6] {
    background-color: #06060d;
    border-bottom: 1px solid #2a2832;
    color: #fff;
    height: 49px;
    position: relative
}

.z-index1000[data-v-e5b917a6] {
    z-index: 1000
}

.content-box[data-v-e5b917a6] {
    height: calc(100vh - 50px);
    position: relative
}

.content-box > .left-menu[data-v-e5b917a6] {
    background-color: #06060d;
    flex-shrink: 0;
    height: 100%;
    width: 72px;
    z-index: 10
}

.content-box > .board-box[data-v-e5b917a6] {
    background-color: #02050e;
    flex-grow: 1
}

.vip-mask[data-v-e5b917a6] {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    cursor: not-allowed;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.vip-mask img[data-v-e5b917a6] {
    height: 100px;
    width: 100px
}

.vip-mask span[data-v-e5b917a6] {
    color: #fff;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 288px
}