/* 清除页面默认样式 */
html,
body {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
    text-shadow:
        -.1px -.1px 0 rgba(0, 0, 0, .1),
        .1px -.1px 0 rgba(0, 0, 0, .1),
        -.1px .1px 0 rgba(0, 0, 0, .1),
        .1px .1px 0 rgba(0, 0, 0, .1);
    scroll-behavior: smooth;
    font-family: "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", Arial, sans-serif;
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yOTAwOV8xODA4NDgpIj4KPHBhdGggZD0iTTcuNSAxN0w1IDRMMTYgMTAuNUwxMC41IDEyTDcuNSAxN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik03LjAwOSAxNy4wOTQ0TDcuMjU1OTUgMTguMzc4Nkw3LjkyODc1IDE3LjI1NzJMMTAuODI1NCAxMi40Mjk1TDE2LjEzMTYgMTAuOTgyNEwxNy4yNzI2IDEwLjY3MTJMMTYuMjU0NCAxMC4wNjk1TDUuMjU0MzYgMy41Njk1NEw0LjI5OTU2IDMuMDA1MzNMNC41MDkgNC4wOTQ0Mkw3LjAwOSAxNy4wOTQ0WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjkwMDlfMTgwODQ4IiB4PSIwLjU5OTEyMSIgeT0iMC4wMTA2MjAxIiB3aWR0aD0iMjAuOTQ1OCIgaGVpZ2h0PSIyMy43NDY2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjM1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjkwMDlfMTgwODQ4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI5MDA5XzE4MDg0OCIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K) 4 4, auto !important;
}

:root {
    --bg-color: #FBFBFB;
    --sbar-bg-color: #FFF;
    --sbar-l-color: #EBEBEB;
    --sbar-font-color: #333;
    --sbar-font-hint-color: #888;
    --sbar-font-hover-color: #333;
    --sbar-l-2-color: #DDD;
    --sbar-l-3-color: #F6F6F6;
    --sbar-himg-l-color: #F0F0F0;
    --sbar-title-color: #000;
    --sbar-title-hint-color: #666;
    --sbar-menu-item-hover-color: #F7F7F7;
    --sbar-menu-item-child-hover-color: rgba(0, 0, 0, .08);
    --sbar-menu-item-font-color: #666;
    --sbar-menu-item-child-l-color: #E0E0E0;
    --tbar-theme-bg-color: #EEE;
    --tbar-theme-font-color: #000;
    --tbar-theme-card-color: #FFF;
}

:root[data-theme="dark"] {
    --bg-color: #303030;
    --sbar-bg-color: #292b2c;
    --sbar-l-color: #2E3235;
    --sbar-font-color: #FFF;
    --sbar-font-hint-color: #BBB;
    --sbar-font-hover-color: #FFF;
    --sbar-l-2-color: rgba(255, 255, 255, 0.1);
    --sbar-l-3-color: rgba(255, 255, 255, 0.05);
    --sbar-himg-l-color: rgba(255, 255, 255, 0.1);
    --sbar-title-color: #FFF;
    --sbar-title-hint-color: rgba(255, 255, 255, 0.6);
    --sbar-menu-item-hover-color: rgba(255, 255, 255, 0.15);
    --sbar-menu-item-child-hover-color: rgba(255, 255, 255, 0.1);
    --sbar-menu-item-font-color: #999;
    --sbar-menu-item-child-l-color: rgba(255, 255, 255, 0.15);
    --tbar-theme-bg-color: #404040;
    --tbar-theme-font-color: #FFF;
    --tbar-theme-card-color: #23272A;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px transparent inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

input:-internal-autofill-selected {
    background-color: unset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

#app {
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    /* overflow-x: hidden; */
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.ttf?t=1708918585544') format('truetype');
}

@font-face {
    font-family: "dinpro";
    src: url('../font/dinpro.otf') format('truetype');
}

@font-face {
    font-family: "dinpro-Regular";
    src: url('../font/dinpro-Regular.otf') format('truetype');
}

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

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/*弹窗样式*/
.iziToast {
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.25) !important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important; */
    -webkit-backdrop-filter: blur(10px);
    /* border: 1px solid rgba(255, 255, 255, 0.18) !important; */
    border-radius: 27.5px !important;
}

.iziToast-wrapper {
    padding: 20px 0 0 0 !important;
}

.iziToast:after {
    box-shadow: none !important;
}

.iziToast>.iziToast-body {
    display: flex;
    align-items: center;
}

.iziToast>.iziToast-body .iziToast-title {
    color: #000001 !important;
}

.iziToast>.iziToast-body .iziToast-message {
    margin: 0 !important;
    color: #333 !important;
}

.iziToast>.iziToast-body .iziToast-texts {
    margin: 0 !important;
}

.iziToast>.iziToast-body .iziToast-buttons>a,
.iziToast>.iziToast-body .iziToast-buttons>button,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]) {
    margin: 2px 6px !important;
}

.iziToast>.iziToast-body .iziToast-buttons>a:focus,
.iziToast>.iziToast-body .iziToast-buttons>button:focus,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus {
    box-shadow: none !important;
}

@media (max-width:786px) {
    .el-dialog {
        width: 85% !important;
    }
}