UNPKG

element-ui-root

Version:

element-ui-root

2,424 lines (2,109 loc) 87.9 kB
#map[data-v-a46f5b24] { width: 1403px; height: 864px; } .wang-editor { width: 100%; overflow: hidden; } .wang-editor .w-e-text::-webkit-scrollbar { width: 8px; height: 8px; } .wang-editor .w-e-text::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.2); } .a-player .a-player-body { opacity: 0; width: 100vw; height: 100vh; visibility: hidden; transition: all 0.28s; background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; bottom: 0; right: 0; left: 0; top: 0; } .a-player .a-player-body.visible { opacity: 1; visibility: visible; transition: all 0.28s; } .a-player .a-player-body .a-player-main { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .a-player .a-player-body .a-player-main .a-player-main-container { position: relative; } .a-player .a-player-body .a-player-main .a-player-main-container video { border: none; outline: none; background-color: #ffffff; } .a-player .a-player-body .a-player-main .a-player-main-container .close { position: absolute; z-index: 1000; right: 6px; top: 6px; width: 36px; height: 36px; opacity: 0.8; font-size: 16px; cursor: pointer; border-radius: 50%; transition: all 0.28s; display: flex; align-items: center; justify-content: center; } .a-player .a-player-body .a-player-main .a-player-main-container .close i { font-weight: bold; } .a-player .a-player-body .a-player-main .a-player-main-container .close:hover { opacity: 1; color: #ffffff; transition: all 0.28s; background-color: rgba(0, 0, 0, 0.7); } .a-player .play-button { width: 32px; height: 18px; font-size: 18px; cursor: pointer; transition: all 0.28s; color: #409eff; text-shadow: 1px 1px 1px #000000; border: 1px solid #409eff; display: flex; align-items: center; justify-content: center; } .a-player .play-button:hover { transition: all 0.28s; color: #ffffff; background-color: #409eff; } .a-player .play-button:active { position: relative; top: 1px; } .a-upload-file { margin: 0 auto; display: inline; } .a-upload-file>div { margin: 0 auto; display: inline; } .a-upload-file .el-upload { margin: 0 10px; display: inline; } .a-upload-file.hide-file-list .el-upload-list { display: none; } .a-upload-icon { width: 100%; } .a-upload-icon .single { position: relative; cursor: pointer; width: 160px; display: flex; align-items: center; justify-content: center; } .a-upload-icon .single > div { width: 100%; } .a-upload-icon .single .el-upload { overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center; } .a-upload-icon .single .el-upload .icon { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .a-upload-icon .single .el-upload .icon img { width: auto; } .a-upload-icon .single .delete { opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.1); transition: all 0.56s; visibility: hidden; position: absolute; top: 0; } .a-upload-icon .single:hover .delete { opacity: 1; visibility: visible; } .a-upload-icon .single .delete i { font-size: 36px; color: rgba(255, 255, 255, 0.7); text-shadow: 1px 1px 1px #000000; } .b-dialog { padding: 0; } .b-dialog .el-dialog__header { padding: 4px 10px; text-align: center; background-color: #224b7f; } .b-dialog .el-dialog__header .el-dialog__title { font-size: 16px; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #000000; } .b-dialog .el-dialog__header .el-dialog__headerbtn { position: absolute; top: 8px; right: 10px; } .b-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: #ffffff; text-shadow: 1px 1px 1px #000000; } .b-dialog .el-dialog__body { padding: 0; } .b-dialog .el-dialog__body .b-dialog-body { margin: 0; max-height: 60vh; padding: 10px 20px; overflow-y: auto; border-bottom: 1px solid #eeeeee; } .b-dialog .el-dialog__body .b-dialog-body::-webkit-scrollbar { width: 8px; height: 8px; } .b-dialog .el-dialog__body .b-dialog-body::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.2); } .b-dialog .b-dialog-foot { padding: 14px 0; text-align: center; } .b-dialog .b-dialog-foot .el-button { border-radius: 0; width: 100px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; } .b-dialog .el-dialog { position: relative; box-sizing: border-box; } .b-dialog .el-dialog .a-f-editor .action { width: 100%; height: 48px; position: absolute; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .b-dialog .el-dialog .a-f-editor .action .el-button { width: 100px; padding: 8px 16px; } .b-dialog .el-dialog .a-f-editor .action .el-form-item { margin: 0; } .b-dialog .b-dialog-foot.custom { padding: 24px 0; } .a-player .a-player-body { opacity: 0; width: 100vw; height: 100vh; visibility: hidden; transition: all 0.28s; background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; bottom: 0; right: 0; left: 0; top: 0; } .a-player .a-player-body.visible { opacity: 1; visibility: visible; transition: all 0.28s; } .a-player .a-player-body .a-player-main { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .a-player .a-player-body .a-player-main .a-player-main-container { position: relative; } .a-player .a-player-body .a-player-main .a-player-main-container video { border: none; outline: none; background-color: #ffffff; } .a-player .a-player-body .a-player-main .a-player-main-container .close { position: absolute; z-index: 1000; right: 6px; top: 6px; width: 36px; height: 36px; opacity: 0.8; font-size: 16px; cursor: pointer; border-radius: 50%; transition: all 0.28s; display: flex; align-items: center; justify-content: center; } .a-player .a-player-body .a-player-main .a-player-main-container .close i { font-weight: bold; } .a-player .a-player-body .a-player-main .a-player-main-container .close:hover { opacity: 1; color: #ffffff; transition: all 0.28s; background-color: rgba(0, 0, 0, 0.7); } .a-player .play-button { width: 32px; height: 18px; font-size: 18px; cursor: pointer; transition: all 0.28s; color: #409eff; text-shadow: 1px 1px 1px #000000; border: 1px solid #409eff; display: flex; align-items: center; justify-content: center; } .a-player .play-button:hover { transition: all 0.28s; color: #ffffff; background-color: #409eff; } .a-player .play-button:active { position: relative; top: 1px; } .b-tree { min-height: 380px; } .last-rows { white-space: normal; } .a-amap { position: relative; } .a-amap .a-amap-main { width: 100%; height: 100%; } .a-amap .a-amap-tool { position: absolute; top: 0; left: 0; } .a-amap .amap-logo { opacity: 0; display: none; } .a-actions-dialog .el-message-box__header { padding: 0; height: 34px; display: flex; align-items: center; border-bottom: 1px solid #efefef; } .a-actions-dialog .el-message-box__header .el-message-box__title { padding: 0 12px; font-size: 16px; color: #606266; } .a-actions-dialog .el-message-box__header .el-message-box__headerbtn { top: 0; right: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; } .a-actions-dialog .el-message-box__header .el-message-box__headerbtn .el-icon-close { transition: color 0.28s; } .a-actions-dialog .el-message-box__header .el-message-box__headerbtn:hover .el-icon-close { color: #ff4d4f; } .a-actions-dialog .el-message-box__content .a-actions-dialog-content .keyword b { color: #ff4d4f; margin: 0 4px; } .a-skeleton.flex { box-sizing: border-box; overflow: hidden; width: 100%; flex: 1; display: flex; flex-direction: column; } .a-skeleton.flex > div { overflow: hidden; width: 100%; flex: 1; display: flex; flex-direction: column; } .a-skeleton.flex > div .el-skeleton { overflow: hidden; width: 100%; flex: 1; display: flex; flex-direction: column; } .a-body { box-sizing: border-box; overflow: hidden; overflow-y: auto; position: relative; } .a-body .a-body { padding: 0 !important; margin: 0 !important; } .a-body .a-body-main { box-sizing: border-box; } .a-body .a-body-main .a-body-main { padding: 0 !important; margin: 0 !important; } .a-body::-webkit-scrollbar { width: 8px; height: 8px; } .a-body::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); } .a-body.flex { overflow-y: hidden; flex: 1; display: flex; flex-direction: column; } .a-body.flex .a-body-main { position: relative; flex: 1; display: flex; flex-direction: column; } .a-body.flex .a-body-main .a-body-container { transition: opacity 0.28s; z-index: initial; opacity: initial; width: 100%; flex: 1; display: flex; flex-direction: column; } .a-body.flex .a-body-main .a-body-container.loading { z-index: -1; opacity: 0; } .a-body.flex .a-body-main .a-body-container .a-body-header { display: flex; align-items: center; } .a-body.flex .a-body-main .a-body-container .a-body-header .a-body-header-title { padding: 0 0 8px 0; margin: 0; display: flex; align-items: center; } .a-body.flex .a-body-main .a-body-container .a-body-center { width: 100%; flex: 1; display: flex; flex-direction: column; } .a-body.flex .a-body-main .a-body-loading { box-sizing: border-box; position: absolute; z-index: -1; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; transition: opacity 0.28s; } .a-body.flex .a-body-main .a-body-loading.loading { z-index: initial; opacity: initial; } .a-body:not(.flex) .a-body-main .a-body-loading { display: none; } .a-box { box-sizing: border-box; } .a-box.flex { width: 100%; flex: 1; display: flex; flex-direction: initial; } .a-breadcrumb .item { display: inline; font-size: 14px; transition: color 0.28s; } .a-card { box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%); color: rgba(0, 0, 0, 0.6); box-sizing: border-box; border-radius: 4px; font-size: 16px; width: 100%; height: 100%; display: flex; flex-direction: column; } .a-card.flex { width: 100%; flex: 1; display: flex; } .a-card .a-card-head { border-bottom: 1px solid #eeeeee; box-sizing: border-box; padding: 8px 12px; font-weight: bold; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } .a-card .a-card-head.draggable { cursor: move; } .a-card .a-card-head .a-title-body { color: rgba(0, 0, 0, 0.6); } .a-card .a-card-head .link { font-weight: lighter; cursor: pointer; font-size: 12px; color: #409eff; transition: hover 0.28s, active 0.28s; } .a-card .a-card-head .link:hover { color: #1890ff; } .a-card .a-card-head .link:active { position: relative; top: 1px; } .a-card .a-card-body { box-sizing: border-box; flex: 1; display: flex; } .a-card .a-card-body .a-card-body-main { box-sizing: border-box; flex: 1; display: flex; flex-direction: column; } .a-card .a-card-body .a-card-body-main .a-form .el-form--inline { padding: 10px 0; } .a-card .a-card-body .a-card-body-main .a-form .el-form--inline .el-form-item { margin-bottom: 14px; } .a-card .a-card-body .a-card-body-main .a-form .el-form--inline .el-form-item .el-form-item__label { line-height: 24px; } .a-card .a-card-body .a-card-body-main .a-form .el-form--inline .action { display: inline-block; width: 100%; overflow: hidden; margin-top: 20px; } .a-card .a-card-body .a-card-body-main .a-form .el-form--inline .action button { width: 100px; padding: 8px 16px; } .a-card .a-card-foot { padding: 0 20px 30px 20px; } .a-card .a-card-foot button { padding: 8px 32px; } .a-carousel { width: 100%; height: 100%; } .a-carousel .el-carousel__item { box-sizing: border-box; width: 100%; height: 100%; background-size: 100% auto; background-position: center; background-repeat: no-repeat; } .a-carousel.single .el-carousel__arrow { display: none; } .a-carousel.single .el-carousel__indicators { display: none; } .a-carousel .el-carousel__arrow { opacity: 0; transition: opacity 0.28s ease-in-out 0.28s; } .a-carousel:hover .el-carousel__arrow { opacity: 1; } .a-carousel .el-carousel__item .a-carousel-main { box-sizing: border-box; max-width: 1200px; padding: 2vh 2vw; margin: 0 auto; height: 100%; display: flex; flex-direction: row; align-items: center; } .a-col { box-sizing: border-box; } .a-col.flex { display: flex; flex-direction: initial; } .a-dialog { padding: 0; } .a-dialog .el-dialog__header { padding: 0; height: 36px; line-height: 36px; text-align: center; background-color: #1890ff; } .a-dialog .el-dialog__header .el-dialog__title { font-size: 16px; color: #ffffff; } .a-dialog .el-dialog__header .el-dialog__headerbtn { position: absolute; height: 36px; width: 36px; top: 0; right: 0; } .a-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { transition: color 0.28s; color: #ffffff; } .a-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close { color: #ff4d4f; } .a-dialog .el-dialog__body { padding: 0; } .a-dialog .el-dialog__body .a-dialog-body { margin: 0; overflow-y: auto; } .a-dialog .el-dialog__body .a-dialog-body::-webkit-scrollbar { width: 8px; height: 8px; } .a-dialog .el-dialog__body .a-dialog-body::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.2); } .a-dialog .a-dialog-foot { border-top: 1px solid #eeeeee; padding: 10px 0; text-align: center; } .a-dialog .a-dialog-foot .el-button { border-radius: 0; width: 100px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; } .a-dialog .el-dialog { position: relative; box-sizing: border-box; } .a-dialog .el-dialog .a-f-editor .action { position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; } .a-dialog .el-dialog .a-f-editor .action .el-button { width: 100px; padding: 8px 16px; } .a-dialog .el-dialog .a-f-editor .action .el-form-item { margin: 0; } .a-dialog .a-dialog-foot.custom { padding: 24px 0; } .a-drag-box { flex: 1; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; display: flex; flex-direction: column; } .a-drag-box .a-drag-box-body { flex: 1; display: flex; overflow: hidden; box-sizing: border-box; } .a-drag-box .a-drag-box-body .custom-body { flex: 1; } .a-dropdown { cursor: pointer; transition: all 0.28s; color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; } .a-dropdown .username { display: inline-block; font-size: 14px; margin: 0 20px; } .a-dropdown .usericon { display: inline-block; } .a-dropdown .usericon .icon { width: 48px; height: 48px; margin: 0 20px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .a-dropdown .usericon .icon img { width: 100%; } .a-dropdown .el-dropdown-link.el-dropdown-selfdefine { font-size: 14px; transition: all 0.28s; } .a-dropdown .el-dropdown-link.el-dropdown-selfdefine:hover { color: #66b1ff; transition: all 0.28s; } .a-dropdown.opened .el-dropdown-link.el-dropdown-selfdefine { color: #66b1ff; transition: all 0.28s; } .el-dropdown-menu__item { font-size: 12px; } .a-dropdown .horizontal .el-dropdown-link.el-dropdown-selfdefine { color: rgba(255, 255, 255, 0.7); } .a-e-map { width: 100%; height: 100%; } .b-e-map { width: 100%; height: 100%; } .a-editor { flex: 1; display: flex; flex-direction: initial; } .a-editor .a-editor-main { flex: 1; box-sizing: border-box; } .a-editor .a-editor-main .w-e-toolbar { z-index: initial!important; } .a-editor .a-editor-main .w-e-text-container { z-index: initial!important; } .a-editor .a-editor-hide { display: none; } .a-flex { flex: 1; display: flex; } .a-icon-select { padding: 8px; } .a-icon-select .a-icon-select-list { overflow-y: auto; } .a-icon-select .a-icon-select-list::-webkit-scrollbar { width: 8px; height: 8px; } .a-icon-select .a-icon-select-list::-webkit-scrollbar-thumb { width: 8px; border-radius: 8px; background-color: #cccccc; } .a-icon-select .a-icon-select-list .a-icon-select-item { display: inline-block; padding: 2px; margin: 2px; cursor: pointer; border-radius: 4px; transition: color 0.28s; border: 2px solid rgba(0, 0, 0, 0); } .a-icon-select .a-icon-select-list .a-icon-select-item:hover, .a-icon-select .a-icon-select-list .a-icon-select-item.active { color: #409EFF; border: 2px solid #409EFF; } .a-tree-select .a-tree-select-body { width: 320px; padding: 6px 0; overflow: hidden; overflow-y: auto; } .a-tree-select .a-tree-select-body .el-checkbox { display: none; } .a-tree-select .a-tree-select-body .el-checkbox.is-checked+.el-tree-node__label { color: #409EFF; font-weight: 700; } .a-tree-select .a-tree-select-body::-webkit-scrollbar { width: 8px; height: 8px; } .a-tree-select .a-tree-select-body::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); } .a-form-item.select.el-select-dropdown__item .el-checkbox { width: 100%; } .a-form-item.select.el-select-dropdown__item .el-checkbox .el-checkbox__input { display: none; } .a-form-item.select.el-select-dropdown__item .el-checkbox .el-checkbox__label { padding: 0; } .a-form-item.select.el-select-dropdown__item .el-checkbox.is-checked .el-checkbox__label { font-weight: 700; } .a-form-item.cascader .el-cascader__tags .el-cascader__search-input { display: none; } .a-f-editor { overflow: hidden; height: 100%; width: 100%; flex: 1; display: flex; } .a-f-editor .el-col { margin: 0; } .a-f-editor .hint { font-size: 12px; color: rgba(0, 0, 0, 0.6); } .a-f-editor .el-form { box-sizing: border-box; flex: 1; display: flex; flex-direction: column; } .a-f-editor .el-form.el-form--inline { flex-direction: initial; flex-wrap: wrap; } .a-f-editor .el-form .column { box-sizing: border-box; flex: 1; } .a-f-editor .el-form .column .rows { transition: all 0.28s; display: flex; flex-wrap: wrap; } .a-f-editor .el-form .action { transition: all 0.28s; margin: 12px 0; } .a-f-editor .el-form .action .el-form-item__label { display: none; } .a-f-editor:not(.review) .el-form--label-top .el-form-item .el-form-item__label { display: flex; padding: 0 0 6px; line-height: initial; } .a-f-editor:not(.review) .el-form.el-form--label-top .el-form-item .el-form-item__label::before { order: 2; margin-left: 4px; } .a-f-editor.vertical .el-form-item { margin-bottom: 16px; } .a-f-editor .el-form .el-form-item-mini { margin-bottom: 14px; } .a-f-editor .el-form .el-form-item-small { margin-bottom: 16px; } .a-f-editor .el-form .el-form-item-medium { margin-bottom: 18px; } .a-f-editor .el-form .el-form-item[type="daterange"] { display: flex; } .a-f-editor .el-form--label-top .el-form-item[type="daterange"] { flex-direction: column; } .a-f-editor .el-form .el-form-item[type="daterange"] .el-form-item__content { flex: 1; margin-left: 0 !important; } .a-f-editor .el-form .el-form-item .el-form-item__content { display: flex; } .a-f-editor .el-form .el-form-item .el-form-item__content .el-input__inner { width: 100%; } .a-f-editor .el-form .el-form-item .el-form-item__content .el-textarea .el-textarea__inner { height: 100%; } .a-f-editor .el-form .el-form-item .el-form-item__content .el-date-editor.el-range-editor .el-input__icon.el-range__close-icon { position: absolute; right: 5px; padding: 4px 0; transition: none; box-sizing: border-box; } .a-f-editor .el-form .el-form-item .el-form-item__content .form-item-after { margin-left: 7px; } .a-f-editor .el-form .action .el-form-item .el-form-item__label { display: none; } .a-f-editor .disabled .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner { color: rgba(0, 0, 0, 0.6); border: 1px solid #eeeeee; } .a-f-editor .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner::-moz-placeholder { opacity: 0; } .a-f-editor .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner::placeholder { opacity: 0; } .a-f-editor .el-form-item .el-form-item__content:has(.el-form-item__error) .a-editor .w-e-toolbar, .a-f-editor .el-form-item .el-form-item__content:has(.el-form-item__error) .a-editor .w-e-text-container { border-color: #F56C6C !important; } .a-f-editor.review { flex: 1; display: flex; flex-direction: column; } .a-f-editor.review .el-form { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .a-f-editor.review .el-form .column { flex: 1; display: flex; flex-direction: column; } .a-f-editor.review .el-form .column .el-form-item { margin: 0; } .a-f-editor.review .el-form .column .el-form-item .el-select { width: 100%; } .a-f-editor.review .el-form .column .el-form-item .el-select .el-input .el-input__inner { padding: 0 !important; border: 0; width: 100%; cursor: text; color: #2c3e50; background: none; } .a-f-editor.review .el-form .column .el-form-item .el-select .el-input .el-input__suffix { display: none; } .a-f-editor.review .el-form .column .el-form-item .el-form-item__content img { width: 100%; } .a-f-editor .el-form .el-form-item .el-input { max-width: initial !important; } .a-f-editor .el-form .el-form-item .el-date-editor.el-input, .a-f-editor .el-form .el-form-item .el-date-editor.el-input__inner { width: initial; } .a-f-search { box-sizing: border-box; } .a-f-search .el-form { display: flex; } .a-f-search .el-form.el-form--inline { flex-wrap: wrap; } .a-f-search .el-form.el-form--inline .el-form-item { box-sizing: border-box; margin-right: 0; } .a-f-search .el-form .el-form-item .el-form-item__content { display: flex; } .a-f-search .el-form .el-form-item .el-form-item__content .el-input__inner { width: 100%; } .a-f-search .el-form .el-form-item .el-form-item__content .el-textarea .el-textarea__inner { height: 100%; } .a-f-search .el-form .el-form-item .el-form-item__content .el-date-editor.el-range-editor .el-input__icon.el-range__close-icon { position: absolute; right: 5px; padding: 4px 0; transition: none; box-sizing: border-box; } .a-f-search .el-form-item .el-form-item__content:has(.el-form-item__error) .a-editor .w-e-toolbar, .a-f-search .el-form-item .el-form-item__content:has(.el-form-item__error) .a-editor .w-e-text-container { border-color: #F56C6C !important; } .a-f-search .el-form .el-form-item .el-form-item__content .form-item-after { margin-left: 7px; } .a-f-search .el-form .column { flex: 1; } .a-f-search .el-form .column .rows { display: flex; flex-wrap: wrap; } .a-f-search .el-form .column .fold-rows { overflow: hidden; transition: height 0.28s; } .a-f-search .el-form .column .el-row .el-form-item .el-form-item__content .el-input { width: 100%; } .a-f-search .el-form .action .el-form-item__label { display: none; } /* label-top */ .a-f-search .el-form--label-top .el-form-item .el-form-item__label { display: flex; padding: 0 0 6px; line-height: initial; } .a-f-search .el-form--label-top .column .el-row .el-col { margin: 0; } .a-f-search .el-form--label-top .action .el-form-item__label { visibility: hidden; } .a-f-search .el-form--label-top .action .el-form-item__label { opacity: 0; } .a-f-search .el-form .el-form-item .el-input { max-width: initial !important; } .a-f-search .el-form .el-form-item .el-date-editor.el-input, .a-f-search .el-form .el-form-item .el-date-editor.el-input__inner { width: initial; } .b-f-editor { width: 100%; overflow: hidden; } .b-f-editor .el-col { margin: 0; } .b-f-editor .hint { font-size: 12px; color: rgba(0, 0, 0, 0.6); } .b-f-editor .action { display: inline; } .b-f-editor.vertical .el-form-item__label { line-height: 24px; padding-bottom: 0; } .b-f-editor.vertical .el-form-item { margin-bottom: 16px; } .b-f-editor.vertical .el-form-item .el-form-item__content { line-height: 3; } .b-f-editor.vertical .action .el-button { min-width: 100px; margin-top: 12px; margin-bottom: 12px; } .b-f-editor .el-form-item.is-error.is-required .w-e-toolbar { border-color: #f56c6c; border-bottom: 1px solid #eeeeee; } .b-f-editor .el-form-item.is-error.is-required .w-e-text-container { border-color: #f56c6c; } .b-f-editor .disabled .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner { color: rgba(0, 0, 0, 0.6); border: 1px solid #eeeeee; } .b-f-editor .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner::-moz-placeholder { opacity: 0; } .b-f-editor .el-form-item .el-form-item__content .el-input.is-disabled .el-input__inner::placeholder { opacity: 0; } /* all */ .a-f-form { box-sizing: border-box; } .a-f-form .el-form { display: flex; } .a-f-form .el-form.el-form--inline { box-sizing: border-box; display: flex; flex-wrap: wrap; } .a-f-form .el-form.el-form--inline .el-form-item { box-sizing: border-box; margin: 0 0 16px 0; } .a-f-form .el-form .el-form-item { margin-bottom: 16px; } .a-f-form .el-form .el-form-item .el-input { display: flex; align-items: center; justify-content: center; } .a-f-form .el-form .el-form-item .el-input__icon { display: flex; align-items: center; justify-content: center; } .a-f-form .el-form .el-form-item .el-form-item__content .el-input__inner { width: 100%; } .a-f-form .el-form .el-form-item .el-form-item__content .el-textarea .el-textarea__inner { height: 100%; } .a-f-form .el-form .el-form-item .el-input__icon { line-height: inherit; } .a-f-form .el-form .el-form-item .el-range__icon { line-height: inherit; } .a-f-form .el-form .el-form-item .el-range-separator { line-height: inherit; color: #dcdfe6; display: flex; align-items: center; justify-content: center; } .a-f-form .el-form .column { transition: all 0.28s; flex: 1; } .a-f-form .el-form .column .rows { transition: all 0.28s; display: flex; flex-wrap: wrap; } .a-f-form .el-form .column .fold-rows { overflow: hidden; transition: all 0.28s; } .a-f-form .el-form .column .el-row .el-form-item .el-form-item__content .el-input { width: 100%; } .a-f-form .el-form .column .el-row .el-form-item .el-form-item__content .range-cols { padding: 0!important; margin: 0!important; } .a-f-form .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col { padding: 0!important; margin: 0!important; } .a-f-form .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col:last-child { padding-left: 4px!important; } .a-f-form .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col:first-child { padding-right: 4px!important; } .a-f-form .el-form .column .el-row .el-col .el-form-item .el-form-item__content .el-col:last-child { padding-right: 0!important; } .a-f-form .el-form .column .el-row .el-col .el-form-item .el-form-item__content .el-col:first-child { padding-left: 0!important; } /* label-top */ .a-f-form .el-form--label-top .el-form-item .el-form-item__label { padding: 4px 0; line-height: normal; } .a-f-form .el-form--label-top .column .el-row .el-col { margin: 0; } .a-f-form .el-form--label-top .action .el-form-item__label { visibility: hidden; } /* label-left */ .a-f-form .el-form--label-left .action .el-form-item__label { display: none; } .a-f-form .el-form--label-left .action .el-form-item__content { margin-left: 0!important; } /* label-right */ .a-f-form .el-form--label-right .action .el-form-item__label { display: none; } .a-f-form .el-form--label-right .action .el-form-item__content { margin-left: 0!important; } /* all */ .b-f-search { box-sizing: border-box; } .b-f-search .el-form { display: flex; } .b-f-search .el-form .el-form-item { margin-bottom: 16px; } .b-f-search .el-form .column { flex: 1; } .b-f-search .el-form .column .fold-rows { overflow: hidden; transition: all 0.28s; } .b-f-search .el-form .column .el-row .el-form-item .el-form-item__content .el-input { width: 100%; } .b-f-search .el-form .column .el-row .el-form-item .el-form-item__content .range-cols { padding: 0!important; margin: 0!important; } .b-f-search .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col { padding: 0!important; margin: 0!important; } .b-f-search .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col:last-child { padding-left: 4px!important; } .b-f-search .el-form .column .el-row .el-form-item .el-form-item__content .range-cols .el-col:first-child { padding-right: 4px!important; } /* label-top */ .b-f-search .el-form--label-top .el-form-item .el-form-item__label { padding: 4px 0; line-height: normal; } .b-f-search .el-form--label-top .column .el-row .el-col { margin: 0; } .b-f-search .el-form--label-top .action .el-form-item__label { visibility: hidden; } /* label-left */ .b-f-search .el-form--label-left .action .el-form-item__label { display: none; } .b-f-search .el-form--label-left .action .el-form-item__content { margin-left: 0; } .a-iframe.flex { width: 100%; height: 100%; overflow-y: hidden; box-sizing: border-box; } .a-iframe .a-iframe-main { opacity: 1; width: 100%; height: 100%; transition: opacity 1.2s; } .a-iframe .a-iframe-main.loading { opacity: 0; } .a-infinite-scroll { overflow: auto } /* .a-map { width: 100%; height: calc(100% + 550px); position: absolute; top: -550px; } */ .a-map .amap-logo { opacity: 0; display: none; } .a-map .icon { z-index: 10; display: flex; align-items: center; flex-direction: column; } .a-map .icon img { width: 32px; } .a-map .site-icon { z-index: 0; } .a-map .site-icon img { width: 24px; } /* .a-map .site-info { padding: 10px; width: auto; } */ .a-map .icon .point { position: relative; } .a-map .icon .point .node { width: 8px; height: 8px; border-radius: 50%; background-color: #1296db; } .a-map .icon .point div[class^="step"] { /*保证小波纹在父盒子里面水平垂直居中,放大之后就会 从中心向四周发散*/ position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 12px #1296db; animation: a-map-step 1.5s 2s linear infinite; } .a-map .icon .point div.step2 { /*使三个波纹间隔播放*/ animation-delay: 4s; } /* .a-map .icon .point div.step3 { animation-delay: 8s; } */ @keyframes a-map-step { 100% { width: 50px; height: 50px; opacity: 0; } } .a-map .amap-marker-label { border: 0; opacity: 0; padding: 8px; font-size: 16px; color: #ffffff; border-radius: 4px; background-color: rgb(0, 0, 0, 0.5); transition: all 0.2s; } .a-map .amap-marker:hover .amap-marker-label { opacity: 1; transition: all 0.2s; } .a-menu { margin: 0; padding: 0; } .a-menu .el-menu, .a-menu-popup .el-menu { background: none; border: 0; } .a-menu .el-menu:not(.el-menu--collapse) { width: 100%; } .a-menu .el-menu .el-menu-item, .a-menu .el-menu .el-submenu__title, .a-menu-popup .el-menu .el-menu-item, .a-menu-popup .el-menu .el-submenu__title { background-color: rgba(0, 0, 0, 0); } .a-menu .el-menu .el-menu-item i, .a-menu .el-menu .el-menu-item span, .a-menu .el-menu .el-submenu__title i, .a-menu .el-menu .el-submenu__title span { transition: color 0.28s; } .a-menu .el-menu.el-menu--horizontal { border: none; } .a-modal .el-dialog { margin-top: 8vh; } .a-modal .el-dialog__header { padding: 4px 10px; text-align: center; background-color: #224b7f; } .a-modal .el-dialog__header .el-dialog__title { font-size: 16px; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #000000; } .a-modal .el-dialog__header .el-dialog__headerbtn { position: absolute; top: 8px; right: 10px; } .a-modal .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: #ffffff; text-shadow: 1px 1px 1px #000000; } .a-modal .el-dialog__body { margin: 0; padding: 0; } .a-modal .a-modal-body { margin: 0; max-height: 60vh; overflow-y: auto; padding: 10px 20px; border-bottom: 1px solid #eeeeee; } .a-modal .a-modal-body .el-form-item .el-form-item__label { padding: 0; } .a-modal .a-modal-body::-webkit-scrollbar { width: 8px; height: 8px; } .a-modal .a-modal-body::-webkit-scrollbar-thumb { width: 8px; border-radius: 8px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); } .a-modal .a-modal-foot { padding: 14px 0; text-align: center; } .a-modal .a-modal-foot .el-button { border-radius: 0; width: 100px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 16px; } .a-modal .el-dialog { position: relative; box-sizing: border-box; } .a-modal .el-dialog .action { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .a-modal .el-dialog .action .el-form-item .el-form-item__label { display: none; } .a-modal .el-dialog .action .el-button { width: 100px; padding: 8px 16px; } .a-modal .el-dialog .action .el-form-item { margin: 0; } .a-modal .a-modal-foot.custom { height: 60px; padding: 0; display: flex; align-items: center; justify-content: center; } .a-modal.loading { pointer-events: none; } .a-navbar { width: 100%; overflow: hidden; box-sizing: border-box; } .a-navbar .a-navbar-container { padding: 8px 0; } .a-navbar .a-navbar-container .el-tag:first-child { margin-left: 8px; } .a-navbar .a-navbar-container .el-tag:last-child { margin-right: 8px; } .a-navbar .a-navbar-container .el-tag { cursor: pointer; margin: 0 2px; } .a-navbar .a-navbar-container::-webkit-scrollbar { height: 8px; } .a-navbar .a-navbar-container::-webkit-scrollbar-thumb { height: 8px; border-radius: 10px; background-color: #cccccc; } .a-password-input { display: flex; flex-direction: column; } .a-password-input .el-input { flex: 1; } .a-password-input .a-password-input-hint { margin: 4px 0; display: flex; flex-direction: row; } .a-password-input .a-password-input-hint .a-password-input-hint-item { transition: all 0.28s; width: 80px; height: 4px; border-radius: 8px; text-align: center; background-color: #eeeeee; } .a-password-input .a-password-input-hint .a-password-input-hint-item.active { background-color: red; } .a-popconfirm { display: inline; } .el-popconfirm__action { display: flex; justify-content: space-between; } .el-popconfirm__action .el-button { width: 60px; } .a-popover .action { text-align: right; margin: 0; } .a-reminder { margin: 0 24px; } .a-reminder i { font-size: 24px; color: #aaaaaa; cursor: pointer; } .a-reminder:hover i { color: #1890ff; } .a-reminder i:active { position: relative; top: 1px; } .transition-enter-active, .transition-leave-active { transition: opacity .28s; } .transition-enter, .transition-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } .a-router-view>div>div { animation: aRouterView 0.28s linear; } @keyframes aRouterView { from { opacity: 0; transform: translateY(-100%); } } .a-row { box-sizing: border-box; } .a-row.flex { flex: 1; display: flex; flex-wrap: wrap; flex-direction: initial; } .a-scroll-box { width: 100%; } .a-scroll-box .a-scroll-box-main { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .a-scroll-box .a-scroll-box-main::-webkit-scrollbar { width: 8px; height: 8px; } .a-scroll-box .a-scroll-box-main::-webkit-scrollbar-thumb { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); } .a-scroll-table { width: 100%; } .a-scroll-table .inner { display: inline-block; } .a-scroll-table .inner .el-button { cursor: pointer; } .a-scroll-table .el-table th { background-color: #f8f8f9; padding: 6px 0; } .a-scroll-table .el-table th .cell { white-space: nowrap; } /* .a-scroll-table .el-table th .cell:hover::after { content: attr(data-title); display: inline-block; padding: 10px 14px; border: 1px solid #ddd; border-radius: 5px; position: absolute; top: 0; left: 20px; z-index: 100; } */ .a-scroll-table .el-table td { padding: 6px 0; } .a-scroll-table .el-table td input { height: 32px; padding: 0 0 0 6px; } .a-scroll-table .el-table thead { color: #515a6e; } .a-scroll-table .el-table__fixed-right-patch { background-color: #f8f8f9; } .a-scroll-table .el-table { /* border: 1px solid #e6e6e6; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); */ box-shadow: 0 0 1px #eeeeee; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; /* box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%); */ } .a-scroll-table .el-table .el-button { padding: 0 4px; min-width: 60px; font-size: 12px; min-height: 24px; border-radius: 4px; line-height: 24px; margin: 0 4px; } .a-scroll-table .el-table .el-icon-edit { width: 48px; color: #409eff; font-size: 22px; cursor: pointer; transition: all 0.28s; } .a-scroll-table .el-table .el-icon-edit:hover { transition: all 0.28s; color: blue; } .a-scroll-table .el-table .el-icon-edit:active { position: relative; top: 1px; } .a-scroll-table .el-table .el-icon-delete { width: 48px; color: #f56c6c; font-size: 22px; cursor: pointer; transition: all 0.28s; } .a-scroll-table .el-table .el-icon-delete:hover { transition: all 0.28s; color: red; } .a-scroll-table .el-table .el-icon-delete:active { position: relative; top: 1px; } /* .a-scroll-table .el-table .cell.el-tooltip { display: flex; align-items: center; } */ .a-scroll-table .el-table .action i { width: 48px; font-size: 22px; cursor: pointer; } .a-scroll-table .el-table .action i:active { position: relative; top: 1px; } .a-scroll-table .el-table .action i.el-icon-success { color: #13ce66; } .a-scroll-table .el-table .action i.el-icon-view { color: #ffa500; } .a-scroll-table .el-table .cell.el-tooltip img { margin: 0 auto; height: 28px; } .a-scroll-table .el-table .cell.el-tooltip .el-input__inner { border: none; height: 23px; line-height: 23px; } .a-scroll-table .el-table .cell.el-tooltip .disabled { pointer-events: none; } .a-square { position: relative; } .a-square .null { padding-bottom: 100%; } .a-square .main { position: absolute; top: 0; width: 100%; height: 100%; } /** * Swiper 11.2.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 3, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: