@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--el-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, 0.8);--el-overlay-color-light:rgba(0, 0, 0, 0.7);--el-overlay-color-lighter:rgba(0, 0, 0, 0.5);--el-mask-color:rgba(255, 255, 255, 0.9);--el-mask-color-extra-light:rgba(255, 255, 255, 0.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.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);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.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);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.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,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em} .fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.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);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.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);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.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,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{border-right:solid 1px var(--el-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--el-menu-bg-color);box-sizing:border-box}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{white-space:nowrap;padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))}.el-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:solid 1px var(--el-menu-border-color);border-right:none}.el-menu--horizontal>.el-menu-item{display:inline-flex;justify-content:center;align-items:center;height:100%;margin:0;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.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-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:0}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:100%;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-bg-color-overlay)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background-color:var(--el-menu-bg-color);display:flex;align-items:center;height:var(--el-menu-horizontal-sub-item-height);padding:0 10px;color:var(--el-menu-text-color)}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:var(--el-menu-hover-text-color);background-color:var(--el-menu-hover-bg-color)}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;vertical-align:middle;width:var(--el-menu-icon-width);text-align:center}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu{position:relative}.el-menu--collapse .el-sub-menu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu .el-icon{flex-shrink:0}.el-menu-item{display:flex;align-items:center;height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:0}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon]{margin-right:5px;width:var(--el-menu-icon-width);text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{position:absolute;left:0;top:0;height:100%;width:100%;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 var(--el-menu-base-level-padding)}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{display:flex;align-items:center;height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:0}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height);min-width:200px}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu .el-icon{vertical-align:middle;margin-right:5px;width:var(--el-menu-icon-width);text-align:center;font-size:18px}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{position:absolute;top:50%;right:var(--el-menu-base-level-padding);margin-top:-7px;transition:transform var(--el-transition-duration);font-size:12px;margin-right:0;width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px var(--el-menu-base-level-padding);line-height:normal;font-size:12px;color:var(--el-text-color-secondary)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{transition:var(--el-transition-duration-fast);opacity:0} .el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow::before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow::before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow::before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow::before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow::before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow::before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow::before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent!important;border-top-color:transparent!important} .el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em} .el-menu { border-right: none; box-shadow: 0 2px 8px 2px #00000029; } :root { --el-menu-bg-color: rgb(255, 255, 255, 70%); --el-menu-text-color: #201f1f; } .el-menu-item:hover { color: #153969; } .header-left { align-items: center; color: #8080ff; font-weight: bold; } .el-menu-item.is-active { color: #8080ff; border-right: 3px solid #8080ff; background: #e3e1fc; } .home-header { height: 60px; background-color: rgb(255, 255, 255, 70%); box-shadow: 0 2px 9px 2px #00000012; border-radius: 2px; } .home-body { height: calc(100% - 80px); box-sizing: border-box; } .title { font-size: 20px; color: #8080ff; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #cccccc6e; } .home-body { background-color: rgb(255, 255, 255, 70%); margin: 10px 0; } .home-content { border-radius: 2px; width: calc(100% - 200px); } #app { width: 100vw; height: 100vh; font-family: Montserrat, Helvetica Neue, Arial, Microsoft Yahei, sans-serif; color: #201f1f; background: #f2f3f7; overflow: hidden; background: url(https://www.warmpetstudio.com/goods/f56d4f7afc7aad16d434ff166c6ab5cd.png); } ::-webkit-scrollbar-thumb { background: #8080ff; } /* stylelint-disable prettier/prettier */ /* stylelint-disable order/properties-order */ :root { --unit-0: 0; --unit-1: 1px; --unit-5: 5px; --unit-10: 10px; --unit-15: 15px; --unit-20: 20px; --unit-25: 20px; --unit-30: 30px; --unit-35: 35px; --unit-40: 40px; --unit-50: 50px; --unit-60: 60px; --unit-70: 70px; --unit-80: 80px; --unit-90: 90px; --unit-100: 100px; --unit-200: 200px; --success: #2bb91b; --warning: #ff8412; --danger: #ff5132; --blue: #57a0ff; --disable: #abcdff; --light: #fff2ff; --main: #16c2c2; --white: #fff; --deep-black: #000; --light-black: #333; --deep-red: #cb2634; --linght-red: #f64242; --deep-gray: #c2c8d1; --light-gray: #f7f8fa; } .success { color: var(--success); } * { padding: 0; margin: 0; } .pd-5 { padding: var(--unit-5); } .pd-10 { padding: var(--unit-10); } .pd-20 { padding: var(--unit-20); } .pd-30 { padding: var(--unit-30); } .pd-40 { padding: var(--unit-40); } .pd-50 { padding: var(--unit-50); } .pd-x-5 { padding-left: var(--unit-5); padding-right: var(--unit-5); } .pd-x-10 { padding-left: var(--unit-10); padding-right: var(--unit-10); } .pd-x-20 { padding-left: var(--unit-20); padding-right: var(--unit-20); } .pd-x-30 { padding-left: var(--unit-30); padding-right: var(--unit-30); } .pd-x-40 { padding-left: var(--unit-40); padding-right: var(--unit-40); } .pd-x-50 { padding-left: var(--unit-50); padding-right: var(--unit-50); } .pd-y-5 { padding-top: var(--unit-5); padding-bottom: var(--unit-5); } .pd-y-10 { padding-top: var(--unit-10); padding-bottom: var(--unit-10); } .pd-y-20 { padding-top: var(--unit-20); padding-bottom: var(--unit-20); } .pd-y-30 { padding-top: var(--unit-30); padding-bottom: var(--unit-30); } .pd-y-40 { padding-top: var(--unit-40); padding-bottom: var(--unit-40); } .pd-y-50 { padding-top: var(--unit-50); padding-bottom: var(--unit-50); } .pd-left-10 { padding-left: var(--unit-10); } .pd-left-20 { padding-left: var(--unit-20); } .pd-left-30 { padding-left: var(--unit-30); } .pd-left-40 { padding-left: var(--unit-40); } .pd-left-50 { padding-left: var(--unit-50); } .pd-right-10 { padding-right: var(--unit-10); } .pd-right-20 { padding-right: var(--unit-20); } .pd-right-30 { padding-right: var(--unit-30); } .pd-right-40 { padding-right: var(--unit-40); } .pd-right-50 { padding-right: var(--unit-50); } .pd-top-0 { padding-top: var(--unit-0); } .pd-top-5 { padding-top: var(--unit-5); } .pd-top-10 { padding-top: var(--unit-10); } .pd-top-20 { padding-top: var(--unit-20); } .pd-top-30 { padding-top: var(--unit-30); } .pd-top-40 { padding-top: var(--unit-40); } .pd-top-50 { padding-top: var(--unit-50); } .pd-bottom-5 { padding-bottom: var(--unit-5); } .pd-bottom-10 { padding-bottom: var(--unit-10); } .pd-bottom-20 { padding-bottom: var(--unit-20); } .pd-bottom-30 { padding-bottom: var(--unit-30); } .pd-bottom-40 { padding-bottom: var(--unit-40); } .pd-bottom-50 { padding-bottom: var(--unit-50); } .mg-5 { margin: var(--unit-5); } .mg-10 { margin: var(--unit-10); } .mg-20 { margin: var(--unit-20); } .mg-30 { margin: var(--unit-30); } .mg-40 { margin: var(--unit-40); } .mg-50 { margin: var(--unit-50); } .mg-x-5 { margin-left: var(--unit-5); margin-right: var(--unit-5); } .mg-x-10 { margin-left: var(--unit-10); margin-right: var(--unit-10); } .mg-x-20 { margin-left: var(--unit-20); margin-right: var(--unit-20); } .mg-x-30 { margin-left: var(--unit-30); margin-right: var(--unit-30); } .mg-x-40 { margin-left: var(--unit-40); margin-right: var(--unit-40); } .mg-x-50 { margin-left: var(--unit-50); margin-right: var(--unit-50); } .mg-y-5 { margin-top: var(--unit-5); margin-bottom: var(--unit-5); } .mg-y-10 { margin-top: var(--unit-10); margin-bottom: var(--unit-10); } .mg-y-20 { margin-top: var(--unit-20); margin-bottom: var(--unit-20); } .mg-y-30 { margin-top: var(--unit-30); margin-bottom: var(--unit-30); } .mg-y-40 { margin-top: var(--unit-40); margin-bottom: var(--unit-40); } .mg-y-50 { margin-top: var(--unit-50); margin-bottom: var(--unit-50); } .mg-left-0 { margin-left: var(--unit-0); } .mg-left-10 { margin-left: var(--unit-10); } .mg-left-20 { margin-left: var(--unit-20); } .mg-left-30 { margin-left: var(--unit-30); } .mg-left-40 { margin-left: var(--unit-40); } .mg-left-50 { margin-left: var(--unit-50); } .mg-right-10 { margin-right: var(--unit-10); } .mg-right-20 { margin-right: var(--unit-20); } .mg-right-30 { margin-right: var(--unit-30); } .mg-right-40 { margin-right: var(--unit-40); } .mg-right-50 { margin-right: var(--unit-50); } .mg-top-10 { margin-top: var(--unit-10); } .mg-top-20 { margin-top: var(--unit-20); } .mg-top-30 { margin-top: var(--unit-30); } .mg-top-40 { margin-top: var(--unit-40); } .mg-top-50 { margin-top: var(--unit-50); } .mg-bottom-0 { margin-bottom: var(--unit-0); } .mg-bottom-5 { margin-bottom: var(--unit-5); } .mg-bottom-10 { margin-bottom: var(--unit-10); } .mg-bottom-15 { margin-bottom: var(--unit-15); } .mg-bottom-20 { margin-bottom: var(--unit-20); } .mg-bottom-30 { margin-bottom: var(--unit-30); } .mg-bottom-40 { margin-bottom: var(--unit-40); } .mg-bottom-50 { margin-bottom: var(--unit-50); } .flex { display: flex; } .flex-center { display: flex; justify-content: center; align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .align-items-center { align-items: center; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .flex-direction-column { flex-direction: column; } .flex-direction-row-reverse { flex-direction: row-reverse; } .flex-1 { flex: 1; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .rounded-circle { border-radius: 100%; } .font-smaller { font-size: var(--unit-10); } .font-small { font-size: var(--unit-15); } .font-sm { font-size: var(--unit-20); } .font { font-size: var(--unit-25); } .font-md { font-size: var(--unit-30); } .font-lg { font-size: var(--unit-35); } .font-lger { font-size: var(--unit-50); } .font-bold { font-weight: 600; } .color-main { color: #16c2c2; } .color-white { color: #fff; } .color-black { color: #333; } .color-red { color: #8fc31f; } .color-green { color: #8fc31f; } .color-primary { color: #007aff !important; } .color-light-muted { color: #989899; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-white-space { white-space: nowrap; } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-main { background-color: #21aad6 !important; } .bg-disabled { background-color: #11a0a0; } .bg-light { background-color: #f8f9fa; } .bg-red { background-color: #e40012; } .bg-green { background-color: #8fc31f; } .bg-white { background-color: #fff; } .bg-black { background-color: #333; } .bg-transparent { background-color: transparent; } .bg-center { background-position: center !important; } .bg-bottom { background-position: bottom !important; } .bg-right { background-position: right !important; } .bg-left { background-position: left !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-contain { background-size: contain !important; } .bg-cover { background-size: cover !important; } .wd-100 { width: 100%; } .wd-80 { width: 80%; } .wd-50 { width: 50%; } .wd-25 { width: 25%; } .wd-30 { width: 30%; } .wd-20px { width: var(--unit-20); } .wd-30px { width: var(--unit-30); } .wd-40px { width: var(--unit-40); } .wd-50px { width: var(--unit-50); } .wd-60px { width: var(--unit-60); } .wd-70px { width: var(--unit-70); } .wd-80px { width: var(--unit-80); } .wd-90px { width: var(--unit-90); } .wd-100px { width: var(--unit-100); } .hg-100 { height: 100%; } .hg-80 { height: 80%; } .hg-50 { height: 50%; } .hg-25 { height: 25%; } .hg-20px { height: var(--unit-20); } .hg-30px { height: var(--unit-30); } .hg-40px { height: var(--unit-40); } .hg-50px { height: var(--unit-50); } .hg-60px { height: var(--unit-60); } .hg-70px { height: var(--unit-70); } .hg-80px { height: var(--unit-80); } .hg-100px { height: var(--unit-100); } .hg-200px { height: var(--unit-200); } .border { border: var(--unit-1) solid #dee2e6; } .border-none { border: none; } .border-left { border-left: var(--unit-1) solid #dee2e6; } .border-right { border-right: var(--unit-1) solid #dee2e6; } .border-bottom { border-bottom: var(--unit-1) solid #dee2e6; } .border-top { border-top: var(--unit-1) solid #dee2e6; } .border-radius { border-radius: var(--unit-1); } .border-blue { border: var(--unit-1) solid var(--blue); } /* ie盒模型 */ .box-sizing-box { box-sizing: border-box; } .position-fixed { position: fixed; } .position-relative { position: relative; } .position-absolute { position: absolute; } /* 左距离 */ .left-0 { left: var(--unit-0); } .left-10 { left: var(--unit-10); } .left-20 { left: var(--unit-20); } /* 右距离 */ .right-0 { right: var(--unit-0); } .right-10 { right: var(--unit-10); } .right-20 { right: var(--unit-20); } /* 底部 */ .bottom-0 { bottom: var(--unit-0); } .bottom-10 { bottom: var(--unit-10); } .bottom-20 { bottom: var(--unit-20); } /* 顶部 */ .top-0 { top: var(--unit-0); } .top-10 { top: var(--unit-10); } .top-20 { top: var(--unit-20); } /* 层级 */ .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-999 { z-index: 999; } .position-center { left: 50%; top: 50%; transform: translate(50%, 50%); } .fixed-bottom { position: fixed; left: 0; bottom: 0; z-index: 1; } .fixed-top { position: fixed; right: 0; left: 0; top: 0; z-index: 1; } .fixed-right { position: fixed; right: 0; top: 0; z-index: 1; } /* **************************************透明度************************************ */ .opacity-0 { opacity: 0; } /* ***************************************滚动条****************************************** */ .overflow-hidden { overflow: hidden; } .overflow-y-scroll { overflow-y: scroll; } /* **************************************鼠标手势************************************ */ .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .fit-contain { -o-object-fit: contain; object-fit: contain; }