.upload-tg[data-v-05829ee8] {
    position: absolute;
    right: -17px;
    bottom: -7px;
    width: 46px;
    height: 26px;
    color: #fff;
    text-align: center;
    transform: rotate(-45deg)
}

.upload-tg svg[data-v-05829ee8] {
    transform: rotate(45deg)
}

.icon-1[data-v-05829ee8] {
    animation: rotate-data-v-05829ee8 2s infinite linear
}

@keyframes rotate-data-v-05829ee8 {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

.upload-i[data-v-6fa37f62] {
    width: 48%;
    position: relative;
    overflow: hidden;
    background-color: var(--b2-pre-bg);
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.upload-i img[data-v-6fa37f62] {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    object-fit: cover;
    background-color: var(--b2-pre-bg);
    cursor: pointer
}

.upload-i .up_title[data-v-6fa37f62] {
    margin-top: 10px;
    margin-left: 13px;
    padding-bottom: 2px;
    color: #606266;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.upload-i svg[data-v-6fa37f62] {
    position: absolute;
    top: 4%;
    right: 2px;
    cursor: pointer
}

.upload-i svg[data-v-6fa37f62]:hover {
    transition: all .2s ease-in;
    width: 23px;
    height: 23px
}

.upload-i .config-warp[data-v-6fa37f62] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px
}

.up-span[data-v-6fa37f62] {
    margin: 30px 10px 0;
    cursor: pointer;
    padding: 3px 5px;
    background-color: var(--b2-main-span);
    border-radius: 2rem;
    color: var(--bg-text)
}

.home-md.mark-w[data-v-6fa37f62] {
    position: absolute;
    top: 10%;
    right: 2%;
    justify-content: flex-end;
    cursor: pointer
}

.home-md.mark-w[data-v-6fa37f62] svg {
    margin-left: 20px
}

.home-md.mark-w[data-v-6fa37f62] svg:hover {
    width: 28px;
    height: 28px;
    transition: all .5s inherit
}

svg[data-v-68280400] {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    border-right: 0;
    padding: 2px
}

.text-set[data-v-68280400] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 10px
}

.text-set[data-v-68280400] .el-color-picker__trigger {
    border-radius: 0
}

.text-set[data-v-68280400] .el-input__inner {
    width: 168px;
    height: 30px
}

.text-set[data-v-68280400] .el-select {
    margin: 0 !important
}

.text-set[data-v-68280400] .el-select /deep/ .el-input__suffix {
    top: 23%
}

.wm-isshow[data-v-112af39a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 930px;
    max-width: 98vw;
    max-height: 98vh;
    overflow: auto;
    height: 626px;
    margin: auto;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(210, 215, 255, .28);
    border-radius: 10px;
    z-index: 2001
}

h2[data-v-112af39a] {
    margin: 15px 0;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 21px;
    color: #333
}

.wm-header[data-v-112af39a] {
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 10px rgba(210, 215, 255, .28);
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wm-header span[data-v-112af39a] {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    margin-left: 20px
}

.wm-main[data-v-112af39a] {
    display: flex
}

.wm-main .wm-left[data-v-112af39a] {
    margin-left: 20px;
    margin-right: 50px
}

.wm-main .wm-left .wm-i-w .el-input[data-v-112af39a] {
    width: 168px;
    display: inline-block;
    margin-bottom: 15px
}

.wm-main .wm-left .wm-i-w .el-input[data-v-112af39a] .el-input__inner {
    height: 30px;
    line-height: 30px
}

.wm-main .wm-left .wm-i-w .el-button[data-v-112af39a] {
    position: relative
}

.wm-main .wm-left .wm-i-w .el-button .o-btn1[data-v-112af39a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.wm-main .wm-right[data-v-112af39a] {
    width: 572px;
    margin-top: 14px
}

.wm-main .wm-right .preview[data-v-112af39a] {
    width: 100%;
    height: 442px;
    background: #fdfafe;
    margin-top: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wm-main .wm-right p[data-v-112af39a] {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 21px;
    color: #333
}

.wm-active[data-v-112af39a] {
    opacity: 1;
    transform: all .5s linear;
    z-index: 1999
}

.noshow[data-v-112af39a] {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.wm-t2[data-v-112af39a] {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f2f2f2
}

.wm-block[data-v-112af39a] .el-slider__runway {
    margin: 16px 0
}

.tipsFooter[data-v-112af39a] {
    display: flex;
    margin-top: 20px
}

.tipsFooter .true_w[data-v-112af39a], .tipsFooter .cancel[data-v-112af39a] {
    width: 112px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.tipsFooter .true_w[data-v-112af39a] {
    background: var(--b2-theme-c);
    color: #f2f2f2
}

.tipsFooter .cancel[data-v-112af39a] {
    color: var(--b2-theme-c);
    background: #f2f2f6;
    margin-right: 20px
}

.home-w[data-v-3dd2e005] {
    display: flex
}

.wm-contaniner[data-v-3dd2e005] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .32);
    z-index: 1999
}

.compress-remind[data-v-3dd2e005] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    line-height: 20px
}

.btn-upload[data-v-3dd2e005] {
    float: right;
    margin-top: 10px;
    margin-right: 10px
}

.upload-w[data-v-3dd2e005] {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.upload-w[data-v-3dd2e005] .el-upload-dragger {
    background-color: var(--b2-pre-bg)
}

.upload-w[data-v-3dd2e005] .el-upload__tip {
    display: flex;
    justify-content: space-between
}

.upload-w[data-v-3dd2e005] .el-upload__tip .el-tag {
    cursor: pointer
}

.p-upload-hd[data-v-3dd2e005] {
    text-align: right;
    margin: 10px 5px
}

.remind-upload-file[data-v-3dd2e005] {
    text-align: center
}

[data-v-3dd2e005] .el-radio-button__inner {
    background-color: var(--b2-pre-bg);
    border: 1px solid var(--b2-border);
    color: var(--bg-text)
}

.el-radio-button:first-child .el-radio-button__inner[data-v-3dd2e005] {
    border-radius: 40px !important
}

h3[data-v-3dd2e005] {
    text-align: center;
    font-size: 18px
}

.res-upload[data-v-3dd2e005] {
    text-align: center
}

.res-upload .res-content[data-v-3dd2e005] {
    position: relative;
    width: 50%;
    margin: 20px auto;
    box-shadow: 0 0 2px #dddbdb;
    border: 1px dashed #ccc;
    height: 50px;
    line-height: 50px;
    padding: 0 30px 0 10px
}

.res-upload .res-content p[data-v-3dd2e005] {
    word-break: keep-all;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.copy-view[data-v-3dd2e005] {
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    width: 20px;
    z-index: 2;
    cursor: pointer
}

.copy-view[data-v-3dd2e005]:hover {
    transition: all .3s cubic-bezier(.25, .88, 1, 1);
    width: 22px
}

@media only screen and (max-width: 537px) {
    .upload-w[data-v-3dd2e005] {
        margin-bottom: 50px
    }

    .upload-w[data-v-3dd2e005] .el-upload-dragger {
        width: 90vw;
        height: 253px
    }

    h3[data-v-3dd2e005] {
        display: none
    }
}

.upload-wrap[data-v-3dd2e005] {
    margin-top: 10px;
    max-height: 30vh;
    width: 70vw;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 10px;
    border: 1px dashed #dbdbf7;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow: auto
}

.icon-lay[data-v-42171c4f] {
    width: 100%
}

.switch-theme-wrap[data-v-2705ef7b] {
    display: flex
}

.switch-theme-wrap button[data-v-2705ef7b] {
    border: 1px solid #d4d4d4;
    background-color: transparent;
    outline: none;
    margin-left: 12px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    padding: 3px 0 0;
    border-radius: 8px
}

.switch-theme-wrap button[data-v-2705ef7b]:hover {
    border-color: var(--b2-theme-c)
}

.switch-theme-wrap button svg[data-v-2705ef7b] {
    width: 20px;
    height: 20px
}

.set-tit[data-v-4c16d965] {
    font-size: 3rem;
    font-weight: 700;
    font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    margin: 20px 0
}

.form-w p[data-v-4c16d965] {
    padding: 5px
}

.btn-wrap-form[data-v-4c16d965] {
    float: right;
    margin-top: 10px;
    overflow: hidden
}

.set-prefix .el-input[data-v-6ff34b10] {
    width: 217px;
    margin-top: 10px;
    margin-right: 10px
}

.set-defalut .el-cascader[data-v-04bbfc34], .set-defalut .el-input[data-v-04bbfc34] {
    width: 249px;
    margin-top: 20px;
    margin-right: 10px
}

.set-commpress[data-v-8fe18032] {
    padding: 10px 0
}

.block-compress[data-v-8fe18032] {
    padding: 20px 0
}

.slide-w[data-v-8fe18032] {
    padding: 0 20px
}

.set-commpress-hd[data-v-8fe18032] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 537px) {
    .slide-w[data-v-8fe18032] {
        padding: 0 5px;
        width: 100%;
        box-sizing: border-box
    }
}

.set-upload .el-input[data-v-ef07802c] {
    width: 249px;
    margin-right: 10px
}

.set-default-copy[data-v-bcc0dbb4] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.setting-view-wrap[data-v-4f263a54] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    backdrop-filter: blur(8px);
    background-color: var(--b2-mark-bg);
    display: flex;
    justify-content: center;
    align-items: center
}

.setting-view-wrap .setting-item-wrap[data-v-4f263a54] {
    padding: 17px 14px 17px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f2f2f2;
    width: 40vw;
    height: 70vh;
    background-color: #fff
}

.setting-view-wrap .setting-item-wrap .close-setting[data-v-4f263a54] {
    float: right
}

.setting-view-wrap .setting-item-wrap .setting-hd[data-v-4f263a54] {
    padding-bottom: 15px;
    font-weight: 550;
    font-size: 15.5px;
    border-bottom: 2px solid #f1f1f1
}

.setting-view-wrap .setting-item-wrap .setting-content[data-v-4f263a54] {
    max-height: max-content;
    overflow: auto;
    max-height: 63vh;
    padding: 5px
}

.setting-view-wrap .setting-item-wrap p[data-v-4f263a54] {
    margin-top: 10px;
    text-align: right
}

.separate-line[data-v-4f263a54] {
    border-bottom: 2px dashed #f2f2f2;
    padding-bottom: 15px;
    padding-top: 15px
}

@media only screen and (max-width: 1300px) {
    .setting-view-wrap .setting-item-wrap[data-v-4f263a54] {
        width: 60vw
    }
}

@media only screen and (max-width: 537px) {
    .setting-view-wrap .setting-item-wrap[data-v-4f263a54] {
        width: 78vw
    }
}

.is-nav-selected[data-v-545e3bf6] {
    font-weight: 550
}

.is-nav-selected[data-v-545e3bf6]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 6px);
    width: 12px;
    height: 5px;
    border-radius: 4px;
    background-color: var(--b2-theme-c)
}

.hd-w .nav-container[data-v-545e3bf6] {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 60px
}

.hd-w .nav-container span[data-v-545e3bf6] {
    position: relative;
    margin: 10px;
    text-align: center;
    line-height: 30px;
    width: 60px;
    font-size: 14px;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer
}

.hd-w .nav-container span[data-v-545e3bf6]:hover {
    color: var(--b2-nav-hover-text);
    font-weight: 550;
    transition: all .3s linear;
    background-color: var(--b2-nav-hover-bg)
}

.hd-w .nav-container .logo-wrap[data-v-545e3bf6] {
    cursor: pointer
}

.hd-w .nav-container .logo-wrap img[data-v-545e3bf6] {
    width: 100%;
    height: 100%
}

footer[data-v-545e3bf6] {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    padding-top: 20px
}

footer svg[data-v-545e3bf6] {
    vertical-align: middle;
    margin: 0 5px
}

.lay-out[data-v-545e3bf6] {
    position: absolute;
    top: 2%;
    right: 2%;
    height: 30px;
    z-index: 9;
    cursor: pointer
}

.phone-tab[data-v-545e3bf6] {
    display: none
}

@media screen and (max-width: 539px) {
    footer[data-v-545e3bf6] {
        display: none
    }

    .phone-tab[data-v-545e3bf6] {
        position: absolute;
        display: block;
        top: 2%;
        right: 14%;
        z-index: 2000
    }

    .phone-tab[data-v-545e3bf6] svg {
        width: 25px
    }
}

.main-title[data-v-0d172ebe] {
    margin: 1.8rem auto;
    font-size: 3rem
}

.p-shield a[data-v-0d172ebe] {
    padding: 5px
}

.p-shield a img[data-v-0d172ebe] {
    margin: 7px 0
}

.p-statement[data-v-0d172ebe] {
    margin: 10px 0
}

.p-simple[data-v-0d172ebe] {
    font-size: 20px;
    margin: 20px 0;
    line-height: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 0
}

:root {
    --b2-theme-c: #379ae8;
    --b2-theme-c-light: #4ea3e4;
    --b2-bg: #f8fbff;
    --b2-pre-bg: rgba(242, 246, 252, .859);
    --b2-text: #2c3e50;
    --b2-active: #fff;
    --b2-text-active: #fff;
    --b2-nav-hover-bg: #f2f2f4;
    --b2-nav-hover-text: #2c3e50;
    --b2-border: #EBEEF5;
    --b2-input-bg: #f8f8f8;
    --b2-btn-time: rgba(200, 190, 190, .2);
    --b2-close: #afafb2;
    --b2-mark-bg: rgba(0, 0, 0, .3);
    --b2-main-span: #e6e6e6;
    --b2-upload-c-0: #e6a23c;
    --b2-upload-c-1: #409eff;
    --b2-upload-c-2: #67c23a;
    --b2-upload-c-3: red
}

html.dark {
    --b2-theme-c: #f7c099;
    --b2-theme-c-light: #d8a682;
    --b2-bg: #111727;
    --b2-pre-bg: rgba(24, 27, 34, .685);
    --b2-nav-hover-text: #fff;
    --b2-nav-hover-bg: #525252;
    --b2-text: #fff;
    --b2-active: #78757c;
    --b2-border: #78757c;
    --b2-main-span: #282525
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-size: 62.5%;
    color: #222
}

::selection {
    background-color: #b3d4fc;
    text-shadow: none
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.mark-w {
    display: flex;
    justify-content: flex-end
}

.more-w {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 30px;
    height: 30px;
    background-color: var(--b2-bg);
    border-radius: 20px;
    box-shadow: 0 0 5px #ccc;
    z-index: 200;
    opacity: 0
}

.icon-more {
    width: 30px
}

.home-w .el-upload-dragger {
    width: 70vw;
    height: 30vh
}

.home-w .el-upload-dragger .el-icon-upload {
    font-size: 200px;
    margin: 100px 0 85px;
    line-height: 0
}

body {
    background-color: var(--b2-bg);
    color: var(--b2-text);
    font-family: PingFang;
    height: 100vh;
    overflow-y: hidden
}

svg {
    cursor: pointer
}

@font-face {
    font-family: PingFang;
    src: url(https://cloud.mr90.top/admin/PingFang.ttf) format("truetype")
}

.common-container {
    width: 98vw;
    height: 89vh;
    background-color: var(--b2-pre-bg);
    margin: 20px auto;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px
}

.el-checkbox-group::-webkit-scrollbar, .temp-content::-webkit-scrollbar, .upload-wrap::-webkit-scrollbar, .img-manage::-webkit-scrollbar, .setting-content::-webkit-scrollbar, .thumb_imgs::-webkit-scrollbar, .pic-list-t1::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.el-checkbox-group::-webkit-scrollbar-thumb, .temp-content::-webkit-scrollbar-thumb, .upload-wrap::-webkit-scrollbar-thumb, .img-manage::-webkit-scrollbar-thumb, .thumb_imgs::-webkit-scrollbar-thumb, .setting-content::-webkit-scrollbar-thumb, .pic-list-t1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d4d6d9
}

.el-checkbox-group::-webkit-scrollbar-track-piece, .temp-content::-webkit-scrollbar-track-piece, .upload-wrap::-webkit-scrollbar-track-piece, .img-manage::-webkit-scrollbar-track-piece, .setting-content::-webkit-scrollbar-track-piece, .thumb_imgs::-webkit-scrollbar-track-piece, .pic-list-t1::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 10px
}

#app .el-input__inner {
    background-color: var(--b2-input-bg);
    color: var(--bg-text)
}

#app .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

#app .el-form-item {
    margin-bottom: 0
}

.setting-hd-h2 {
    font-size: 15px;
    font-weight: 550
}

.flex-btw-center {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.isdload {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    backdrop-filter: blur(8px);
    background-color: var(--b2-mark-bg);
    display: flex;
    justify-content: center;
    align-items: center
}

.isdload span {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    height: 30px;
    vertical-align: middle
}

.isdload span img {
    vertical-align: middle;
    height: 100%;
    margin-right: 10px
}

.el-pagination .btn-next, .el-pagination .btn-prev {
    background-color: var(--b2-input-bg)
}

.red-c {
    color: red
}